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

Как добавить кнопку Pinterest «Pin It» в WordPress (полное руководство)

Вы хотите добавить кнопку Pinterest «Pin It» в WordPress? Недавно в статистике нашего блога появился новый источник трафика. Это было достаточно важно, чтобы

Как создать базу знаний вики с помощью WordPress

Вы хотите добавить на свой сайт раздел поддержки / документации? Хотите узнать, как лучше всего добавить базу знаний вики на свой сайт WordPress? В этой

Как отображать последние сообщения в WordPress

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

Как отображать последние твиты в WordPress с помощью виджетов Twitter

Вы хотите отображать свои последние твиты в WordPress? Интеграция Twitter с вашим сайтом WordPress помогает повысить вовлеченность на обеих платформах. Посетители