Achetez les meilleurs Thèmes WordPress du marché !

Ajouter un bouton personnalisé dans l’éditeur HTML de WordPress

function gk_add_quicktags() {
	wp_enqueue_script( 'snap', 'http://www.geekeries.fr/quicktags.js', array( 'quicktags' ) );
}

add_action( 'admin_print_scripts', 'gk_add_quicktags' );

Ce bout de code est à coller dans le fichier “functions.php” de votre thème. Il permet de créer et d’appeler le script “QuickTag.js” afin d’ajouter un bouton personnalisé dans l’éditeur HTML de WordPress.

Le fichier Javascript quicktags.js

edButtons[edButtons.length] = new edButton( 'id', 'Add QuickTag', '[snap]', '[/snap]', 's', '-1');
  • id : permet de définir un identifiant unique au bouton
  • Add QuickTag : est le nom affiché dans l’éditeur HTML
  • s : permet de définir un raccourci clavier (CTRL+ALT+S)
  • -1 : permet de définir si le bouton peut être fermé ou non

< ?php global $wpdb; $where = 'WHERE comment_approved = 1 AND user_id 0'; $comment_counts = (array) $wpdb->get_results(" SELECT user_id, ...

En savoir plus

< ?php //The Query query_posts('showposts=1&post_type=snippet&orderby=rand');//The Loop if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>Snippets ! ...

En savoir plus

Publicité

En savoir plus

#Protection 403 du fichier htaccess Order Allow,Deny Deny from all ...

En savoir plus
Afficher les commentaires !

6 commentaires !

  1. Li-An says:

    août 22, 2011

    Répondre

    Oui mais euh, ça appelle un java hébergé chez vous, ça va nous ralentir tout le binz !

    • Valentin says:

      août 22, 2011

      Répondre

      C’est un exemple ;p
      Après il faut renseigner le chemin de son fichier (hébergé sur ton blog) :)

  2. raffi says:

    août 25, 2011

    Répondre

    il faut faire like that :

    wp_enqueue_script( ‘snap’, get_bloginfo(‘template_url’).’/js/quicktag.js’, array( ‘quicktags’ ) );

    mettre le js dans le dossier js du theme!

  3. Hervé says:

    août 26, 2011

    Répondre

    Je n’ai pas très bien compris comment on fait pour indiquer ce que ce bouton génère quand on le clique ? Dans votre exemple, il ajoute [snap] et [/snap] autour du texte préalablement sélectionné ?

    • Valentin says:

      août 26, 2011

      Répondre

      Oui, il faut alors modifier les valeurs par les siennes…

  4. Tristan from croquette biomill says:

    fév 24, 2012

    Répondre

    Je valide, bien que cette éditeur soit très complet, c’est toujours utile de pouvoir ajouter ce type de bouton.

Qu'est-ce que vous en pensez ? :)

Nom obligatoire

Site

♥ Ici, on utilise KeywordLuv. Entrez YourName@YourKeywords dans le formulaire "Nom" pour bénéficier des avantages SEO d'un mot-clef ciblé. Devenez membre et connectez-vous pour partager des fichiers via les commentaires !

Notre Newsletter WordPress