Как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал вашему сайту WordPress
Вы заметили, что многие популярные веб-сайты, такие как BBC и Facebook, используют цвета собственного бренда для адресной строки в мобильном браузере. Недавно один из наших пользователей спросил нас, можем ли мы написать о том, как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал их теме WordPress? В этой статье мы покажем вам, как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал цвету вашего сайта WordPress.
Зачем совмещать цвет адресной строки в мобильном браузере?
Самые популярные темы WordPress адаптируются к мобильным устройствам. Благодаря этому ваш сайт отлично выглядит на мобильных устройствах. Тем не менее, он по-прежнему выглядит как веб-сайт.
Соответствие цвета адресной строки вашему сайту WordPress придает ему ощущение нативного приложения. Это улучшает пользовательский опыт, что в конечном итоге увеличивает продажи и конверсию.
Однако обратите внимание, что в настоящее время он работает только для веб-браузера Google Chrome на устройствах Android, использующих Lollipop или более новые версии.
Подберите цвет адресной строки в мобильном браузере к вашей теме WordPress
Просто добавьте этот код в файл header.php
вашей темы или дочерней темы непосредственно перед закрывающим тегом </head>
.
Эта строка представляет собой метатег HTML, используемый Google Chrome на Android для изменения цвета адресной строки в мобильном браузере. Поле содержимого имеет шестнадцатеричный код цвета, который вы хотите использовать в качестве цвета темы.
Не знаете, как получить шестнадцатеричный цветовой код?
Вы можете получить HEX-значение цвета с помощью любого программного обеспечения для редактирования изображений, такого как Adobe Photoshop, Gimp, Paint и т. Д.
Вы также можете выбрать цвет с помощью онлайн-инструментов выбора цвета HTML.
Если вы хотите выбрать цвет на веб-странице, вы можете использовать расширение браузера, например ColorZilla.
Вот и все, мы надеемся, что эта статья помогла вам узнать, как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал цвету вашего сайта WordPress. Вы также можете посмотреть наш обзор CSS Hero, это самый простой способ настроить вашу тему WordPress.