Har du lagt märke till att många populära webbplatser som BBC et Facebook använda sina egna färger i adressfältet i mobilwebbläsare. Nyligen informerade en av våra användare oss om sitt intresse för detta ämne.

I den här guiden visar vi dig hur du ändrar adressfältets färg i mobilwebbläsaren så att den passar din WordPress-webbplats.

Anpassa färgen på adressfältet på Wordpress

Varför harmonisera färgen på adressfältet för mobilwebbläsaren?

Mest WordPress-teman populära är responsiva på mobilen. Detta gör att din webbplats ser bra ut på mobila enheter. Han presenterar sig dock fortfarande som en webbplats.

Genom att anpassa färgen på adressfältet till din WordPress-webbplats ger det intrycket av en mobilapplikation. Detta förbättrar användarupplevelsen och ökar både försäljning och konverteringar.

Modifierad adressfält för mobila webbläsare

Det bör dock noteras att det för tillfället bara fungerar för Google Chrome-webbläsaren på Android-enheter som använder Lollipop eller nyare versioner.

Anpassa färgen på adressfältet i mobilwebbläsaren till ditt WordPress-tema

Lägg bara till den här koden i filen " header.php" de ditt tema eller barnetema precis innan du stänger </head> märka.


Den här raden är en HTML-metatagg som används av Google Chrome på Android för att ändra färgen på adressfältet i den mobila webbläsaren. Området för innehåll innehåller hexadecimalkoden för färgen du vill använda som temafärg.

Vet inte hur man får den hexadecimala koden för färgen? Du kan få hex-värdet för en färg med valfri bildredigeringsprogramvara som Adobe Photoshop, Gimp, Paint, etc.

Färg anpassning PhotoShop

Du kan också välja en färg med hjälp av HTML färgväljaren. Om du vill välja en färg från en webbsida kan du använda ett webbläsartillägg som ColorZilla.

Det är allt ! Vi hoppas att den här artikeln har lärt dig hur du ändrar färgen på adressfältet i mobilwebbläsare så att den passar din WordPress-webbplats.

Om du har några kommentarer eller förslag, vänligen meddela oss i det dedikerade avsnittet.