Вы заметили, что многие популярные сайты, такие как BBC и Facebook (признана экстремистской организацией на территории РФ), используют свои фирменные цвета для адресной строки в мобильном браузере. Недавно один из наших пользователей спросил нас, не могли бы мы написать о том, как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал их теме WordPress? В этой статье мы покажем вам, как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал вашему сайту WordPress.
Зачем подбирать цвет адресной строки в мобильном браузере?
Большинство популярных тем WordPress являются мобильно отзывчивыми. Благодаря этому ваш сайт отлично выглядит на мобильных устройствах. Однако он по-прежнему выглядит и ощущается как веб-сайт.
Соответствие цвета адресной строки вашему сайту WordPress придает ему ощущение «родного» приложения. Это улучшает пользовательский опыт, что в конечном итоге повышает продажи и конверсии.
Как поменять цвет колонки сайта на WordPress. Шаблон Storefront
Однако обратите внимание, что в настоящее время этот способ работает только в браузере Google Chrome на устройствах Android, использующих Lollipop или более новые версии.
Соответствие цвета адресной строки в мобильном браузере вашей теме WordPress
Просто добавьте этот код в заголовок вашей темы или дочерней темы.php файл непосредственно перед закрытием тег.
Эта строка — метатег HTML, используемый Google Chrome на Android для изменения цвета адресной строки в мобильном браузере. В поле содержимого находится шестнадцатеричный код цвета, который вы хотите использовать в качестве цвета темы.
Не знаете, как получить шестнадцатеричный код цвета?
Вы можете получить HEX-значение цвета с помощью любой программы для редактирования изображений, например, Adobe Photoshop, Gimp, Paint и т.д.
Вы также можете выбрать цвет с помощью онлайн инструментов выбора цвета HTML.
Если вы хотите выбрать цвет на веб-странице, то можете использовать расширение для браузера, например ColorZilla.
На этом все, мы надеемся, что эта статья помогла вам узнать, как изменить цвет адресной строки в мобильном браузере, чтобы он соответствовал вашему сайту WordPress. Вы также можете посмотреть наш обзор CSS Hero, это самый простой способ настроить вашу тему WordPress.
Источник: www.wpbeginner.com