Personnaliser la palette de couleur de TinyMCE sur WordPress

Twitter
LinkedIn
Facebook
Mail

Le respect des couleurs de la charte graphique d’un site est primordial pour un web design réussi. Un moyen simple d’encourager cette bonne pratique est de configurer les couleurs par défaut proposé par la palette de l’éditeur du plugin TinyMCE.

Il suffit d’ajouter le code suivant au fichier functions.php en y plaçant les couleurs au format hexadécimal (sans le ‘#’) suivit d’un nom qui sera affiché si vous survoler une couleur dans la palette avec vote pointeur.

/*
* Customize the default color palette for TinyMce editor
*/
function wpr_custom_color_tinymce( $options ) {

    $options['textcolor_map'] = json_encode(
        array(
            '26374D', 'main',
            '50B4D8', 'Secondary',
            '5A5A5A', 'Text',
            'DA4453', 'Accent',
            'E7CE57', 'Code - Yellow',
            'EF7C2B', 'Code - Orange',
            '78BC65', 'Code - Green',
        )
    );

    return $options;
}
add_filter('tiny_mce_before_init', 'wpr_custom_color_tinymce');
Julien MA Jacob
Développeur WordPress
Julien MA Jacob
Passionné par le web et la programmation avec toujours plein de projets en tête