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

Kolor paska adresu Chrome

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" />
Oceń ten artykuł jako pierwszy
dHosting najlepszy serwer dla wordpress i nie tylko
Powiązane tematy: WordPress

Na stronie mogą znajdować się linki polecające (affiliacyjne), które pozwalają utrzymać bloga. Zakup z mojego polecenia nie generuje dla Ciebie dodatkowych kosztów, a ja otrzymam prowizje od kwoty zapłaconej.

3 komentarze do wpisu “Zmień kolor paska adresu w Chrome [WordPress & HTML]”

  1. Avatar autora komentarza Janunsz Kamiński
    Janunsz Kamiński

    Pewnie jest coś takie w FireFox? :)

  2. Avatar autora komentarza DMati
    DMati

    Przypomniały mi się czasu kolorowania pasków przewijania :D

    1. Avatar autora komentarza Mateusz Jaworowicz
      Mateusz Jaworowicz[ Autor Artykułu ]

      Coś czuje, że one mogą bardzo szybko wrócić – może w trochę innej formie ale…

Skomentuj Mateusz Jaworowicz Anuluj odpowiedź