Astuces Non classé

Comment changer la couleur de l’en tête et de la barre d’adresse de mon site web sur Chrome ?

Si vous avez l’habitude de visiter des sites comme celui du guardian avec l’app Chrome installée sur votre téléphone, vous avez dû remarquer que la couleur de l’en tête ainsi que celle de la  barre d’adresse changent une fois arrivé sur la page d’accueil de ces sites.
Ce n’est pas le fruit du hasard : cette déclinaison de couleur se fait en accord avec la charte graphique du site et permet ainsi d’accentuer le « branding » du site. Si vous êtes un développeur, vous vous demandez comment cela est possible : et bien, c’est aussi simple que de rajouter 3 balises meta dans la section <header> de votre site.

 

 <meta content= »#000000″ name= »theme-color »/>

 <meta content= »#000000″ name= »msapplication-navbuton-color »/>
 <meta content= »#000000″ name= »apple-mobile-web-app-status-bar-style »/>
où vous remplacerez  #000000 par le code css correspondant à la couleur que vous souhaitez pour la barre d’adresse de votre site web.
En pratique, voici ce que ça donne 
Comment changer la couleur de l&rsquo;en tête et de la barre d&rsquo;adresse de mon site web sur Chrome ?, A Unix Mind In A Windows World
avant l’ajout des balises
Comment changer la couleur de l&rsquo;en tête et de la barre d&rsquo;adresse de mon site web sur Chrome ?, A Unix Mind In A Windows World
Après l’ajout des balises
Jean-Luc Houédanou
Jean-Luc Houédanou est un blogueur spécialisé dans l'innovation et la transformation numérique, avec une expérience en développement web front-end. Après avoir obtenu un Master en gestion du commerce électronique de l'Université de Sherbrooke, il a travaillé sur des projets d'envergure mondiale pour diverses entreprises, startups et organisations internationales. Il est également impliqué dans des projets communautaires et technologiques en Afrique. Il aide, par le biais de ce blog, les lecteurs à s'adapter aux évolutions rapides de la technologie et des tendances du marché. En plus de ses articles sur l'innovation et la transformation numérique, Jean-Luc Houédanou écrit également des colonnes d'opinion et donne des conseils sur le bien-être mental. Son objectif est d'aider les lecteurs à se développer personnellement et professionnellement, en leur fournissant des conseils pratiques pour gérer le stress et améliorer leur qualité de vie.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *