Souvent, en lisant des tutoriels WordPress, on vous demande d’ajouter des extraits de code personnalisés dans le fichier functions.php de votre thème ou dans une extension spécifique à votre site.
Le problème, c’est que la moindre erreur peut mettre à mal votre site.
Dans cet article, nous allons vous afficher un moyen facile d’ajouter du code personnalisé dans WordPress sans casser votre site.
Le problème des extraits de code personnalisés (et comment le corriger)
Vous trouverez souvent des extraits de code dans les tutoriels WordPress avec des instructions pour les ajouter dans le fichier functions.php de votre thème ou dans une extension spécifique à votre site.
Le plus gros problème est que même une minuscule erreur dans l’extrait de code personnalisé peut casser votre site WordPress et le rendre inaccessible.
Sans oublier que si vous mettez à jour ou modifiez votre thème WordPress, toutes vos personnalisations sont retirées.
L’autre problème est que si vous ajoutez plusieurs extraits de code dans une extension spécifique à un site, il peut devenir difficile de gérer le fichier.
Outil de personnalisation, il existe un moyen plus simple pour les utilisateurs/utilisatrices d’ajouter et de gérer des extraits de code personnalisés dans WordPress.
WPCode est l’extension d’extraits de code la plus populaire, utilisée par plus de 2 millions de sites WordPress. Il facilite l’ajout d’extraits de code dans WordPress sans avoir à modifier le fichier functions.php de votre thème.
WPCode facilite également l’ajout de codes de suivi pour Google Analytics, Facebook Pixel, Google AdSense, et bien d’autres encore, dans les zones d’en-tête et de pied de page de votre site.
Vous n’aurez jamais à craindre de casser votre site car la validation intelligente des extraits de code vous aide à éviter les erreurs de code les plus courantes.
En outre, WPCode est livré avec une bibliothèque d’extraits intégrée où vous pouvez trouver tous les extraits de code WordPress les plus populaires comme désactiver l’API REST, désactiver les commentaires, désactiver Gutenberg, permettre les téléversements de fichiers SVG, et bien plus encore. Cela élimine la nécessité d’installer des plugins distincts pour chaque demande de fonctionnalité.
Le plus beau, c’est que vous pouvez gérer tous vos extraits de code à partir d’un écran central et ajouter des identifiants pour les organiser.
Il existe également une version gratuite de WPCode qui possède toutes les fonctionnalités de base dont vous avez besoin pour ajouter du code personnalisé dans WordPress, y compris le support de 6 types de code, une logique conditionnelle intelligente, et plus encore.
Ceci étant dit, voyons comment ajouter facilement des extraits de code personnalisés dans WordPress avec WPCode.
Tutoriel vidéo
Si vous préférez des instructions écrites, continuez à lire.
Ajout d’extraits de code personnalisés dans WordPress
La première chose à faire est d’installer et d’activer l’extension gratuite WPCode sur votre site. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.
Note : L’extension gratuite WPCode contient tout ce dont vous avez besoin pour ajouter du code personnalisé dans WordPress. Si vous voulez des fonctionnalités avancées comme les extraits planifiés, les révisions de code, le suivi des conversions e-commerce, et plus encore, vous pouvez mettre à niveau vers WPCode Pro.
Une fois activé, le plugin ajoutera un nouvel élément de menu libellé » Extraits de code » à votre barre d’administration WordPress. En cliquant dessus, vous afficherez une liste de tous les extraits de code personnalisés que vous avez enregistrés sur votre site.
Comme vous venez d’installer l’extension, votre liste sera vide.
Cliquez sur le bouton « Ajouter nouveau » pour ajouter votre premier extrait de code personnalisé dans WordPress.
Vous accédez alors à la page « Ajouter un extrait ». Vous pouvez choisir un extrait de code dans la bibliothèque prédéfinie ou ajouter votre code personnalisé.
Pour ajouter un code personnalisé, cliquez sur le bouton « Utiliser un extrait » situé sous l’option « Ajouter votre code personnalisé (nouvel extrait) ».
Vous devez commencer par saisir un titre pour votre extrait de code personnalisé. Il peut s’agir de n’importe quel élément qui vous aide à identifier le code.
Ensuite, vous pouvez copier et coller votre extrait de code dans la boîte de Prévisualisation du code. Confirmez également que vous avez sélectionné le bon type de code dans le menu déroulant à droite.
Dans la capture d’écran ci-dessus, nous avons ajouté un extrait de code personnalisé pour retirer le numéro de version de WordPress de notre site de test.
function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');
Sous la boîte de code, vous verrez des options d’insertion. Il existe deux options d’insertion principales : Insertion automatique et Code court.
Si vous choisissez la méthode « Insertion automatique », l’extrait sera automatiquement inséré et exécuté sur votre site.
Vous pouvez exécuter automatiquement l’extrait uniquement dans la zone d’administration de WordPress, sur l’interface publique de votre site ou partout. Vous pouvez même choisir d’insérer votre extrait dans des Emplacements spécifiques à la page, comme avant ou après les publications ou dans le contenu de la publication.
Si vous n’êtes pas sûr, sélectionnez l’option par défaut « Exécuter l’extrait partout ».
Avec la méthode « code court », l’extrait n’est pas inséré automatiquement. Une fois l’extrait enregistré, vous obtiendrez un code court spécifique à l’extrait que vous pourrez utiliser n’importe où sur votre site.
Lorsque vous défilez plus bas, vous pouvez limiter l’endroit où vous souhaitez que l’extrait soit chargé par type d’appareil. Par défaut, les extraits sont chargés sur tous les types d’appareils, mais vous pouvez également les définir pour qu’ils se chargent uniquement sur ordinateur ou uniquement sur mobile.
Ensuite, vous pouvez utiliser la puissante section « Logique conditionnelle intelligente » pour afficher ou masquer les extraits insérés automatiquement en fonction d’un ensemble de règles.
Par exemple, vous pouvez afficher des extraits de code uniquement aux utilisateurs connectés, charger des extraits de code uniquement sur des URL de pages spécifiques, etc.
Dernier point, vous verrez une zone « Informations de base ». Vous pouvez ajouter ici tout ce qui vous aide à comprendre ce que fait ce code, où vous l’avez trouvé et pourquoi vous l’ajoutez à votre site.
Vous pouvez également assigner des identifiants à votre extrait de code. Cela vous aidera à trier vos extraits de code par Sujet et par fonctionnalité.
Le champ de priorité vous permet de commander l’ordre d’exécution des extraits lorsque vous souhaitez afficher plusieurs extraits au même endroit. Par défaut, tous les extraits ont une priorité de 10. Si vous souhaitez qu’un extrait s’affiche plus tôt que les autres, il vous suffit de définir la priorité de l’extrait sur un chiffre inférieur, comme 5.
Lorsque vous avez fini de choisir les options, permutez le commutateur de « Inactif » à « Actif » dans le coin supérieur droit, puis cliquez sur le bouton « Enregistrer l’extrait ».
Si vous souhaitez enregistrer l’extrait de code et ne pas l’activer, cliquez simplement sur le bouton « Enregistrer l’extrait ».
Une fois que vous aurez enregistré et activé l’extrait de code, il sera ajouté automatiquement à votre site, si c’est la méthode d’insertion que vous avez choisie, ou affiché sous forme de code court.
Poignée des erreurs dans le code personnalisé
Souvent, si vous faites une erreur en ajoutant le code personnalisé dans le fichier de votre extension ou de votre thème, votre site devient immédiatement inaccessible.
Vous commenceriez à voir une erreur de syntaxe ou une erreur de serveur interne 500 sur votre site. Pour corriger ce problème, vous devrez annuler manuellement votre code à l’aide d’un client FTP.
L’intérêt de l’extension WPCode est qu’elle détecte automatiquement une erreur de syntaxe dans le code et le désactive immédiatement.
Il affiche également un message d’aide qui vous permet de déboguer l’erreur.
La validation intelligente des extraits de code de WPCode détectera également toute erreur lors de l’ajout de votre code personnalisé.
En survolant l’erreur, vous verrez apparaître des instructions qui vous aideront à la corriger.
Gérer vos extraits de code personnalisés
L’extension WPCode fournit une interface utilisateur simple pour gérer vos extraits de code personnalisés dans WordPress.
Vous pouvez enregistrer des extraits de code sans les activer sur votre site, puis activer ou désactiver l’extrait à tout moment. Il est également possible de filtrer les extraits de code par type et par Emplacement, et d’utiliser des identifiants pour organiser facilement vos extraits de code.
Vous pouvez également exporter des extraits de code spécifiques ou les exporter tous en bloc.
Il vous suffit de vous rendre dans Code Snippets « Outils et de cliquer sur l’onglet « Exporter ».
Si vous déplacez des sites sur un autre serveur, vous pouvez facilement importer vos extraits de code sur le nouveau site.
Il suffit de se rendre sur la page Code Snippets » Outils « Importation et de téléverser le fichier d’exportation.
Nous espérons que cet article vous a aidé à apprendre comment ajouter facilement du code personnalisé dans WordPress. Vous souhaitez expérimenter quelques extraits de code sur votre site ? Consultez notre liste d’astuces extrêmement utiles pour le fichier de fonctions de WordPress, et n’oubliez pas de consulter notre guide ultime pour accélérer votre site WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Moinuddin Waheed says
I have always had reservation for installing plugins for every functionality even very small functionality.
inserting code snippets through wpcode has revolunized it as we don’t need to have separate plugins for every small functionality that we need to have.
The better part is that wpcode comes with most used general code snippets which we have to just use and activate.
Jiří Vaněk says
I also use WP code for inserting snippets on the website, and I agree that it’s one of the indispensable tools in website creation if someone wants to save on installing numerous plugins, tasks that snippets can often handle well. What’s also good is that artificial intelligence can now suggest tailored snippets for many purposes.
WPBeginner Support says
Glad to hear you found the plugin helpful
Administrateur
C says
Great tutorial. How do you assign classes to WordPress elements.
Thanks.
WPBeginner Support says
We would recommend taking a look at our guide below for how to add your own classes to your site’s conent:
https://www.wpbeginner.com/wp-themes/wordpress-body-class-101-tips-and-tricks-for-theme-designers/
Administrateur
DAMIEN GALVEZ says
Thanks !! It was very helpful !!
WPBeginner Support says
Glad it was helpful!
Administrateur
ebere akadonye says
I have tried using the plugin, but whenever I am trying to activate my code, it returns an error in Line 0, I don’t know what to do next, because I can’t find any line 0. except it is the line with the <?php
Elena Ocone says
Hi and thank you so much for all your work and support to the WordPress community.
I used Code Snippets plugin and it was just perfect until after last update, when all code disappeared, and it became impossible to save any change: the result is a 404 error page.
WPBeginner Support says
You could try the troubleshooting steps in our article here: https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
to see if it could be a conflict with another plugin or theme
Administrateur
Romadhon Hapsa says
Thankyou for posting this. It works
WPBeginner Support says
Glad our article could help
Administrateur
Carol says
I have a long Authors page with affiliate links and want to have users be able to pull up those books for certain topics.
For instance, say that they are books covering Gardening, Cooking, and Sewing. I want the user to be able to pull up all the books on Sewing without having to see all the other titles. Plus some titles do not tell you immediately the subjects so browsing the entire list might not catch them all.
I want to be able to code the individual titles so they would appear on one or more of the predetermined subject lists and then provide a link to the user to click to get a dynamic list of just the titles on. that particular subject Dynamic such that any new titles I add and code will show up for them.
I am NOT a programmer, don’t want to be, I need a plugin that will do that. Seems that I am probably not the first person wanting to do this. Is there a plugin that will do this?
ton says
Hi
i am trying to have a function code added to the checkout page only , so how do I use the snippet to do so?
Lauren says
Can I apply code snippets to all pages EXCEPT my homepage?
THadryan says
I tried using this plug in because everyone seems to love it, but it crashed my whole site before I could even do anything with it.
This article convinced me to try it again, because everyone seems to like it, but EVEN JUST ACTIVATING it wrecks my whole site and I get the 500 error you refer to.
Do you have any idea what might be going on?
I would assume it’s my error but all I am doing is installing it and activating it.
WPBeginner Support says
Hi,
This could be due to a conflict with another plugin, theme, or custom code on your website. Please see our guide on troubleshooting WordPress errors to figure out what’s causing this issue.
Administrateur
PseudoGeek says
Would the code entered into this plugin persist through theme updates? Here’s what I’d like this plugin to do: In order to have the year update automatically in the copyright, many developers place a snippet of php code into a child theme to accomplish this. I really don’t want to make a child theme for every website just for that tiny change, but the alternative is to have my changes disappear with each theme update. But adding a child theme for something so minor seems like building a whole new fence when all you want to do is change the color of the latch on the gate. Maybe this plugin is the easy way to do this?
WPBeginner Support says
Theme updates won’t affect your code.
Administrateur
Al Klein says
I’m an old PHP developer, but this makes managing snippets a lot easier. (And, since I’m human, I made an error in adding a snippet – and it was just deactivated, Doing it manually would have meant making sure that the editor was still open when I tried the site, so I could go back and try to find what would have been a 500 error.
Thank you for this post.
Victorvijay says
What is the scope of this snippet?
Can this snippet code override any main theme functions?
Amrita says
Thanks for sharing this.I am also afraid of adding custom code.But this looks easy.If I understood correctly if the code snippet has an error the plugin automatically decativates it .Right?
WPBeginner Support says
Hey Amrita,
It tries to and can catch most common syntax errors, but sometimes it may fail to check. It all depends on the code you are trying to add.
Administrateur
Abdal Muntaqeem says
Thanks for this great plugin. Now I can manage custom snippets more easily.