Jest wczesny ranek więc i rozpisywać się nie będę. Od jakiegoś czasu, a dokładniej od mobilnej wersji Chrome 39, developerzy mogą sami ustawić kolor paska adresu i belki powiadomień w telefonie użytkownika – wygląda to całkiem przyjemnie, a wymaga dodania linijki kodu.
Jak ustawić własny Meta Kolor (theme-color) w Chrome?
W zasadzie nic prostszego – wystarczy w sekcję HEAD wpisać poniższy kod i zmodyfikować jedynie kod koloru – w poniższym przykładzie #A4916D – Kolor zapisany w standardowym HEX’ie :)
<meta name="theme-color" content="#A4916D">
Możesz wkleić go w opcjach motywu tak gdzie znaczniki weryfikacyjne lub…
Prosta Funkcja wspierająca Theme Color w Mobilnym Chrome
function jcz_kolorek()
{
echo '<meta name="theme-color" content="#A4916D">';
}
add_action('wp_head', 'jcz_kolorek');
Aktualizacja 2022
Wprowadzono możliwość manipulowania kolorem w zależności od wybranego przez użytkownika trybu jasnego lub ciemnego.
oto kod meta tagów z przykładowymi wartościami:
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#0066cc" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />
Powiązane tematy: WordPress
3 komentarze do wpisu “Zmień kolor paska adresu w Chrome [WordPress & HTML]”
Janunsz Kamiński
Pewnie jest coś takie w FireFox? :)
DMati
Przypomniały mi się czasu kolorowania pasków przewijania :D
Mateusz Jaworowicz[ Autor Artykułu ]
Coś czuje, że one mogą bardzo szybko wrócić – może w trochę innej formie ale…