Hoe de kleur van de adresbalk in de mobiele browser kan worden aangepast aan uw WordPress-site

2 min


151

Laat, E.W.M. de (Erwin)

all rights reserved

DeLaatbusiness

Hoe de kleur van de adresbalk in de mobiele browser kan worden aangepast aan uw WordPress-site

Hoe de kleur van de adresbalk in de mobiele browser kan worden aangepast aan uw WordPress-site

Heb je gemerkt dat veel populaire websites zoals BBC en Facebook hun eigen merkkleuren gebruiken voor de adresbalk in de mobiele browser. Onlangs vroeg een van onze gebruikers ons of we konden schrijven over hoe we de kleur van de adresbalk in de mobiele browser konden aanpassen aan hun WordPress-thema? In dit artikel laten we u zien hoe u de kleur van de adresbalk in uw mobiele browser kunt aanpassen aan uw WordPress-site.

Kleur van adresbalk in mobiele browser voor WordPress-site

Waarom kleur aanpassen aan adresbalk in mobiele browser?

De populairste WordPress-thema’s zijn mobiel-responsief. Hierdoor ziet uw site er geweldig uit op mobiele apparaten. Het ziet er echter nog steeds uit en voelt aan als een website.

Door de kleur van de adresbalk aan uw WordPress-site te koppelen, krijgt deze een native app-achtige feel. Dit verbetert de gebruikerservaring, wat uiteindelijk de verkoop en conversies verbetert.

Kleuradresbalken in mobiele browser op Android

Houd er echter rekening mee dat dit momenteel alleen werkt voor de webbrowser Google Chrome op Android-apparaten met Lollipop of nieuwere versies.

Match adresbalkkleur op mobiele browser naar uw WordPress-thema

Voeg eenvoudig deze code in uw thema of kind thema ‘s header.phpfile vlak voor de afsluitende </head>tag.

<meta name=”theme-color” content=”#ff6600″ />

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 inhoudsveld heeft de hex-code voor de kleur die u als themakleur wilt gebruiken.

Weet je niet zeker hoe je de hex-kleurcode moet krijgen?

U kunt de HEX-waarde van een kleur verkrijgen met behulp van beeldbewerkingssoftware zoals Adobe Photoshop, Gimp, Paint, etc.

Kleurkiezer in Adobe Photoshop

U kunt ook een kleur kiezen met online HTML- tools voor kleurkiezers .

Als u een kleur van een webpagina wilt kiezen, dan kunt u een browserextensie zoals ColorZilla gebruiken .

Dat is alles, we hopen dat dit artikel u heeft geholpen om te leren hoe u de kleur van de adresbalk in uw mobiele browser kunt aanpassen aan uw WordPress-site. Misschien wilt u ook onze CSS Hero-recensie zien , het is de gemakkelijkste manier om uw WordPress-thema aan te passen.


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format