Как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал вашему сайту WordPress

/

Вы заметили, что многие популярные веб-сайты, такие как BBC и Facebook, используют цвета собственного бренда для адресной строки в мобильном браузере. Недавно один из наших пользователей спросил нас, можем ли мы написать о том, как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал их теме WordPress? В этой статье мы покажем вам, как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал цвету вашего сайта WordPress.

Цвет адресной строки в мобильном браузере для сайта WordPress

Зачем совмещать цвет адресной строки в мобильном браузере?

Самые популярные темы WordPress адаптируются к мобильным устройствам. Благодаря этому ваш сайт отлично выглядит на мобильных устройствах. Тем не менее, он по-прежнему выглядит как веб-сайт.

Соответствие цвета адресной строки вашему сайту WordPress придает ему ощущение нативного приложения. Это улучшает пользовательский опыт, что в конечном итоге увеличивает продажи и конверсию.

Цветные адресные строки в мобильном браузере на Android

Однако обратите внимание, что в настоящее время он работает только для веб-браузера Google Chrome на устройствах Android, использующих Lollipop или более новые версии.

Подберите цвет адресной строки в мобильном браузере к вашей теме WordPress

Просто добавьте этот код в файл header.php вашей темы или дочерней темы непосредственно перед закрывающим тегом </head>.

Эта строка представляет собой метатег HTML, используемый Google Chrome на Android для изменения цвета адресной строки в мобильном браузере. Поле содержимого имеет шестнадцатеричный код цвета, который вы хотите использовать в качестве цвета темы.

Не знаете, как получить шестнадцатеричный цветовой код?

Вы можете получить HEX-значение цвета с помощью любого программного обеспечения для редактирования изображений, такого как Adobe Photoshop, Gimp, Paint и т. Д.

Палитра цветов в Adobe Photoshop

Вы также можете выбрать цвет с помощью онлайн-инструментов выбора цвета HTML.

Если вы хотите выбрать цвет на веб-странице, вы можете использовать расширение браузера, например ColorZilla.

Вот и все, мы надеемся, что эта статья помогла вам узнать, как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал цвету вашего сайта WordPress. Вы также можете посмотреть наш обзор CSS Hero, это самый простой способ настроить вашу тему WordPress.

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как установить WordPress на компьютер с Windows с помощью WAMP

Вы хотите установить WordPress на свой компьютер с Windows локально? Работа с WordPress на вашем компьютере позволяет вам тестировать новые функции WordPress, узнать,

Как исправить ошибку WordPress не удалось открыть поток

Вы видите ошибку «не удалось открыть поток» в WordPress? Эта ошибка обычно указывает расположение скриптов, в которых возникла ошибка. Однако начинающим

Как изменить расписание удаления спама Akismet в WordPress

После того, как мы опубликовали нашу статью о том, как изменить график удаления спама WordPress, один из наших читателей спросил, можно ли изменить график

Как массово удалить сообщения WordPress (2 простых решения)

Вы хотите массово удалять сообщения WordPress? WordPress упрощает управление сообщениями из админки. Однако, если вы хотите удалить много сообщений, их