WordPress‘ remonte au début des années 2000 lorsque les plateformes de blogs étaient à leur apogée.
WordPress a d’abord été lancé en tant que plate-forme de blogs, mais au fil des ans, il est devenu un constructeur de sites Web populaire et efficace avec un système de gestion de contenu (CMS) incroyablement robuste.
Vous pouvez créer un beau site Web hautement personnalisé avec la plateforme WordPress. Et une façon de le faire est d’utiliser les shortcodes WordPress.
Cela vous semble intimidant ?
Voici la bonne nouvelle :
Vous n’avez pas besoin d’être un développeur ou un scénariste qualifié pour utiliser des shortcodes. Nous avons créé ce didacticiel pratique sur le shortcode WordPress pour vous aider à modifier et à concevoir votre site Web en fonction de vos besoins.
Continuez à lire pour apprendre :
Qu’est-ce qu’un code court ?
Un shortcode est un raccourci qui vous aide à ajouter et à définir divers objets dans la source de votre page.
En termes simples, les shortcodes sont de petits extraits de code qui peuvent remplir plusieurs fonctions. Ils simplifient le code de votre site Web et le rendent facile à gérer même si vous n’avez aucune expérience dans le développement de sites Web.
Vous pouvez insérer ces extraits de code dans n’importe quel article, page ou widget de votre site Web pour ajouter des fonctions dynamiques telles que des galeries, des vidéos ou du contenu provenant de sources externes.
Les shortcodes sont affichés entre parenthèses comme indiqué dans l’image ci-dessous :
Les shortcodes sont faciles à utiliser et vous pouvez même créer les vôtres sans aucune connaissance préalable en matière de codage.
Que sont les codes courts WordPress ?
Les shortcodes WordPress sont des micro-codes que vous pouvez utiliser dans l’éditeur, les widgets et les modèles WordPress standard pour personnaliser votre site Web.
Sur le plan technique, les fonctions PHP définies lors de l’enregistrement des shortcodes traitent les shortcodes pour afficher le contenu que vous souhaitez insérer.
Malgré leur facilité d’utilisation, les gens ignorent souvent ou ne sont même pas au courant des shortcodes WordPress, malgré leur utilité.
Voici deux types de shortcodes qui vous aideront à transformer votre contenu en une expérience utilisateur captivante :
- Shortcodes à fermeture automatique: Ce type de shortcode ne comprend qu’une seule balise qui se ferme. Pour personnaliser un shortcode à fermeture automatique, vous devez spécifier des attributs tels que largeur, identifiantou commande.Un exemple de shortcode à fermeture automatique est
- Codes abrégés joints: En revanche, vous avez besoin d’une balise de fermeture pour ce type de shortcode. Vous pouvez également définir les attributs, mais le contenu principal se situe entre les balises d’ouverture et de fermeture. La plupart du temps, vous trouverez des codes abrégés englobants utilisés avec des éléments HTML. Jetons un coup d’œil à l’exemple de shortcode WordPress suivant :
Il s’agit d’un shortcode englobant pour une légende qui vous permet d’envelopper des légendes autour du contenu, qui est principalement utilisé pour les images. Il a une valeur entre les balises de shortcode d’ouverture et de fermeture qui définit le contenu. Dans notre cas, il a un lien vers l’image elle-même avec les attributs correspondants.
Pour mieux comprendre la différence entre ces deux types de shortcodes, regardons l’image ci-dessous :
La plupart des shortcodes rendent très évident ce qu’ils font.
Par exemple, le
Dans les coulisses, le shortcode dit à WordPress d’exécuter un segment de code étendu dans l’un des fichiers de votre site. Mais cette méthode ne nécessite aucune autre intervention de votre part.
Et c’est là qu’intervient l’API de shortcode WordPress. L’API de shortcode est un ensemble intuitif de fonctionnalités permettant de créer des shortcodes WordPress qui sont utilisés dans les publications et les pages.
L’API permet aux développeurs de plugins de créer des variétés uniques de contenu que les utilisateurs peuvent connecter à leurs pages en incluant le shortcode correspondant dans le texte de la page Web.
L’API gère toutes les analyses difficiles, éliminant ainsi le besoin d’écrire une expression régulière personnalisée pour chaque fonction du code. Des fonctions d’aide pour le réglage et l’appel des attributs standard sont incluses.
L’API prend en charge les codes abrégés pour la fermeture et l’ajout automatiques – ou, comme on l’appelle communément au sein de la communauté de développement WordPress, pour les codes abrégés à fermeture automatique et englobants.
Quels sont les shortcodes WordPress par défaut ?
Pour vous familiariser plus facilement avec l’utilisation des shortcodes, votre installation WordPress est livrée avec plusieurs codes par défaut :
- — avec l’aide de ce shortcode, vous pouvez facilement ajouter du contenu vidéo à votre page WordPress.
- – utilisez ce shortcode pour partager une liste de morceaux de musique avec les visiteurs de votre site Web.
- – vous donne la possibilité d’envelopper des légendes autour de tout type de contenu.
- – vous permet d’insérer des éléments intégrés.
- — vous permet de publier des fichiers audio sur votre page Web.
Ceux-ci sont assez explicites et ne nécessitent aucune compétence particulière de votre part pour les utiliser. Mais si ces shortcodes ne répondent pas à vos besoins, vous pouvez créer le vôtre à l’aide de notre tutoriel sur les shortcodes WordPress ci-dessous.
Comment créer un shortcode WordPress ?
L’API de shortcode WordPress facilite la création de vos propres shortcodes. Cela vous permettra de tirer parti des fonctionnalités de votre plugin ou de votre thème à partir de n’importe quelle zone textuelle de votre site WordPress.
La création d’un shortcode commence par le add_shortcode fonction. Il comprend deux paramètres – une balise de code court unique qui représente le nom du code court et la fonction de gestionnaire exécutée après l’enregistrement du code court.
La syntaxe très simple de la fonction est illustrée ci-dessous :
nom_code_court est une balise de code court unique, et nom_fonction_gestionnaire est un nom de fonction de rappel.
Outre l’enregistrement de votre shortcode, vous devez définir la fonction de gestionnaire elle-même. Cette fonction donne un sens à votre shortcode.
Jetons un coup d’œil à un exemple général de la fonction de gestionnaire de shortcode :
Le nom de la fonction doit correspondre à la deuxième ligne d’un add_shortcode fonction (qui est nom_fonction_gestionnaire).
Le rappel lui-même peut inclure jusqu’à trois paramètres :
- Le $atts Le paramètre représente les attributs passés à la fonction.
- Le $contenu La variable représente le contenu qu’un utilisateur insère entre les balises de shortcode d’ouverture et de fermeture.
- Le $shortcode_tag l’attribut est un nom unique spécifié dans le add_shortcode fonction. Vous n’avez besoin d’inclure cet attribut que si deux shortcodes enregistrés partagent le même gestionnaire de fonction.
La fonction de shortcode peut être aussi simple que vous le souhaitez, en fonction des besoins de votre site Web. Vous pouvez placer le script de shortcode dans le fonctions.php fichier à l’intérieur de n’importe quel plugin ou dossier de thème. Ou, vous pouvez même l’insérer dans le code de la page directement à l’aide de l’éditeur WordPress par défaut.
Comment utiliser les codes abrégés WordPress
Les développeurs WordPress aiment utiliser des shortcodes car ils sont si simples à créer et à mettre en œuvre. Vous pouvez intégrer des shortcodes n’importe où sur votre site Web et vérifier les résultats immédiatement en prévisualisant la page.
Voici comment utiliser les shortcodes WordPress :
Dans les pages du site Web
Tout d’abord, connectez-vous à votre tableau de bord WordPress et accédez à la page que vous souhaitez modifier. Dans l’éditeur de page, cliquez sur le plus (+) signez pour voir la liste des éléments WordPress et recherchez Petit code.
Ici, vous pouvez coller le shortcode que vous avez créé :
Dans les widgets de la barre latérale
Vous pouvez également placer votre shortcode à l’intérieur des widgets de la barre latérale. Pour cela, rendez-vous sur Apparence > Widgets et ajouter un Widget de texte:
Collez le shortcode dans le champ du widget de texte et appuyez sur Sauvegarder. Vous pouvez vérifier les résultats en prévisualisant votre page.
Dans les pieds de page et les en-têtes
Bien que les shortcodes aient été principalement conçus pour les publications et les widgets, cela ne signifie pas que vous ne pouvez pas les utiliser indépendamment.
Pour ce faire, vous devez ajouter do_shortcode() fonction à votre thème footer.php ou header.php fichier modèle :
Cet extrait de code placera le shortcode sur votre site Web
Avantages des shortcodes WordPress
Maintenant que vous savez comment créer et utiliser des shortcodes WordPress, discutons des avantages de leur utilisation :
- Vous pouvez utiliser des shortcodes indépendamment sans avoir besoin d’installer des plugins séparés.
- Les codes abrégés sont flexibles et personnalisables, ce qui vous permet d’ajouter de nombreux types d’éléments différents à votre site Web.
- Les codes courts sont plus conviviaux que les langages de script HTML ou PHP.
- Vous pouvez les configurer en tant que plugin séparé et les utiliser sur différents sites Web.
- Ils sont beaucoup plus faciles à utiliser que les extraits de code.
Inconvénients des shortcodes WordPress
Comme pour toute autre fonctionnalité, les shortcodes présentent certains inconvénients :
- Les codes abrégés peuvent affecter gravement les performances de votre site Web en raison d’une augmentation du nombre de demandes de serveur.
- Même s’ils sont faciles à utiliser, vous devez toujours saisir manuellement les codes abrégés au lieu d’utiliser les fonctionnalités intuitives habituelles de WordPress.
- Les codes courts qui sont implémentés dans les thèmes cesseront de fonctionner si vous changez de thème.
- Il y a un risque de conflit de syntaxe entre le shortcode et le code de la page.
Maintenant tu sais
Les shortcodes peuvent sembler exigeants pour les utilisateurs débutants de WordPress.
Mais les shortcodes sont faciles à gérer et à créer une fois que vous comprenez comment les utiliser, ouvrant votre site Web à un domaine de belles possibilités de conception et de fonctionnalités.
Envisagez d’héberger avec Nexcess
Il est extrêmement important d’avoir un hébergeur performant derrière vous pour répondre avec souplesse aux besoins de votre site web. L’hébergement WordPress géré de Nexcess est conçu pour vous aider à avoir la meilleure expérience WordPress.
Essayer Hébergement WordPress entièrement géré par Nexcess dès aujourd’hui et créez votre premier site WordPress en un seul clic.