Ajouter un bouton à l’éditeur WordPress

Une fonction simple pour rajouter un bouton à l’éditeur de texte WordPress

Parfois il peut être très utile de rajouter un bouton personnalisé à l’éditeur de texte WordPress, que ce soit pour faciliter la vie de votre client en incluant de nouvelles balises directement intégrables depuis le wordpress, ou que ce soit pour vous, lorsque vous réutilisez souvent les mêmes balises.

Dans l’exemple suivant, j’ai souhaité rajouter une balise div avec une classe « in ».

Dans votre fichier functions.php

// add more buttons to the html editor
function appthemes_add_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'Inside', 'Inside', '<div class="in">', '</div>', 'in', 'Block Inside', 1 );
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'appthemes_add_quicktags' );

Bon à savoir

Vous pouvez biensur rajouter des balises HTML traditionnelles, mais également des shortcodes WordPresss vous le désirez.