Tout savoir sur WordPress

Ajouter des nouveaux thèmes de couleurs pour l’administration

Par défaut, il existe deux gamme de couleur pour l’administration, mais il est possible d’ajouter des couleurs dans l’interface d’administration en plus deux thèmes existants.

Si vous aussi, vous en avez marre des deux choix de gamme de couleur proposés par défaut pour les thèmes de couleurs de l’administration :

Couleurs interfaces

Voici une astuce à insérer dans le fichier functions.php qui va vous permettre de remédier à ce problème existentiel.

add_action('admin_init', 'admin_color_scheme');
function admin_color_scheme() {
    wp_admin_css_color(
        'green', // Nom unique du Thème
        __('Green'), // Nom du Thème dans l'administration
        get_template_directory_uri() . '/css/colors-green.css', // Le chemin vers le fichier CSS du Thème
        array('#6cfdc6 ', '#93fed5', '#b9fee4', '#e0fff3') // Les couleurs que l'on souhaite afficher dans la pré-visualisation du thème
    );
}

Ci-dessous, un aperçu de résultat avec l’apparition du nouveau choix de thème :
Ajout d'une couleur de thème

Après avoir copié ces lignes de codes, il faut créer le fichier css de votre thème d’administration. Pour cela, il faut aller à la racine de votre thème et créer le fichier colors-green.css. On stocke ce fichier dans un dossier nommé “css”.

La modification de style s’applique à toutes les pages. Ensuite, c’est à vous de vous débrouiller pour créer quelque chose de beau ou en rapport avec votre site.

Pour la création de votre feuille de style, je vous conseille de copier le CSS du thème par défaut qui se trouve dans le dossier “wp-admin”, puis dans le dossier “css” et qui se nomme “colors-classic.dev.css”. Ensuite, modifiez petit à petit les éléments de couleurs que vous souhaitez personnaliser.

Cet article a été mis à jour il y a 4342 jours - Il n'est peut être plus à jour !

Article écrit par Jean-David

3 Commentaires

  1. Toujours d’actualité avec la version 3.8 ?
    De plus il faudrait mettre au moisn une mide à jour avec des copie d’écran des nouvelles IHM.