Vous cherchez un moyen d’ajouter facilement des extraits de code réutilisables à vos articles et pages sur WordPress ? Il s’agit d’une fonctionnalité très utile, surtout si vous utilisez des systèmes de diffusion de publicités, des bannières d’affiliation ou le même appel à l’action à plusieurs endroits.

Beaucoup d’entre vous ont probablement quelques fichiers Notepad remplis d’éléments de codage qu’ils copient et collent directement dans le contenu. Mais il existe une méthode beaucoup plus simple, qui consiste à utiliser des extraits d’articles réutilisables dans WordPress.

Dans ce tutoriel, je vais vous montrer comment attacher du code réutilisable aux articles et aux pages en quelques clics de souris. C’est un moyen rapide et beaucoup plus efficace de distribuer certains ajouts dans votre contenu.

Quels sont les exemples de code réutilisable ?

L’un des exemples les plus courants de code réutilisable est sans doute celui de Google AdSense. Il s’agit du réseau de diffusion d’annonces que beaucoup de gens utilisent sur leurs sites Web pour générer un peu de revenus. Il peut également être fastidieux de copier et coller ce code à divers endroits de votre article ou de votre page.

Les bannières d’affiliation et les liens texte font également partie des extraits de code les plus courants, surtout si vous prévoyez d’utiliser des systèmes tels qu’Amazon pour vendre des produits sur votre site.

Vous avez un bouton d’appel à l’action parfait que vous incluez dans chaque article ? Au lieu de copier le code, vous pouvez simplement cliquer sur un ou deux boutons sans quitter l’éditeur de WordPress.

En relation  Comment utiliser l'éditeur visuel de style CSS dans WordPress.

Incorporer des vidéos, des flux en direct, des webinaires et plus encore dans pratiquement n’importe quelle zone de WordPress qui supporte des modifications de texte. Cela signifie que vous êtes également capable d’ajouter du code réutilisable dans certains widgets de la barre latérale.

Utilisation des Snippets d’articles

Aujourd’hui, je vais passer rapidement en revue certaines des choses que vous pouvez faire avec les Post Snippets. C’est un peu différent des modèles de contenu abordés précédemment. D’une part, Post Snippets n’ajoute pas automatiquement le code HTML pour les paragraphes comme il le fait pour les modèles TinyMCE.

Qu’en est-il des blocs de contenu global ? Il s’agissait d’un bon plugin à l’époque, qui avait reçu des critiques élogieuses de milliers d’utilisateurs. Malheureusement, Global Content Blocks n’est plus disponible sur WordPress.org et n’a pas été mis à jour depuis quelques années.

Les Post Snippets fonctionnent de la même manière que les TinyMCE Templates, c’est-à-dire qu’on vous fournit un shortcode à utiliser pour tout élément que vous ajoutez au système. Il suffit de sélectionner le snippet que vous voulez et WordPress ajoute le shortcode tout seul.

Vous pouvez également choisir d’ajouter le code vous-même au lieu d’utiliser le bouton dans l’éditeur visuel.

Mise en place de Post Snippets

Installez et activez le plugin “Post Snippets”.

Un nouveau message apparaîtra pour vous demander la permission de partager vos données avec le développeur. Ceci est facultatif et n’affecte pas directement l’utilisation du plugin. Cependant, je vais simplement cliquer sur le bouton “Skip” pour continuer.

L’écran suivant est celui des paramètres réels du plugin. Si à tout moment vous avez besoin de trouver cette section, elle est toujours située sous Settings in WordPress.

Créons un nouvel élément à ajouter à WordPress. Cliquez sur le bouton “Add New Snippet”.

En relation  Comment créer un article privé WordPress

Cela créera un nouvel extrait “Sans titre” à utiliser dans vos articles et vos pages. Cliquez sur la flèche vers le bas à droite pour développer le champ des extraits actuels.

Modifiez le titre du snippet en cliquant sur l’icône en forme de crayon. Donnez-lui un nom que vous pourrez identifier dans la liste lorsque vous créerez du contenu. Ce nom est utilisé par le système pour identifier le fonctionnement du shortcode.

Cliquez sur la coche pour enregistrer votre titre.

Saisissez l’extrait de code que vous souhaitez réutiliser. Dans cet exemple, je vais insérer un code iFrame que j’ai légèrement modifié à partir de YouTube.

Cliquez sur la case à cocher “Shortcode” sur la droite. Cela permet de garder les choses bien organisées dans l’article ou la page. Si vous laissez cette case vide, le code lui-même s’affichera à la place du code court.

Entrez une description pour le code. Ceci est pour vous aider à identifier ce que ce code particulier fait pour vous.

Cliquez sur le bouton “Update Snippets” en bas.

Utilisation des Snippets d’articles

Après avoir créé les extraits que vous utilisez le plus souvent, il est temps de les placer dans vos articles et vos pages.

Cliquez sur un article ou une page que vous avez déjà enregistré. Vous pouvez également créer un nouvel article si vous souhaitez tester les Post Snippets sans interférer avec le texte.

Placez le curseur dans le texte à l’endroit où vous voulez que le snippet s’affiche.

Cliquez sur le bouton Post Snippets dans l’éditeur visuel.

Cliquez sur le snippet que vous voulez utiliser dans la liste. Comme je n’en ai qu’un seul de disponible, c’est le seul qui s’affiche.

En relation  Gutenberg ? Une nouvelle expérience d'édition WordPress en devenir

Cliquez sur le bouton “Insérer” en bas à droite.

Le code court est automatiquement ajouté à votre article ou page.

Sauvegardez ou mettez à jour votre article ou votre page.

Le résultat final est votre extrait qui apparaît dans l’article ou la page.

Autres choses que vous pouvez faire avec ce plugin

Bien qu’il fonctionne à merveille pour inclure divers éléments de codage HTML, il peut également servir à mettre en œuvre rapidement des combinaisons de choses. Par exemple, que se passe-t-il si vous utilisez un lien spécifique relié à une certaine image tout en affichant une ligne de texte ? Cette configuration entière est un texte réutilisable qui est beaucoup plus facile à ajouter aux articles et aux pages avec ce plugin.

L’utilisation de boîtes d’auteur est un bon moyen d’accréditer un contributeur. Et si vous en codiez un en utilisant du HTML qui s’adapte parfaitement à votre thème et à votre mise en page ? Post Snippets vous permet de planter la boîte de l’auteur sans plugins supplémentaires n’importe où sur le post ou la page.

Post Snippets offre une flexibilité incroyable à WordPress. Vous pouvez même placer d’autres shortcodes dans le snippet pour déclencher une série d’outils ou d’effets spécifiques.

Optimisez ce que vous pouvez faire avec WordPress

Le code réutilisable n’est qu’une des nombreuses choses que vous pouvez personnaliser dans WordPress. Ce genre de choses facilite la gestion d’un site, l’ajout de contenu ou la création d’une mise en page attrayante. Explorez vos options et créez quelque chose qui touchera vos visiteurs.

Quels codes copiez-vous et collez-vous régulièrement dans WordPress ? À quelle fréquence utilisez-vous des éléments codés dans vos articles ?