Comment ajouter du code personnalisé aux sites Web WordPress

29 décembre 2020

Les utilisateurs recherchent souvent des moyens de modifier leurs sites Web, plugins et thèmes, ou d'ajouter des modifications à une fonctionnalité existante. Dans la plupart de ces cas, vous pouvez le faire en ajoutant un code personnalisé à votre site Web WordPress.

Il n'y a rien de mal à ajouter un code personnalisé à votre site Web. Cependant, il y a quelques éléments à prendre en compte lors de l'ajout de code personnalisé apportant ces modifications à votre site Web WordPress.

Cet article met en évidence ce qu'il faut rechercher et les meilleures pratiques pour ajouter du code personnalisé à votre site Web WordPress.

Que rechercher avant d'ajouter des extraits de code personnalisés dans WordPress

Le moyen le plus simple d'ajouter des extraits de code suggérés par les auteurs dans leurs didacticiels consiste à ajouter l'extrait de code au thème functions.php fichier. Cependant, il existe un certain nombre de restrictions et d'inconvénients lorsque vous ajoutez des extraits de code au thème functions.php fichier.

Chaque fois que vous mettez à jour votre thème, les extraits de code personnalisés que vous avez ajoutés à votre functions.php Le fichier sera écrasé, sauf si vous mettez à niveau manuellement le thème ou copiez manuellement les extraits de code d'un functions.php fichier à l'autre. Ayant à l'esprit que la plupart des développeurs publient des mises à niveau assez fréquemment, en particulier lors de l'utilisation de thèmes premium, en ajoutant des extraits de code au thème functions.php le fichier devient très difficile à maintenir.

De plus, si vous souhaitez changer de thème, vous devez également migrer le code, ce qui n'est certainement pas bon à long terme.

Un autre inconvénient est que les fichiers de thème sont exécutés sur chaque page et en ajoutant les extraits de code au thème functions.php fichier, les risques de briser l'ensemble de votre site Web sont beaucoup plus élevés.

Examinons les meilleures pratiques pour ajouter des extraits de code personnalisés à votre site WordPress afin que vous n'ayez plus à vous soucier de manquer un extrait de code, d'oublier de le migrer ou de casser une fonctionnalité lors de la mise à niveau de votre thème.

Ajout d'extraits de code personnalisés aux sites WordPress

Le code personnalisé peut être ajouté à l'aide de l'une des méthodes suivantes:

  • Utilisation d'un plugin (reportez-vous à notre introduction aux plugins WordPress pour en savoir plus sur ce que sont les plugins WordPress)
  • Créer un plugin personnalisé
  • Créer un thème enfant

Maintenant, discutons de chacune des méthodes en détail.

1. Utilisation du plug-in d'extraits de code

Le plugin Code Snippets est un excellent moyen d'ajouter du code personnalisé au site WordPress, et si vous n'êtes pas fan de l'écriture de code vous-même, cette méthode est plus facile que de créer votre propre plugin.

Après avoir installé le plugin, un nouveau Extraits La section est ajoutée à votre menu WordPress, ce qui vous permet d'ajouter de nouveaux extraits. Chaque extrait de code aura un espace pour le code et une description pour des informations supplémentaires sur ce que fait le code.

Pointe: Si vous utilisez un extrait de code utile d'un site, ajoutez l'URL dans la description afin de vous rappeler d'où vient le code.

Exemple de code personnalisé

Tout comme les plugins, vous pouvez activer et désactiver vos extraits de code personnalisés ainsi que les exporter dans des fichiers PHP. Dans certains cas, les extraits de code personnalisés provoquent des conflits avec d'autres plugins ou thèmes, donc la désactivation de tout le code personnalisé est utile pour les problèmes de ciblage.

2. Création de votre propre plugin spécifique au site

La création de votre propre plugin personnalisé spécifique au site est le meilleur moyen d'ajouter du code personnalisé aux sites WordPress, car vous avez un contrôle total sur le code. Aucune mise à jour de plugin ou de thème n'affectera votre code personnalisé. De plus, cela donne la flexibilité d'activer ou de désactiver le plugin personnalisé selon vos besoins.

Vous n'avez pas besoin d'être un gourou PHP pour créer un plugin spécifique au site. Suivez simplement les trois étapes faciles ci-dessous.

