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

    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

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

    Encore une fois, merci Julio pour cette trouvaille !

  3. Nicolas le

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

  4. Florian le

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

  5. Julien Maury le

    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

    @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

    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

    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

    Merci pour ce tutoriel bien pratique.

  10. Alain le

    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

    @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

    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

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

    Bravo !

  14. Anthony le

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

  15. Nead Kolor le

    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

    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

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

  18. Al le

    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 !