L’éditeur de contenu de WordPress se nomme TinyMCE. Commun sur de nombreuses plateformes cet éditeur est lui aussi facilement personnalisable. Voici une astuce pour ajouter des boutons supplémentaires dans votre éditeur.
Attention, ce tutoriel n’a pas pour objectif de créer un bouton personnalisé mais bien d’ajouter des icônes supplémentaires disponibles avec TinyMCE en natif.
N.B : la plupart n’ont pas besoin d’être rajouté car les styles (couleur, police, etc.) doivent être gérés via la feuille de styles CSS de votre thème.
Sous Apparence puis Éditeur, rajoutez ces lignes dans le fichier functions.php :
function wpc_boutons_tinymce($buttons) {
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
return $buttons;
}
add_filter("mce_buttons_2", "wpc_boutons_tinymce");
Pour en ajouter d’autres, consultez la liste complète des boutons pris en charge dans TinyMCE.
Rajoutez ensuite une ligne du type :
$buttons[] = 'nom-bouton';
Personnellement, j’ai rajouté les icônes : exposant et indice.
Les icônes indice / exposant dans TinyMCE insérés sur la seconde ligne
Vous pouvez aussi choisir la ligne sur laquelle s’afficheront ces boutons supplémentaires. Dans l’exemple, il s’ajouteront sur la seconde ligne comme le détermine le mce_buttons_2. Changez le numéro par 1,2 ou 3 pour modifier l’emplacement.
Par défaut, WordPress n’affiche qu’une seule ligne d’icônes : cliquez sur le dernier bouton pour montrer la seconde.
Cette astuce vous permettra de vous passer de plugin comme TinyMCE Advanced en paramétrant finement votre back office WordPress.
Crédits photo : Kirsty Andrews
Article plein d’informations comme d’habitude
Benzaky, le spammeur des blogs WordPress Francophone =D
Ben de toute façon lien bloqué…
Intéressant, mais j’ai quand même une question un peu plus personnelle
Admettons que je développe un plugin (privé) qui pourrait avoir des connections avec l’édition d’un post, y’a-t-il un site où l’on peut trouver des icônes libres de droit à utiliser (et compatibles) ?
Merci !
Aucune idée !
Merci beaucoup!
Merci, c’est toujours bon à connaitre ces inclusions en natif. Cependant je souhaiterai savoir si j’ai bien fait la chose : J’ai collé le code en bas du fichier (functions.php), mais ce fichier est lié au thème… est-ce que ce code est à replacer en cas de mise à jour du thème, ou à chaque changement de thème ? Merci
Pour ne pas dépendre du thème, il faut créer un fichier de fonctions globales. C’est pas très compliqué.