Astuces & Snippets WordPress

Éviter l'exécution d'un shortcode dans un article

Par défaut, les shortcodes insérés dans un article sont automatiquement interprétés par WordPress. De façon simple et rapide, nous allons voir une astuce qui permet de ne pas interpréter le rendu HTML d'un shortcode.

S'inscrire à la newsletter

Pour insérer un shortcode WordPress dans un article ou une page, il suffit d’indiquer la syntaxe suivante à l’intérieur de l’éditeur de texte pour qu’il soit interprété : [mon_shortcode].

Cette méthode est simple à comprendre et la mise en place est vraiment rapide. Cependant, pour les blogueurs qui souhaitent ajouter la syntaxe d’un shortcode sans l’exécuter, cela devient problèmatique. En effet, si le shortocode [mon_shortcode] existe, WordPress affichera automatiquement son rendu HTML dans l’article.

Pour ceux qui souhaitent mentionner un shortcode dans un article sans qu’il ne soit interprété par WordPress, il suffit de doubler les crochets comme ci-dessous :
[[mon_shortcode]].

De cette manière, WordPress comprendra qu’il doit afficher [mon_shortcode] à la place de [[mon_shortcode]] et le rendu HTML du shortcode ne sera pas pris en compte.

18 commentaires
  1. Yannick Altuna le
    Avatar de

    C’était tout simple, mais fallait le savoir. Merci pour l’astuce, j’imagine que ça va aider pas mal de gens (en tout cas je pense que je serai dedans).

    Cordialement,
    Yannick

  2. Jonathan Buttigieg le
    Avatar de

    En effet, comme le dit Yannick « c’était tout simple ».

    Encore une fois, merci Julio pour cette trouvaille !

  3. Nicolas le
    Avatar de

    Euh je vais passer pour une buse mais ça sert à quoi le shortcode ?

  4. Florian le
    Avatar de

    Tellement simple et pourtant tellement utile pour les auteurs qui veulent faire des tutoriaux sur WordPress !

  5. Julien Maury le
    Avatar de

    Tous les tutos sur les shortcodes ou presque remplacent le [ par un { ou alors mettent en effet un espace avant la fermeture du crocher, pas vraiment prêt à l’emploi. Perso j’avais opté pour une solution bricolage à base de caractères spéciaux dans l’editeur HTML pour afficher le shortcode sans activer le shortcode.

    Mais que de complications quand on voit qu’il suffisait de doubler les crochets.

    A bookmarker.

  6. Julio Potier le
    Avatar de

    @yannick : ça a aidé moi le premier c’est pour ça que je partage :) Merci à toi
    @jo : de rien ;)
    @nicolas : http://codex.wordpress.org/Shortcode
    @florian : Totalement, aussi simple qu’utile
    @julien : pareil je faisais un &#91 :/

  7. Li-An le
    Avatar de

    Purée ! Voilà en effet une solution simple et efficace à un problème récurent pour mon site à propos des plugins.

  8. Daniel Roch le
    Avatar de

    Je m’étais toujours poser la question pour faire cela, et je me prenais la tête avec un plugin pour afficher du code source pour pouvoir afficher un shortcode dans l’exécuter.

    Bravo pour la trouvaille.

  9. gab le
    Avatar de

    Merci pour ce tutoriel bien pratique.

  10. Alain le
    Avatar de

    Bonjour,

    Sympa l’astuce !

    Par ailleurs, c’est quoi le plugin qui fait apparaître le petit slider FaceBook en bas à droite de la page ?

    Cordialement,
    Alain

  11. Jonathan Buttigieg le
    Avatar de

    @Alain : Pour le slider, c’est un plugin Premium que je suis entrain de développer afin qu’il soit disponible sur CodeCanyon dans les prochaines semaines ^^

  12. Julien Maury le
    Avatar de

    C’est nickel si vous avez désactivé l’éditeur visuel mais si vous utilisez le WYSIWYG il peut y avoir des sauts au moment des enregistrements et vous verrez dans l’éditeur une galerie, pas en front-end rassurez-vous.

  13. Rom le
    Avatar de

    J’avoue une belle trouvaille ! Très simple finalement mais encore fallait-il le savoir…

    Bravo !

  14. Anthony le
    Avatar de

    Merci pour cette astuce qui va surement me servir ! Je découvre votre blog avec enthousiasme. A bientôt. Anthony

  15. Nead Kolor le
    Avatar de

    J’me souviens avoir bien galéré à trouver cette astuce il y a quelques mois. J’ai reussi à la trouver finalement, j’en ai fait un article sur mon blog également.. par contre j’ai eu beaucoup moins de commentaires ;-)

    Imaginez Julio lorsqu’il a écrit le dernier shortcode de l’article: [[[shortcode]]] oO’

  16. Nead Kolor le
    Avatar de

    Non pardon, je dis n’importe quoi! Vu que [mon_shortcode] n’est pas un vrai shortcode, il est inactif. Mais lors d’un tuto comme celui ci, si vous voulez montrer le shortcode inactif avec les 2 paires de crochets, alors il faudra encore entourer ce shortcode d’une paire de crochets.
    Ce qui en fait 3 au total…

  17. monique le
    Avatar de

    Astuce trop facile et surtout très pratique.Merci pour le partage :)

  18. Al le
    Avatar de

    Merci !

Poster un commentaire

Les champs obligatoires sont indiqués avec *

Prévenez moi de tous les nouveaux commentaires par email.

Ne plus afficher|Fermer
Suivez-nous sur Facebook !