WordPress est génial et facilite la création de sites Web. Mais parfois, vous devez effectuer une modification rapide qui ne dispose pas d’une option intégrée disponible dans WordPress ou dans votre thème et vos plugins installés. Peut-être souhaitez-vous modifier le texte affiché dans une notification WooCommerce, utiliser un SVG pour le logo de votre site ou ajouter un nouveau champ personnalisé. Dans ces cas-là, un extrait de code est la solution parfaite.
Que sont les extraits de code ?
UN extrait de code est une petite section de code créée pour étendre ou modifier les fonctions de votre site WordPress. Cela peut être la manière dont un élément de votre site Web est affiché, par exemple en ajoutant une surbrillance au terme de recherche dans les résultats de recherche pour qu’il apparaisse, ou comment quelque chose fonctionne, comme l’affichage des publications associées par ordre de date. Des extraits de code peuvent également être utilisés pour ajouter ou modifier des fonctionnalités spécifiques d’un thème ou d’un plugin.
Par exemple, ici chez Themelocal, AJ a créé plus de 600+ Total des extraits de code du thème. Il reçoit des tonnes de demandes de fonctionnalités de la part des clients, et cela n’a pas toujours de sens d’ajouter la fonctionnalité au thème principal. Ainsi, dans certains cas, il créera un extrait. Cela inclut des tonnes d’options de niche telles que le déplacement du fil d’Ariane, la modification conditionnelle des liens de la grille de publication du portefeuille, l’autorisation des co-auteurs dans la méta de publication, l’ajout d’un menu inférieur fixe personnalisé sur mobile, la limitation des résultats de recherche pour afficher uniquement les articles de blog et même la modification de troisièmes. fonctionnalités du plugin de fête telles que le texte WooCommerce « En rupture de stock » ou permettant l’affichage des événements passés du calendrier des événements.
Comment ajouter des extraits de code à WordPress ?
Pour ajouter un extrait de code à WordPress, vous disposez de deux options. La première consiste à modifier manuellement votre site et la seconde consiste à utiliser un plugin.
Quand ajouter manuellement un extrait de code vous devrez modifier l’un des fichiers de thème de votre site tels que function.php, header.php, etc. Si vous souhaitez suivre cette voie, nous vous recommandons d’utiliser un thème enfant. De cette façon, vous pouvez toujours mettre à jour votre thème (ce qui est important pour la sécurité du site) sans perdre aucune des modifications ou personnalisations que vous avez apportées. Lorsque vous ajoutez des extraits aux fichiers de votre thème enfant, nous vous suggérons de commenter votre code (ajoutez simplement deux barres obliques inverses au début d’une ligne puis une description) afin de ne pas oublier à quoi sert chaque extrait.
Pour ajouter du code avec un plugin d’extraits de code il vous suffit d’installer un plugin. Cela varie un peu en fonction du plugin que vous choisissez, mais la plupart vous donnent la possibilité d’ajouter et d’organiser des extraits de code à partir du tableau de bord WordPress. De cette façon, vous n’avez pas besoin de modifier de fichiers de thème et vous pouvez facilement ajouter, mettre à jour, désactiver ou supprimer des extraits selon vos besoins.
Pourquoi utiliser un plugin d’extrait de code ?
Pour la majorité des utilisateurs, l’installation d’un plugin d’extrait de code facilite l’ajout d’extraits de code à WordPress. Vous n’avez pas besoin de déterminer si vous avez correctement copié le code ou ajouté l’extrait au bon endroit, et la mise à jour est facile puisque tous vos extraits sont facilement visibles au même endroit. De plus, les plugins d’extraits de code réduisent les risques que quelqu’un détruise leur site puisque les fichiers importants du site restent intacts. Cela en fait une option plus sûre, en particulier pour ceux qui ne sont pas familiers avec le codage ou qui ne sont pas à l’aise avec l’édition de fichiers de thème.
Quel est le meilleur plugin d’extrait de code pour WordPress ?
Si vous envisagez d’utiliser un plugin pour ajouter des extraits de code à votre site, lequel devriez-vous choisir ? Vous trouverez ci-dessous notre sélection des 5 meilleurs plugins d’extraits de code WordPress. Tous ces plugins proposent des versions gratuites et facilitent l’ajout d’extraits de code.
1. WPCode
Notre premier choix est WPCode. Ce plugin vous permet d’ajouter des extraits de code dans lesquels vous pouvez sélectionner un type de code, choisir une méthode d’insertion, ajouter l’emplacement d’exécution, restreindre le chargement par type de périphérique, activer la logique et ajouter des informations générales sur l’extrait (nom, balises, priorité, notes). Il existe également des options pour ajouter des scripts à votre en-tête et pied de page, ainsi que des outils pour exporter ou importer des extraits d’autres plugins que vous avez peut-être essayés.
L’une des fonctionnalités les plus intéressantes de WPCode est la bibliothèque d’extraits de code incluse. C’est une aide immense pour ceux qui ne sont pas à l’aise avec les extraits de code, car la bibliothèque regorge d’extraits prêts à l’emploi. Il existe également un générateur que vous pouvez utiliser pour créer vos propres extraits personnalisés pour les fonctionnalités courantes du site liées au cœur de WordPress, à votre conception, à votre contenu, à la zone d’administration et aux requêtes.
Et si vous passez à Pro, il existe également des fonctionnalités pour les extraits planifiés, le journal des révisions de code, un éditeur de fichiers, les pixels de conversion, le contrôle d’accès des utilisateurs, les extraits d’insertion automatique, les éléments de contenu dynamiques, les scripts spécifiques à la page, la gestion sécurisée des erreurs et bien plus encore. Les forfaits commencent à 49 $/an lorsque vous utilisez le code SAVE50.
2. Extraits de code
Avec le plugin Code Snippets vous pouvez ajouter tous vos extraits via l’éditeur. Cela inclut des options pour ajouter un nom, une description et des balises ainsi que l’extrait de code réel et son paramètre « exécuter » (partout, uniquement dans l’administrateur, uniquement sur le front-end ou une seule fois). Une fois que vous avez ajouté des extraits, ils sont affichés dans une liste avec des bascules pour les activer ou les désactiver rapidement. Le plugin vous permet également d’exporter/importer vos snippets (au format JSON ou PHP) et de les réutiliser facilement sur d’autres sites ou dans un thème/plugin.
Pour des fonctionnalités supplémentaires telles que la prise en charge des blocs Gutenberg, l’intégration d’Elementor, les activations de plusieurs sites, les extraits CSS et JS, ainsi qu’une assistance premium, vous pouvez passer à un plan professionnel à partir de 39 $/an.
3. Publier des extraits
Une autre option est Post Snippets qui vous permet de créer votre propre collection d’extraits de code HTML, PHP et texte. Le plugin comprend un éditeur visuel complet avec un éditeur de code, l’ajout de variables, une case à cocher pour activer un shortcode et une zone d’état pour définir un extrait de code comme actif. Une fois que vous avez créé vos extraits, vous pouvez les insérer directement, sous forme de shortcode ou avec le bloc Post Snippets Gutenberg inclus.
Les forfaits Premium commencent à 29 $/an pour la commande d’extraits, la fonction de duplication facile, les balises, l’affichage du type d’extrait, l’enregistrement dans le cloud, la prise en charge du bloc Gutenberg, les mises à jour automatiques et l’assistance premium.
4. Extraits de WebberZone
Anciennement nommé Add to All, le plugin rebaptisé WebberZone Snippetz est un moyen simple d’ajouter et de gérer des extraits de code au sein de votre site WordPress. Le plugin prend en charge HTML, CSS et JS. Il existe également des options pour choisir l’emplacement de l’extrait (à insérer dans votre en-tête, pied de page, contenu ou flux) et à restreindre à des pages spécifiques (par ID, type de publication, taxonomie, etc.). Le plugin génère également un shortcode pour chaque extrait si vous préférez les insérer de cette façon.
WebberZone Snippetz est un plugin entièrement gratuit, bien que le développeur offre une assistance premium étendue lorsque vous le contactez (remarque : cela s’ajoute à l’assistance gratuite qu’ils fournissent sur le forum et généralement pour un travail personnalisé).
5. Codeur court
Ajoutez des extraits aussi facilement que des codes courts avec Shortcoder. Créez des shortcodes personnalisés pour vos extraits HTML, CSS ou JS afin de pouvoir les ajouter dans l’éditeur classique WordPress, l’éditeur de code ou Gutenberg. Il existe également des options pour désactiver les codes courts globalement, en fonction du type d’appareil.
Shortcoder propose également une licence PRO à partir de 25 $ pour un site. Cela inclut l’intégration avec des éditeurs personnalisés (Elementor, WPBakery, etc.), les révisions de shortcode, la fonctionnalité de localisation pour savoir où un shortcode a été utilisé, la prise en charge de code supplémentaire dans le pied de page, 1 an de mises à jour et une assistance de base à vie.
Si vous souhaitez ajouter des extraits de code à WordPress à l’aide d’un plugin, c’est de loin le choix le plus simple, le plus pratique et le plus sûr, surtout si vous n’êtes pas familier avec le codage. Mais en réalité, toutes les options répertoriées ci-dessus constituent un excellent choix. Si nous devions n’en choisir qu’un, nous pensons personnellement que WPCode (gratuit ou Pro) est le meilleur. Nous l’avons utilisé et le recommandons aux clients utilisant notre thème premium Total, et nous sommes convaincus qu’il dispose de suffisamment de fonctionnalités pour gérer les extraits de code sur votre site WordPress.