Khayspace

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 !!

No related posts.

La liste des entrées complémentaires est établie par le module d’extension YARPP.