Ajout de boutons dans l’éditeur de billet de Wordpress
L’éditeur de billet de Wordpress est assez dépouillé. Il ne rivalise pas avec les éditeurs externes comme Windows Live Writer ou ceux que vous pouvez installer en plugin tels que FCKEditor et consorts. Il est cependant possible d’étendre ses fonctionnalités en insérant des boutons. A quoi cela sert-il ?Parfois certaines fonctionnalités de plugins nécessitent l’ajout de Tags dans le billet pour opérer. Plus simplement, vous pouvez en avoir marre de rajouter la balise de titre H1 manuellement.
C’est exactement ce genre de choses qu’il est très facile de réaliser. Malheureusement, l’astuce se limite à des Tags simples. Il n’est pas question ici d’insérer des boutons faisant apparaître une boîte de dialogue. De plus, le bouton ne sera visible que dans l’onglet code et non dans l’onglet visuel. L’avantage est cependant la simplicité de l’opération.
Pour cette modification, il suffit d’ouvrir le fichier quicktags.js qui se trouve dans le répertoire wp-includes/js . En regardant le code, vous remarquerez un bloc de lignes qui se répète avec pour seule différence quelques paramètres.
edButtons[edButtons.length] =
new edButton(’ed_strong’
,’b’
,’<strong>’
,’</strong>’
,’b’
);
Dans cette exemple, j’ai pris la portion de code qui concerne le bouton b qui permet de mettre en gras.
La 1ère ligne edButtons[edButtons.length] = n’est pas à modifier.
La 2ème ligne new edButton('ed_strong' Le mot strong ici sert à indiquer l’apparence du bouton. Là, il sera en gras mais vous pouvez décider qu’il sera en italique (em) ou comme un lien (link) ou simplement normal (block, del, ins, img … au choix).
La 3ème ligne et la 6ème ligne ,'b' contiennent le nom qui apparaît sur le bouton.
La 4ème ligne ,'<strong>' est la balise ouvrante que vous souhaitez insérer.
La 5ème ligne ,'</strong>' est la balise fermante que vous souhaitez insérer.
La dernière ligne ) ; n’est pas à modifier.
Pour l’insertion d’un Tag H1 avec un bouton ayant un aspect normal, le code sera donc le suivant :
edButtons[edButtons.length] =
new edButton(’ed_block’
,’h1′
,’<h1>’
,’</h1>’
,’h1′
);
Selon la position de l’insertion de ce bout de code dans le fichier quicktags.js déterminera sa position dans l’éditeur. Voici, ce que cela donne :
A vos boutons maintenant !!
Merci à WP-CANDY qui m’a donné envie de faire une version française de son billet. Personnellement, je préfèrerais rajouter des boutons à des éditeurs plus évolués mais c’est une autre paire de manches !!
Votez pour cet article s'il vous a plu :
3 commentaires pour Ajout de boutons dans l’éditeur de billet de Wordpress
le 30.1.2008 à 17:15
Merci bien pour ce petit tuto bien utile
le 25.2.2008 à 17:19
Franchement merci ! je suis tombé la dessus par hasard mais c’est exatement ce que je cherchais !!!
le 26.2.2008 à 13:20
Content que cela te soit utile.
Laisser un commentaire