Avez-vous remarqué que de nombreux sites Web populaires comme BBC et Facebook utilisent leurs propres couleurs de marque pour la barre d’adresse dans le navigateur mobile. Récemment, l’un de nos utilisateurs nous a demandé si nous pouvions écrire sur la façon de changer la couleur de la barre d’adresse dans le navigateur mobile pour correspondre à son thème WordPress. Dans cet article, nous allons vous montrer comment changer la couleur de la barre d’adresse dans le navigateur mobile pour qu’elle corresponde à votre site WordPress.
Pourquoi faire correspondre la couleur de la barre d’adresse dans le navigateur mobile ?
Les thèmes WordPress les plus populaires sont adaptés aux mobiles. Cela rend votre site superbe sur les appareils mobiles. Cependant, il ressemble toujours à un site Web.
Faire correspondre la couleur de la barre d’adresse à votre site WordPress, lui donne une sensation native semblable à celle d’une application. Cela améliore l’expérience utilisateur, ce qui stimule finalement les ventes et les conversions.
Cependant, veuillez noter qu’actuellement, cela ne fonctionne que pour le navigateur Web Google Chrome sur les appareils Android utilisant Lollipop ou des versions plus récentes.
Faites correspondre la couleur de la barre d’adresse sur le navigateur mobile à votre thème WordPress
Ajoutez simplement ce code dans votre thème ou thème enfant header.php
dossier juste avant la fermeture </head>
étiqueter.
<meta name="theme-color" content="#ff6600" />
Cette ligne est une balise méta HTML utilisée par Google Chrome sur Android pour changer la couleur de la barre d’adresse dans le navigateur mobile. Le champ de contenu contient le code hexadécimal de la couleur que vous souhaitez utiliser comme couleur de thème.
Vous ne savez pas comment obtenir le code couleur hexadécimal ?
Vous pouvez obtenir la valeur HEX d’une couleur à l’aide de n’importe quel logiciel de retouche d’image comme Adobe Photoshop, Gimp, Paint, etc.
Vous pouvez également choisir une couleur en utilisant en ligne Sélecteur de couleurs HTML outils.
Si vous souhaitez choisir une couleur sur une page Web, vous pouvez utiliser une extension de navigateur telle que CouleurZilla.
C’est tout, nous espérons que cet article vous a aidé à apprendre comment changer la couleur de la barre d’adresse dans le navigateur mobile pour qu’elle corresponde à votre site WordPress. Vous pouvez également consulter notre revue CSS Hero, c’est le moyen le plus simple de personnaliser votre thème WordPress.