Všimli ste si, že mnoho populárnych stránok, ako je BBC et facebook používajú svoje vlastné farby na paneli s adresou mobilných prehliadačov. Nedávno nás jeden z našich používateľov informoval o svojom záujme o túto tému.

V tejto príručke vám ukážeme, ako zmeniť farbu panela s adresou v mobilnom prehliadači tak, aby vyhovovala vášmu webu WordPress.

Prispôsobiť farbu adresného riadku na WordPress

Prečo harmonizovať farbu panela s adresou pre mobilný prehliadač?

väčšina Témy WordPress obľúbené sú responzívne na mobile. Vďaka tomu bude vaša stránka vyzerať dobre na mobilných zariadeniach. Stále sa však prezentuje ako a webové stránky.

Prispôsobením farby panela s adresou vášmu webu WordPress pôsobí dojmom mobilnej aplikácie. To zlepšuje užívateľskú skúsenosť a zvyšuje predaj aj konverzie.

Upravený panel s adresou pre mobilné prehliadače

Je však potrebné poznamenať, že momentálne funguje iba pre prehliadač Google Chrome na zariadeniach s Androidom používajúcich Lollipop alebo novšie verzie.

Prispôsobte farbu panela s adresou v mobilnom prehliadači svojej téme WordPress

Stačí pridať tento kód do súboru „ header.php" de svoju tému alebo detskú tému tesne pred zatvorením </head> tag.


Tento riadok je metaznačka HTML, ktorú používa prehliadač Google Chrome v systéme Android na zmenu farby panela s adresou v mobilnom prehliadači. Pole obsah obsahuje hexadecimálny kód farby, ktorú chcete použiť ako farbu témy.

Neviete, ako získať hexadecimálny kód pre farbu? Hexadecimálnu hodnotu farby môžete získať pomocou ľubovoľného softvéru na úpravu obrázkov, ako je Adobe Photoshop, Gimp, Paint atď.

Farba prispôsobenie PhotoShop

Môžete tiež zvoliť farbu pomocou nástrojov z HTML Color Picker. Ak chcete zvoliť farbu z webovej stránky, môžete použiť rozšírenie prehliadača ako ColorZilla.

To je všetko ! Dúfame, že vás tento článok naučil, ako zmeniť farbu panela s adresou mobilných prehliadačov tak, aby vyhovovala vášmu webu WordPress.

Ak máte akékoľvek pripomienky alebo návrhy, dajte nám vedieť v osobitnej časti.