WordPress - Comment ajouter ou supprimer un bouton avec TinyMCE sur Wordpress

Par défaut sur WordPress nous avons TinyMCE et bien que ce plugin soit très puissant, il y a beaucoup trop de boutons. Heureusement avec quelques lignes de code, il est possible de le configurer.

Dans le fichier functions.php de votre thème ou dans votre plugin, utiliser le hook de la manière suivante:

function configure_mce( $init ) {
    // nos options seront ici
    return $init;
}
add_filter('tiny_mce_before_init', 'configure_mce');

Permettre seulement quelques formats

Par défaut, WordPress a beaucoup de formats. Mais la plupart du temps nous n’avons besoin que de quelques-uns.

$init['theme_advanced_blockformats'] = 'h3,h4,h5,h6,p';

Supprimer les boutons inutiles

Ici nous enlevons les boutons qui me semblent les moins importants. Pour retrouver le nom, il suffit de les inspecter et de lire l’attribut title.

$init['theme_advanced_disable'] = 'underline,spellchecker,wp_help';

Ajouter une palette de couleurs

Si par exemple, nous voulons seulement avoir les couleurs qui appartiennent à notre thème

$init['theme_advanced_text_colors'] = '0f3134,6664655,0486d3';

Ajouter une classe de votre CSS

Pour commencer il faut activer le sélecteur de style

$init['theme_advanced_buttons2_add'] = 'styleselect';

puis ajouter les classes voulues

$init['theme_advanced_styles'] = "gdTitle=gdTitle";

Notre fonction au final

function configure_mce( $init ) {
    $init['theme_advanced_blockformats'] = 'h2,h3,h4,p';
    $init['theme_advanced_disable'] = 'underline,spellchecker,wp_help';
    $init['theme_advanced_text_colors'] = '0f3134,6664655,0486d3';
    $init['theme_advanced_buttons2_add'] = 'styleselect';
    $init['theme_advanced_styles'] = "gdTitle=gdTitle";
    return $init;
}
add_filter('tiny_mce_before_init', 'configure_mce');

D’autres astuces?

Si vous avez d’autres astuces, je serais ravi de les lire dans les commentaires.

WordPress – Comment ajouter ou supprimer un bouton avec TinyMCE sur WordPress