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 bouton. Heureusement avec quelque lignes de code, il est possible de le configurer.

Dans votre fichier function.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 format. Mais dans la plupart du temps nous n’avons besoin que de quelqu’uns.

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

Supprimer les boutons inutiles

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

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

Ajouter un palette de couleur

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

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

Ajouter une class de votre CSS

Pour commencer il faut activer le selecteur 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’autre astuce, je serais ravis de les lire dans les commentaires.