Как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал вашему сайту 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, весь контент, изображения и авторство принадлежит автору

55+ самых разыскиваемых советов, приемов и хитростей WordPress

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

Как отключить RSS-каналы в WordPress

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

Как легко массово удалить все комментарии WordPress

Вы хотите удалить все комментарии со своего сайта WordPress? Это редко, но в некоторых случаях владелец сайта может решить удалить все комментарии

Как добавить поиск Google на сайт WordPress

Вы хотите использовать поиск Google на своем сайте WordPress? Хотя WordPress поставляется со встроенной функцией поиска, это не очень хорошо. Вот почему многие