Všimli jste si, že mnoho populárních webů, jako je BBC et facebook používat své vlastní barvy na adresním řádku mobilních prohlížečů. Nedávno nás jeden z našich uživatelů informoval o svém zájmu o toto téma.

V tomto tutoriálu vám ukážeme, jak změnit barvu adresního řádku v mobilním prohlížeči tak, aby vyhovoval vašemu webu WordPress.

Přizpůsobit barvu adresního řádku na WordPress

Proč harmonizovat barvu adresního řádku pro mobilní prohlížeč?

Většina Témata WordPress populární jsou responzivní na mobilu. Díky tomu bude váš web vypadat dobře na mobilních zařízeních. Stále se však prezentuje jako a Webové stránky.

Přizpůsobením barvy adresního řádku vašemu webu WordPress působí dojmem mobilní aplikace. To zlepšuje uživatelský komfort a zvyšuje prodej i konverze.

Upravený adresní řádek pro mobilní prohlížeče

Je však třeba poznamenat, že v tuto chvíli to funguje pouze pro prohlížeč Google Chrome na zařízeních Android používajících Lollipop nebo novější verze.

Přizpůsobte barvu adresního řádku v mobilním prohlížeči svému motivu WordPress

Stačí přidat tento kód do souboru " header.php" de vaše téma nebo podřízené téma těsně před uzavřením </head> štítek.


Tento řádek je metaznačka HTML, kterou používá Google Chrome v systému Android ke změně barvy adresního řádku v mobilním prohlížeči. Pole obsah obsahuje hexadecimální kód barvy, kterou chcete použít jako barvu motivu.

Nevíte, jak získat hexadecimální kód pro barvu? Hexadecimální hodnotu barvy můžete získat pomocí libovolného softwaru pro úpravu obrázků, jako je Adobe Photoshop, Gimp, Paint atd.

Barva přizpůsobení PhotoShop

Můžete také vybrat barvu pomocí nástrojů Výběr barvy HTML. Pokud si chcete vybrat barvu z webové stránky, můžete použít rozšíření prohlížeče jako ColorZilla.

To je vše ! Doufáme, že vás tento článek naučil, jak změnit barvu adresního řádku mobilních prohlížečů tak, aby vyhovoval vašemu webu WordPress.

Pokud máte nějaké připomínky nebo návrhy, dejte nám prosím vědět ve specializované sekci.