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.

Address bar color in mobile browser for WordPress site

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.

Color address bars in mobile browser on Android

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.

Color picker in Adobe Photoshop

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.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…