Czy zauważyłeś, że wiele popularnych witryn takich jak BBC et Facebook używać własnych kolorów na pasku adresu przeglądarek mobilnych. Niedawno jeden z naszych użytkowników poinformował nas o swoim zainteresowaniu tym tematem.

W tym samouczku pokażemy, jak zmienić kolor paska adresu w przeglądarce mobilnej, aby dopasować go do witryny WordPress.

Po co harmonizować kolor paska adresu w przeglądarce mobilnej?

Najbardziej Motywy WordPress popularne są responsywne na urządzeniach mobilnych. Dzięki temu Twoja witryna będzie dobrze wyglądać na urządzeniach mobilnych. Jednak nadal prezentuje się jako Witryna internetowa.

Dostosowując kolor paska adresu do Twojej witryny WordPress, daje wrażenie aplikacji mobilnej. Poprawia to wrażenia użytkownika i zwiększa zarówno sprzedaż, jak i liczbę konwersji.

Należy jednak zauważyć, że w tej chwili działa tylko dla przeglądarki Google Chrome na urządzeniach z Androidem korzystających z Lollipopa lub nowszych wersji.

Dostosuj kolor paska adresu w przeglądarce mobilnej do motywu WordPress

Po prostu dodaj ten kod do pliku „ header.php" de Twój motyw lub motyw potomny tuż przed zamknięciem </head> etykietka.

Ta linia to metatag HTML używany przez przeglądarkę Google Chrome na Androidzie do zmiany koloru paska adresu w przeglądarce mobilnej. Pole treść zawiera kod szesnastkowy koloru, którego chcesz użyć jako koloru motywu.

Nie wiesz, jak uzyskać kod szesnastkowy dla koloru? Możesz uzyskać wartość szesnastkową koloru za pomocą dowolnego oprogramowania do edycji obrazu, takiego jak Adobe Photoshop, Gimp, Paint itp.

Możesz także wybrać kolor za pomocą narzędzi Selektor kolorów HTML. Jeśli chcesz wybrać kolor ze strony internetowej, możesz użyć rozszerzenia przeglądarki, takiego jak ColorZilla.

To wszystko ! Mamy nadzieję, że ten artykuł nauczył Cię, jak zmienić kolor paska adresu w przeglądarkach mobilnych, aby pasował do Twojej witryny WordPress.

Jeśli masz jakieś uwagi lub sugestie, daj nam znać w odpowiedniej sekcji.