Avez-vous déjà entendu parler du code court ou shortcode ?

Eh bien, c’est notre terme du jour !

Avant d’entrer dans les détails, voici la définition de Laurent :

Un shortcode, littéralement “code court” ou “bout de code” en français, est un petit morceau de code entre crochets que l’on peut utiliser pour modifier la mise en forme d’un contenu, sans devoir utiliser plusieurs lignes de codes…

Mon mentor m’a informé ce matin que les shortcodes ont été introduits pour la première fois dans WordPress 2.5.

Découvrez plus de détails dans cet article !

Ma définition du shortcode

Une balise propre à WordPress, les shortcodes sont comme des raccourcis.

Ils peuvent être utilisés dans plusieurs cas, entre autres pour :

  • Ajouter des fonctionnalités,
  • Créer des modèles de design de pages,
  • Intégrer des formulaires, des diaporamas…

Il existe 2 types de codes courts, à savoir :

  • Les shortcodes de fermeture (shortcode enclosing) comme [[shortcode]],
  • Et les shortcodes à fermeture automatique (shortcode self-closing) comme [[shortcode]] mon contenu [[/shortcode]].

Par ailleurs, certains codes courts peuvent recevoir égelement des paramètres.

Kinsta souligne que certains codes courts fonctionnent avec ou sans attributs. Cela dépend de la façon dont ils sont définis.

À quoi sert un code court ?

Utiliser un shortcode procure de nombreux avantages :

  • Ajouter des fonctionnalités complexes devient simple. En effet, il suffit de saisir le code entre crochets,
  • Créer facilement des mises en page complexes ou encore intégrer des éléments interactifs,
  • Éviter d’écrire des scripts complexes pour insérer un élément,
  • Plus pratique que de copier des scripts PHP ou du code HTML,
  • Possibilité de regrouper des codes courts dans des plugins. Cela peut grandement vous faciliter la tâche si vous gérez plusieurs sites WordPress. En outre, à chaque fois que vous effectuez une mise à jour de WordPress ou d’un thème, ces shortcodes fonctionnent toujours…

Comment ajouter un shortcode dans WordPress ?

Pour ajouter un shortcode à un article ou une page, voici les étapes à suivre :

  • Après avoir modifié l’article ou la page concernée, cliquez sur le bouton “Ajouter un bloc”, notamment pour ajouter un bloc de shortcode,
  • Puis, dans les paramètres du bloc, vous insérez le code court,
  • Il vous suffit ensuite d’enregistrer l’article ou la page. N’oubliez pas de prévisualiser pour voir les modifications.

Sachez que vous pouvez créer vos propres shortcodes à l’aide d’une extension WordPress gratuite comme Shortcodes Ultimate, UIX Shortcode ou Shortcoder.

Note : WordPress dispose de 6 codes courts par défaut :

  • Insérer une vidéo,
  • Intégrer un fichier audio,
  • Afficher une collection de fichiers audio ou vidéo,
  • Ajouter des légendes,
  • Afficher une galerie d’images,
  • Définir différents attributs à un objet.