Blog Inforeseau.com – Alexandre Blanc Cyber Security

WordPress : changer la couleur de la barre d’administration

Si vous administrez plusieurs blogs propulsés par wordpress, vous avez peut être du mal à identifier l’interface d’administration de chaque site !

En effet, par défaut, wordpress permet de choisir seulement 2 couleurs (bleu ou gris) pour l’interface d’administration. Avec plusieurs blogs à gérer, vous aurez vites fait de vous tromper de site à cause de la ressemblance de l’interface d’administration.

Mon astuce va être de changer la couleur de la barre du haut, afin de clairement identifier dans quelle admin je suis.
Pour faire ceci, il y a des plugins, mais je n’ai rien trouvé de vraiment simple ou efficace.

De toute façon la modification est toute simple, et ne vaut pas la peine de s’en priver !

Pour changer la couleur de la barre du haut, nous allons éditer deux fichiers CSS situé dans /wp-admin/css (de votre blog):
– colors-classic.css (le theme par défaut, avec une barre bleue monochrome)
– colors-fresh.css (le theme optionnel avec une barre contenant un degradé CSS)

Le fichier colors-classic.css sur wordpress 3.0.1 est constitué d’une seule ligne dans laquelle nous allons rechercher la valeur « wphead » jusqu’à tomber sur :
[css]#wphead{background-color:#1d507d;}[/css]
Ici vous remplacez le #1d507d par la couleur de votre choix.

Ensuite, on attaque le deuxième fichier, colors-fresh.css dans lequel on cherche également la valeur « wphead » jusqu’à tomber sur :
[css]#wphead{border-bottom:#c6c6c6 1px solid;background:#d9d9d9;background:-moz-linear-gradient(bottom,#d7d7d7,#e4e4e4);background:-webkit-gradient(linear,left bottom,left top,from(#d7d7d7),to(#e4e4e4));}[/css]
Dans cette ligne vous allez remplacer les valeurs #d9d9d9, #d7d7d7 (2 fois) par le code couleur de votre choix, exemple :
[css]#wphead{bor
der-bottom:#c6c6c6 1px solid;background:#f9d718;background:-moz-linear-gradient(bottom,#f9d718,#e4e4e4);background:-webkit-gradient(linear
,left bottom,left top,from(#f9d718),to(#e4e4e4));}[/css]

Et voilà !! Dans les deux choix de couleur, vous aurez la top-barre de l’interface d’administration dans la couleur de votre choix. Personnalisez ainsi chacun de vos blogs wordpress, et vous saurez en un coup d’oeil si vous travaillez sur le bon.

Tags: admin, blog, personnalisation, wordpress