Que sont les shortcodes dans WordPress ?

WordPress est l’un des CMS les plus accessibles du marché, ce qui l’a conduit à être également l’option la plus populaire. Bien que vous n’ayez jamais à écrire des lignes de code complètes, il peut arriver que vous ayez besoin d’utiliser des shortcodes dans WordPress.

La bonne nouvelle est que les shortcodes sont très simples à utiliser, et dans la plupart des cas, ce ne sont que des lignes de code que vous devez copier et coller dans un bloc shortcode. C’est vrai, vous n’avez pas vraiment besoin de comprendre comment le code fonctionne, vous devez juste savoir ce qu’il fait et décider de son placement.

Aujourd’hui, je vais vous expliquer ce que sont les shortcodes et comment les utiliser dans WordPress.

Qu’est-ce qu’un shortcode ?

Un code court est une courte ligne de code entourée de parenthèses qui ajoute une fonctionnalité spécifique à WordPress. Le code complet est situé dans le backend de votre site web, et le shortcode est ce qui déclenche son activation.

Ainsi, au lieu d’avoir à ajouter plusieurs lignes de quelque chose comme du HTML, du PHP ou du CSS à chaque article ou page sur laquelle vous souhaitez l’utiliser, vous devez simplement ajouter une ligne, puis WordPress peut charger le code complet.

Maintenant, vous vous demandez peut-être comment le code complet arrive là. Eh bien, il y a trois façons. La première est que la plupart des thèmes ont une sélection de shortcodes par défaut qui sont présents, et beaucoup d’entre eux sont uniques au thème.

La deuxième méthode est qu’un plugin ajoute le code lors de l’installation. Dans certains cas, c’est tout ce qu’un plugin fera réellement.

Et enfin, il est possible d’écrire manuellement le code vous-même, mais ceci est pour les utilisateurs ayant des connaissances en codage.

La bonne nouvelle est que la plupart des thèmes et des plugins ont une liste complète de shortcodes que vous pouvez utiliser sur leurs pages respectives. Ainsi, dans 99% des cas, vous n’avez qu’à copier et coller les shortcodes que vous souhaitez utiliser dans WordPress.

Cela dit, certains shortcodes peuvent et doivent être personnalisés, mais il y a souvent des exemples pour vous aider.

Quels sont les shortcodes par défaut dans WordPress ?

L’installation de base de WordPress est livrée avec une variété de shortcodes prêts à être utilisés après l’installation. Certains thèmes ont plus de choix, mais je vais seulement énumérer les options par défaut et ce qu’elles font.

• – Permet aux utilisateurs d’insérer des légendes autour du contenu souhaité.
• – Permet aux utilisateurs d’ajouter une galerie d’images.
• – Les utilisateurs peuvent intégrer un fichier audio directement dans un article ou une page.
• – Les utilisateurs peuvent intégrer un fichier vidéo directement dans un message ou une page.
• – Permet aux utilisateurs de créer une liste de lecture pour le contenu vidéo et audio.
• – Les utilisateurs peuvent personnaliser les dimensions du contenu intégré tel que les vidéos, les images ou l’audio.

Vous avez peut-être déjà remarqué que tous ces shortcodes par défaut ont également un bloc par défaut qui est beaucoup plus commun. Cela dit, ils constituent un excellent point de départ lorsque vous souhaitez apprendre comment fonctionnent les shortcodes dans WordPress.

WordPress fournit même des pages dédiées pour expliquer le fonctionnement de chacun de ces shortcodes, comment les personnaliser, et de multiples exemples. Vous pouvez trouver tout cela dans le Codex de WordPress.

Note :Si vous voulez savoir comment utiliser un shortcode spécifique pour un plugin ou un thème, le processus est identique. Pensez simplement à consulter ce plugin ou ce thème pour savoir comment personnaliser le shortcode, car chacun est unique.

Comment utiliser un shortcode dans WordPress

Etape 1 : Comprendre le code court

La plupart des gens ignorent complètement cette étape, mais je pense qu’elle mérite d’être soulignée. Chaque plugin ou thème qui ajoute un shortcode fournit les informations nécessaires pour l’utiliser. Cela vous rend la vie beaucoup plus facile.

Dans de nombreux cas, les plugins ajouteront des shortcodes très basiques qui vous demanderont simplement de copier et coller une seule ligne de texte. Dans d’autres cas, ils créent de nouvelles pages qui se composent uniquement de ce code court spécifique. Ce sont des cas simples.

