Faire votre premier Shortcode WordPress • WPShout

Ce guide rapide vidéo et texte explique comment créer un shortcode WordPress. Si vous souhaitez apprendre les bases de la création de codes courts pour WordPress, ou si vous souhaitez un rafraîchissement des codes courts, vous êtes au bon endroit.

Comment fonctionne WordPress Shortcodes

Les codes abrégés vous permettent d'exécuter n'importe quel type de code PHP, puis d'imprimer le résultat dans le contenu de votre publication où vous le souhaitez.

Par exemple, je pourrais avoir un shortcode appelé [smart_sounding_quote] cela mélangerait de manière aléatoire une base de données de citations aux sonorités intelligentes, puis en imprimerait une dans le contenu de la publication, quel que soit l'endroit où je la place. [smart_sounding_quote] shortcode lui-même.

Nous ne recommandons pas les codes abrégés comme interface que vous donnez à vos utilisateurs pour contrôler certaines choses sur leurs sites, car ils sont souvent difficiles à comprendre pour les utilisateurs non formés. Cependant, les shortcodes ont beaucoup de pouvoir pour un développeur WordPress, car ils vous permettent d’inscrire n'importe quel code PHP sur la page de manière à ce que vous puissiez jouer avec, utiliser et changer. Pour plus d'informations sur les utilisations correctes des codes courts, consultez notre article détaillé sur otpic.

Comment créer un shortcode WordPress

Voici un tutoriel vidéo sur la création de shortcode WordPress:

Vous trouverez ci-dessous un guide texte pour la création de codes courts, avec des exemples de code simples.

Étapes à suivre pour créer votre premier shortcode WordPress

Et bien sûr, si vous préférez, voici les étapes à suivre pour créer votre premier shortcode.

1. Écrivez votre shortcode dans le contenu d'un article ou d'une page de votre site WordPress, comme ceci: [wpshout_shortcode_example]. (Vous pouvez le faire plus tard, mais j'aime bien le faire en premier car cela me fait penser à ce que je veux appeler le shortcode avant d'écrire un code.)
2. Créez un plugin WordPress pour enregistrer votre shortcode (préférez-le) ou faites-le dans le cadre de votre thème. functions.php fichier.
3. Ouvrez le plugin ou le thème sur lequel vous voulez travailler et ajoutez une ligne de PHP qui dit add_shortcode ('name_of_shortcode', 'name_of_function'). C’est généralement une bonne idée de nommer le shortcode et de faire la même chose, comme dans add_shortcode ('wpshout_shortcode_example', 'wpshout_shortcode_example').
4. Déclarez votre fonction. (Si vous avez copié et collé ce qui précède, vous obtiendrez une fonction appelée wpshout_shortcode_example (). Vous voudrez probablement un meilleur nom, cependant.) Votre fonction devrait suivre les formes présentées dans les exemples de code ci-dessous, en fonction de ce qu’elle devrait être capable de faire.
5. Peu importe la façon dont votre fonction fonctionne, n'oubliez pas de revenir le contenu que vous souhaitez remplacer le shortcode dans le corps du message. Ce bit est important! Si vous écho ce que vous voulez voir apparaître, il apparaîtra dans la mauvaise partie du corps du message.

Comment créer un shortcode WordPress: exemples de code

Le shortcode ci-dessous imprimera salut! où que vous écriviez [wpshout_shortcode_example] dans le contenu de vos messages.

add_shortcode ('wpshout_shortcode_example','wpshout_shortcode_example');
une fonction wpshout_shortcode_example() 
retourne 'salut!'

Le shortcode ci-dessous imprimera J'aime les tortues si vous écrivez [wpshout_shortcode_example favorite="turtles"] dans le contenu de vos messages:

add_shortcode ('wpshout_shortcode_example','wpshout_shortcode_example');
une fonction wpshout_shortcode_example($ atts) 
extrait(
shortcode_atts (array ('favorite' => ''), $ atts)
)
retour 'j'aime' $ favori;

Le shortcode ci-dessous imprimera C'est rouge si vous écrivez [wpshout_shortcode_example]C'est rouge[/wpshout_shortcode_example] dans le contenu de vos messages:

add_shortcode ('wpshout_shortcode_example','wpshout_shortcode_example');
une fonction wpshout_shortcode_example($ atts, $ content) 
revenir ''. $ contenu. '';

Plus d'informations sur les codes courts WordPress

Voici un tutoriel plus détaillé sur le fonctionnement des codes courts WordPress. Il contient des exemples de code plus détaillés, ainsi que plus de détails sur les codes courts utiles:

Comment créer des codes courts WordPress et pourquoi je les aime

Voici un tutoriel sur un système PHP appelé buffer de sortie, ce qui est très utile pour les codes courts:

Les nombreuses utilisations de la mémoire tampon de sortie PHP dans WordPress

Si tu veux apprendre tout des systèmes de base de WordPress en profondeur, y compris les codes courts, voir notre cours premium Opérationnel:

Joyeux piratage!

Excellent contenu d'apprentissage WordPress