Heb je gemerkt dat veel populaire sites zoals de BBC et Facebook gebruiken hun eigen kleuren op de adresbalk van mobiele browsers. Onlangs heeft een van onze gebruikers ons geïnformeerd over zijn interesse in dit onderwerp.

In deze tutorial laten we je zien hoe je de kleur van de adresbalk in de mobiele browser kunt aanpassen aan je WordPress-site.

Waarom zou u de kleur van de adresbalk voor de mobiele browser harmoniseren?

Meest WordPress-thema's populair zijn responsief op mobiel. Hierdoor ziet uw site er goed uit op mobiele apparaten. Toch presenteert hij zich nog steeds als een Site web.

Door de kleur van de adresbalk aan te passen aan uw WordPress-site, geeft het de indruk van een mobiele applicatie. Dit verbetert de gebruikerservaring en verhoogt zowel de verkoop als het aantal conversies.

Er moet echter worden opgemerkt dat het momenteel alleen werkt voor de Google Chrome-browser op Android-apparaten met Lollipop of nieuwere versies.

Pas de kleur van de adresbalk in de mobiele browser aan uw WordPress-thema aan

Voeg deze code gewoon toe aan het bestand " header.php" de uw thema of child-thema net voor het sluiten </head> label.

Deze regel is een HTML-metatag die door Google Chrome op Android wordt gebruikt om de kleur van de adresbalk in de mobiele browser te wijzigen. Het vakgebied van inhoud bevat de hexadecimale code van de kleur die u als themakleur wilt gebruiken.

Weet u niet hoe u de hexadecimale code voor de kleur moet krijgen? U kunt de hexadecimale waarde van een kleur verkrijgen met behulp van beeldbewerkingssoftware zoals Adobe Photoshop, Gimp, Paint, enz.

U kunt ook een kleur kiezen met behulp van de tools van HTML kleurkiezer. Als u een kleur van een webpagina wilt kiezen, kunt u een browserextensie zoals ColorZilla.

Dat is alles ! We hopen dat dit artikel je heeft geleerd hoe je de adresbalkkleur van mobiele browsers kunt aanpassen aan je WordPress-site.

Als u opmerkingen of suggesties heeft, laat het ons dan weten in het daarvoor bestemde gedeelte.