Zmień kolor paska adresu w Chrome [WordPress & HTML]

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" />