1. Créez le répertoire du plugin

Tout d'abord, vous devrez créer un répertoire pour le plugin et le nommer. Il peut s'agir de n'importe quel nom, tel que le site Web du site. Le répertoire du plugin doit être créé dans le / wp-content / plugins / annuaire sur votre site Web. Pour cet exemple, nous appelons le plugin influencebusiness.fr-shortcodes. Remarque: utilisez toujours des tirets et non des espaces dans les noms de répertoire.

2. Créez le fichier du plugin

Ensuite, vous aurez besoin d'un fichier principal pour votre plugin. Bien qu'il n'y ait pas de règles concernant le nom du fichier, la meilleure pratique est que le nom du fichier soit le même que le nom du plugin. Donc, dans notre exemple, le nom de fichier du plugin est influencebusiness.fr-shortcodes.php.

Ce fichier doit au moins inclure un titre et une description.

Créez ce fichier à l'aide d'un éditeur de texte, tel que NotePad ++ ou TextEdit. N'utilisez pas Microsoft Word ou des éditeurs similaires, car cela ajoute des données de mise en forme au texte et cela pourrait gâcher votre fichier. Tous les éditeurs listés ci-dessus sont gratuits.

Voici tout ce que vous devez ajouter au fichier:


<?php
/*
* Plugin Name: WP White Security Shortcodes
* Plugin URL: https://www.influencebusiness.fr.com
* Description: Site-specific plugin for custom code snippets in influencebusiness.fr.com
*/

C'est tout. Il est maintenant temps d'ajouter le code personnalisé.

3. Ajoutez les extraits de code personnalisés

Vous pouvez maintenant copier et coller les extraits de code des didacticiels, etc. dans ce fichier. Si vous avez créé le fichier du plugin hors ligne, compressez le dossier du plugin sous forme de fichier .zip et téléchargez-le sur votre site Web à partir du tableau de bord WordPress.

À partir de maintenant, vous n'avez pas à vous soucier de manquer un extrait de code, d'oublier de le migrer ou de casser certaines fonctionnalités lors de la mise à niveau de votre thème ou de votre WordPress. La prochaine fois que vous rencontrez un extrait de code WordPress et que vous souhaitez l'ajouter à votre site Web, ajoutez-le au fichier de plugin spécifique au site.

4. Ajoutez un index.php fichier (facultatif)

Ceci est une étape optionnelle. Pour éviter de lister les répertoires, vous devez ajouter un fichier d'index dans le répertoire du plugin. Tout ce que vous avez à faire est:

Créez un fichier appelé index.php
Ajoutez-y le contenu suivant:


<?php
/**
* Nothing to see here.

3. Utiliser le thème enfant functions.php

Plus tôt, nous avons dit de ne pas utiliser votre thème functions.php fichier. Cependant, c'est une bonne alternative pour certains changements, par exemple pour des changements spécifiques à un thème. De cette façon, le code personnalisé spécifique au thème est sorti lorsque votre thème l'est, car il ne sera plus nécessaire.

Néanmoins, les changements de thème doivent toujours être ajoutés au thème enfant, et non au thème parent, donc il est sans danger pour la mise à niveau.

Si vous ajoutez du code à votre functions.php, assurez-vous toujours de rechercher les balises PHP fermantes. Voici à quoi ils ressemblent: ?>. Si votre fichier de thème se termine par l'un de ceux-ci, vous devez placer le code personnalisé au-dessus.

Répertoire des thèmes enfants functions.php

Conclusion

Comme nous venons de le voir, il existe plusieurs façons d'ajouter du code personnalisé à votre site Web WordPress, mais toutes ne sont pas bonnes à long terme. Cependant, certains d'entre eux sont meilleurs que d'autres dans des domaines spécifiques. Par exemple, pour les modifications spécifiques au thème (apparence et convivialité du site Web), ajoutez du code personnalisé au functions.php fichier. Pour tout autre changement, idéalement, vous devriez avoir votre plugin personnalisé spécifique au site

Assurez-vous simplement d'ajouter du code personnalisé à WordPress de manière sûre et de faciliter le débogage en cas de problème.
Nous espérons que cet article vous a aidé à apprendre comment ajouter facilement des extraits de code personnalisés dans vos sites WordPress.