Plusieurs fois, vous visitez les différents sites Web duNavigateur mobile Google Chromeet imaginez-vous comment la couleur de l'en-tête et de la barre d'adresse du navigateur mobile est modifiée ? Comment adapter automatiquement la couleur d’un thème de site Web ? Si vous ne l'avez pas encore remarqué, allez ouvrir certains sites Web de marques populaires tels que Facebook.
À l'heure actuelle, cette fonctionnalité d'adaptation des couleurs n'est disponible que dans le navigateur Google Chrome et aujourd'hui, dans cet article, nous allons vous montrer comment modifier la couleur de l'en-tête ou de la barre d'adresse du navigateur Chrome pour qu'elle corresponde à la couleur du thème de votre site Web WordPress.
Quel est l'avantage de personnaliser la couleur de la barre de navigation de Google Chrome pour qu'elle corresponde à votre site Web WordPress ?
De nos jours, presque tous les thèmes WordPress sont également compatibles et réactifs avec les navigateurs mobiles, ce qui contribue à réduire la vitesse de chargement du site Web. De plus, grâce à la réactivité des thèmes, ils s'affichent parfaitement sur les appareils mobiles tels que les smartphones et les tablettes.
Désormais, il est important de faire correspondre la couleur de l'en-tête du navigateur Chrome à la couleur du thème du site Web, car cela laisse une image de marque sur votre public.
Lorsque le navigateur mobile adapte la couleur du thème du site Web WordPress, cela donne l’impression d’utiliser une application native. Cela déclenche automatiquement une confiance dans le subconscient d'une personne et, finalement, augmente vos ventes.
Le moyen le plus simple de colorer la barre d'adresse de votre navigateur mobile dans WordPress
Étape 1 :Accédez à votre tableau de bord WordPress et Apparence->Éditeur-> sélectionnez votre thème actuel.
Étape 2 :Sélectionnez le fichier header.php dans la liste des fichiers php du côté droit.
Étape 3 :Cliquez maintenant dans l'éditeur et appuyez sur ctrl+F et découvrez le</head> . Il s’agit d’une balise de fermeture de section d’en-tête.
Étape 4 :Une fois que vous avez trouvé ce code, juste avant de placer le code suivant :
<meta name="theme-color" content="#ff6600" />
Vous pouvez vous référer à la capture d'écran donnée.
Étape 5 :Dans le code ci-dessus, le#ff6600est la couleur orange qui est sur notre site Web. Maintenant, pour connaître la couleur de votre site Web, vous pouvez soit appuyer surctrl+maj+Iou faites un clic droit sur inspecter pour retrouver le code couleur de votre thème.
ou je viens de recevoirÉcole HTMLsite Web et découvrez votre code couleur.
