Вы заметили, что многие популярные сайты, такие как BBC et Facebook использовать собственные цвета в адресной строке мобильных браузеров. Недавно один из наших пользователей сообщил нам о своем интересе к этой теме.

В этом уроке мы покажем вам, как изменить цвет адресной строки в мобильном браузере в соответствии с вашим сайтом WordPress.

Настройка цвета адресной строки на WordPress

Зачем согласовывать цвет адресной строки в мобильном браузере?

Наиболее Темы WordPress популярные реагируют на мобильные устройства. Это позволяет вашему сайту хорошо выглядеть на мобильных устройствах. Однако он по-прежнему позиционирует себя как Веб-сайт.

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

Модифицированная адресная строка для мобильных браузеров

Однако следует отметить, что на данный момент он работает только для браузера Google Chrome на устройствах Android, использующих Lollipop или более новые версии.

Адаптируйте цвет адресной строки в мобильном браузере к вашей теме WordPress.

Просто добавьте этот код в файл " header.php" de ваша тема или дочерняя тема непосредственно перед закрытием </head> тег.


Эта строка представляет собой метатег HTML, используемый Google Chrome на Android для изменения цвета адресной строки в мобильном браузере. Поле содержание содержит шестнадцатеричный код цвета, который вы хотите использовать в качестве цвета темы.

Не знаете, как получить шестнадцатеричный код цвета? Вы можете получить шестнадцатеричное значение цвета с помощью любого программного обеспечения для редактирования изображений, такого как Adobe Photoshop, Gimp, Paint и т. Д.

цвет настройки PhotoShop

Вы также можете выбрать цвет с помощью инструментов пипетка HTML. Если вы хотите выбрать цвет на веб-странице, вы можете использовать расширение браузера, например ColorZilla.

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

Если у вас есть какие-либо комментарии или предложения, сообщите нам об этом в специальном разделе.