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

Окончательное руководство по подключению AWeber к WordPress

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

Как исправить ошибку слишком большого количества запросов в WordPress 429

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

Как исправить проблему обновления и перенаправления страницы входа в WordPress

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

Руководство для начинающих: как добавить карточки Twitter в WordPress

Вы хотите добавить Twitter Cards на свой сайт WordPress? Twitter Cards позволяет прикреплять мультимедийные материалы к твитам, которые ссылаются на ваш контент.