Comment créer un shortcode WordPress

Vous êtes un blogueur ou un webmaster WordPress et vous souhaitez ajouter du contenu dynamique à vos pages et articles de blog ? Les shortcodes WordPress sont une solution parfaite pour y parvenir !

Mais qu’est-ce qu’un shortcode WordPress exactement ? Un shortcode est un code court et simple qui permet d’insérer du contenu dynamique dans vos pages et articles de blog. Les shortcodes sont généralement utilisés pour afficher des éléments tels que des galeries d’images, des formulaire de contact ou encore des cartes Google Maps.

Comment créer un shortcode WordPress en PHP

1 – Ouvrez le fichier functions.php de votre thème. Si votre thème n’a pas de fichier functions.php, vous pouvez en créer un et l’ajouter à votre répertoire de thème.

2 – Ajoutez le code suivant à votre fichier functions.php pour créer votre shortcode

functions.php
function mon_shortcode() {
  // votre code va ici
}
add_shortcode('mon_shortcode', 'mon_shortcode');

3 – Remplacez « mon_shortcode » par le nom que vous souhaitez donner à votre shortcode.

4 – Dans la fonction « mon_shortcode« , ajoutez le code HTML ou PHP qui va afficher le contenu que vous souhaitez insérer via votre shortcode.

5 – Enregistrez votre fichier functions.php et utilisez votre shortcode dans vos pages ou articles de blog en ajoutant le code suivant :

[mon_shortcode]

Exemple de shortcode WordPress qui affiche une image

functions.php
function mon_shortcode() {
  return '<img src="http://mon-site.com/mon-image.jpg" alt="Mon image">';
}
add_shortcode('mon_shortcode', 'mon_shortcode');

Ajouter des paramètres à un shortcode

Vous pouvez également passer des paramètres à votre shortcode pour lui donner plus de flexibilité. Par exemple, voici comment créer un shortcode qui affiche une image avec un titre et une légende paramétrables :

functions.php
function mon_shortcode($atts) {
  extract(shortcode_atts(array(
    'titre' => 'Mon titre',
    'legende' => 'Ma légende'
  ), $atts));

  return '<div class="ma-image">
            <img src="http://mon-site.com/mon-image.jpg" alt="' . $legende . '">
            <p>' . $titre . '</p>
            <p>' . $legende . '</p>
          </div>';
}
add_shortcode('mon_shortcode', 'mon_shortcode');

Pour utiliser ce shortcode, vous pouvez utiliser le code suivant :

[mon_shortcode titre="Mon titre" legende="Ma légende"]

Utiliser un shortcode en PHP directement dans le thème

Vous pouvez également utiliser des shortcodes dans vos modèles de pages ou de thème en utilisant la fonction WordPress do_shortcode. Voici un exemple qui affiche un shortcode dans une boucle WordPress :

echo do_shortcode('[mon_shortcode titre="Mon titre" legende="Ma légende"]');

Les shortcodes sont une façon simple et flexible d’ajouter du contenu dynamique à vos pages et articles de blog. N’hésitez pas à jouer avec le code et à en créer de nouveaux pour répondre à vos besoins spécifiques !

Conclusion

J’espère que cet article vous a été utile pour comprendre ce qu’est un shortcode WordPress et comment en créer un. N’hésitez pas à me poser des questions si vous avez besoin de plus d’informations ou si vous rencontrez des difficultés.

Newsletter

Ne manquez jamais les nouveaux conseils, tutoriels et autres.

Pas de spam, jamais. Nous ne partagerons jamais votre adresse électronique et vous pouvez vous désabonner à tout moment.