W artykule:
Czy zauważyłeś, że wiele popularnych stron internetowych, takich jak BBC i Facebook, używa własnych kolorów marki dla paska adresu w przeglądarce mobilnej. Niedawno jeden z naszych użytkowników zapytał nas, czy moglibyśmy napisać o tym, jak zmienić kolor paska adresu w przeglądarce mobilnej, aby pasował do ich motywu WordPress? W tym artykule pokażemy, jak zmienić kolor paska adresu w przeglądarce mobilnej, aby pasował do twojej witryny WordPress.
Po co dopasowywać Kolor paska adresu w przeglądarce mobilnej?
Najpopularniejsze motywy WordPress są responsywne dla urządzeń mobilnych. Dzięki temu Twoja strona wygląda świetnie na urządzeniach mobilnych. Jednak nadal wygląda i czuje się jak strona internetowa.
Dopasowanie koloru paska adresu do witryny WordPress nadaje jej natywny charakter. Poprawia to wrażenia użytkownika, co ostatecznie zwiększa sprzedaż i konwersje.
Należy jednak pamiętać, że obecnie działa tylko dla przeglądarki Google Chrome na urządzeniach z Androidem używających Lollipop lub nowszych wersji.
Dopasuj kolor paska adresu w przeglądarce mobilnej do motywu WordPress
Po prostu dodaj ten kod do motywu lub motywu podrzędnego nagłówek.php
plik tuż przed zamknięciem < / head>
tag.
< meta name= "theme-color" content = "# ff6600" / >
Ta linia to meta tag HTML używany przez Google Chrome na Androida do zmiany koloru paska adresu w przeglądarce mobilnej. Pole zawartość zawiera kod szesnastkowy koloru, którego chcesz użyć jako koloru motywu.
Nie wiesz, jak uzyskać kod koloru sześciokątnego?
Możesz uzyskać wartość sześciokątną koloru za pomocą dowolnego oprogramowania do edycji obrazu, takiego jak Adobe Photoshop, Gimp, Paint itp.
Możesz także wybrać kolor za pomocą internetowych narzędzi do próbkowania 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ł pomógł Ci dowiedzieć się, jak zmienić kolor paska adresu w przeglądarce mobilnej, aby pasował do twojej witryny WordPress. Możesz również zobaczyć naszą recenzję CSS Hero, jest to najprostszy sposób na dostosowanie motywu WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.