Le problème se pose lorsqu’un code court peut être personnalisé. Ce n’est pas une mauvaise chose, et comprendre comment le faire est la façon dont vous pouvez maîtriser l’utilisation des shortcodes.

Par exemple, examinons la fonction [Embed].

La forme la plus basique de ce shortcode ressemblera à ceci :

Cela permet d’intégrer le contenu tel qu’il est. Cependant, la plupart des utilisateurs voudront, au minimum, définir la taille de ce qu’ils intègrent. Pour ce faire, le shortcode ressemblera désormais à ceci :

Ce qu’il faut retenir, c’est que vous pouvez personnaliser un code court, mais la façon dont vous le faites dépend du code court lui-même. Il n’y a pas d’explication unique lorsqu’il s’agit d’apporter des modifications spécifiques.

Ils peuvent être très différents les uns des autres, c’est pourquoi vous devez consulter la source du shortcode que vous voulez utiliser.

Étape 2 : Ajouter le shortcode à WordPress

La bonne nouvelle est que l’ajout de shortcodes est très facile dans WordPress. Vous pouvez les ajouter dans un article, une page ou un widget de texte. Quel que soit votre choix, la méthode est identique.

Gardez simplement à l’esprit la différence de taille lorsque vous choisissez un widget.

Note :Si vous utilisez toujours l’éditeur classique, le processus est encore plus facile. Au lieu d’avoir besoin d’ajouter un bloc, vous pouvez coller le shortcode directement dans l’éditeur visuel. Il n’y a vraiment rien à faire.

Tout d’abord, allez dans n’importe quel article ou page de votre site Web. Une fois là, ajoutez un bloc Shortcode.

Maintenant, il suffit de coller le shortcode dans le bloc shortcode.

C’est vraiment tout ce qu’il y a à faire pour ajouter des shortcodes dans WordPress. Gardez juste à l’esprit que vous ne verrez pas la sortie ou le résultat du shortcode dans l’éditeur. Pour le voir, utilisez le bouton “Aperçu” ou enregistrez les modifications et visualisez-les sur une page active.

Les shortcodes affectent-ils la vitesse de la page dans WordPress ?

Vous vous demandez peut-être si les shortcodes auront un impact sur les temps de chargement, et la réponse est, oui…dans une certaine mesure.

Dans environ 99 % des cas, nous parlons d’un impact d’une milliseconde, ce qui est négligeable pour la plupart des sites. Le vrai problème vient de deux scénarios : l’utilisation de plusieurs shortcodes sur une seule page, et l’utilisation de shortcodes qui doivent contacter un serveur tiers.

Chaque fois que vous utilisez un shortcode, WordPress doit localiser le gestionnaire de shortcode dans le backend. Ce n’est vraiment pas perceptible pour une seule instance. Maintenant, disons que vous décidez d’utiliser plus de 10 shortcodes sur une page. Eh bien, alors vous pourriez remarquer un ralentissement.

C’est pourquoi vous ne devriez utiliser les shortcodes que lorsque cela est nécessaire pour éviter de faire travailler votre site trop dur pour chaque visiteur.

L’autre scénario est celui où un shortcode se connecte à une tierce partie. Cela signifie que votre site Web doit se connecter au serveur de cette tierce partie pour obtenir les informations requises. Google Maps en est un bon exemple.

Google Maps est un excellent complément à tout site Web, mais la carte peut entraîner un temps de chargement supplémentaire. Après tout, il faut se connecter à Google pour obtenir les informations sur vos pages. Et lorsque vous combinez cela avec l’utilisation de plusieurs shortcodes, eh bien, vos pages prendront un peu plus de temps à charger.

Les shortcodes sont votre meilleur ami sur WordPress

Beaucoup de débutants essaient d’éviter les shortcodes autant que possible, mais la vérité est qu’une fois que vous apprenez à les utiliser, ils peuvent vraiment aider à accélérer la création de contenu. Et de nombreux plugins reposent exclusivement sur les shortcodes pour fonctionner.

Ainsi, parfois, vous n’avez pas vraiment d’autre option. La bonne nouvelle est qu’ils sont faciles à ajouter, et dans la plupart des cas, il suffit de copier et coller le bon shortcode.

Utilisez-vous souvent les shortcodes ? Vous arrive-t-il de personnaliser les shortcodes ou d’utiliser l’option par défaut ?