Vous voulez savoir comment ajouter correctement des extraits de code personnalisés à votre site WordPress ? L'ajout d'extraits de code à WordPress n'est pas sorcier, mais la moindre erreur pourrait faire planter votre site web. Si vous vous lancez sans savoir ce que vous faites, cela pourrait être fatal pour votre entreprise.
Ainsi, lorsque vous ajoutez du code personnalisé à votre site, vous devez vous assurer que vous le faites de la BONNE MANIÈRE.
Dans cet article, nous vous expliquerons comment copier et coller correctement des extraits de code sur votre site WordPress. Une fois que vous aurez terminé la lecture, vous aurez les connaissances et la confiance nécessaires pour modifier votre site comme bon vous semble. Vous pourriez même vous AMUSER un peu !
Pourquoi ajouter des extraits de code à WordPress ?
L'ajout d'extraits de code à votre site est l'un des moyens les plus simples d'étendre les fonctionnalités de votre site web. Bien que l'installation d'un plugin soit le moyen évident d'améliorer les fonctionnalités intégrées de WordPress, surtout pour les non-développeurs, il est parfois difficile de trouver un plugin qui réponde exactement à vos besoins. D'un autre côté, vous pouvez trouver des centaines de tutoriels WordPress sur le web qui recommandent d'ajouter des extraits de code pour répondre à vos besoins.
Cela dit, il est essentiel que vous insériez correctement les extraits de code personnalisés dans le bon fichier et au bon endroit. Sinon, cela pourrait faire planter votre site web, sabotant ainsi votre entreprise et votre réputation.
Décomposons ce tutoriel en 2 sections différentes :
- Personnalisation des fichiers de modèle WordPress
- Personnalisation du fichier functions.php
I. Personnalisation des fichiers de modèle WordPress
Avant de commencer, jetons un coup d'œil à ce qu'est un fichier de modèle WordPress.
Qu'est-ce qu'un modèle WordPress ?
Chaque thème WordPress est composé de fichiers de modèles. Les fichiers de modèles de votre thème définissent l'affichage de votre site web. Par exemple, header.php est un modèle par défaut utilisé dans la plupart des thèmes WordPress pour définir la zone d'en-tête de vos pages web générées par WordPress, telles que vos articles de blog et pages autonomes.
Examinons quelques modèles WordPress par défaut utilisés par la plupart des thèmes WordPress.
- php – définit la page principale
- php – définit la section d'en-tête
- php – définit la section de pied de page
- php – définit les fonctions utilisées dans le thème
- php – définit le message / article de blog unique
- php – définit la page autonome
- php – définit la section des commentaires
Comment insérer des extraits dans n'importe quel fichier de modèle
Vous pouvez insérer des extraits de code dans n'importe quel fichier de modèle, tel que functions.php, single.php, etc., par l'une de ces 2 méthodes : en utilisant un thème enfant ou en ajoutant le code directement à votre thème parent existant.
Cependant, il est conseillé de ne pas personnaliser le modèle directement dans votre thème parent car, lors de la mise à niveau de votre thème, vous perdrez toutes les personnalisations que vous avez effectuées. Pour conserver les modifications même après la mise à niveau de votre thème, vous pourriez vouloir créer un thème enfant et y apporter les personnalisations.
Un thème enfant est un thème WordPress qui hérite de ses fonctionnalités d'un autre thème WordPress (le thème parent). L'utilisation d'un thème enfant est le bon choix si vous souhaitez apporter de nombreuses modifications à vos fichiers de modèles.
Examinons comment créer un thème enfant et insérer des extraits dans votre fichier de modèle.
Pour un guide détaillé, vous pouvez consulter comment créer un thème enfant sur WordPress.
II. Personnalisation du fichier functions.php
Qu'est-ce que le fichier functions.php ?
functions.php est un fichier modèle dans votre thème WordPress qui vous permet d'étendre facilement les fonctionnalités de votre thème et de votre installation WordPress. Pour étendre les fonctionnalités, il vous suffit d'ajouter certains extraits de code à votre fichier functions.php.
Comme tout autre fichier modèle, vous pouvez ajouter des extraits directement à votre fichier functions.php. De plus, pour conserver la personnalisation même après la mise à niveau de votre thème, vous pouvez créer un thème enfant et y insérer le code.
Cependant, l'inconvénient est que vous perdrez toutes les personnalisations que vous avez apportées à un thème enfant si vous passez à un nouveau thème/un thème différent. C'est là qu'un plugin spécifique au site entre en jeu.
Un plugin WordPress spécifique au site est indépendant de votre thème, ce qui vous permet d'ajouter des extraits personnalisés à votre site. Vous pouvez utiliser un plugin spécifique au site de 2 manières :
- Méthode n°1 : Utiliser un plugin prêt à l'emploi, tel que WPCode
- Méthode n°2 : Créer manuellement un plugin spécifique au site
Méthode n°1 : Utiliser un plugin prêt à l'emploi
WPCode est le meilleur plugin WordPress pour ajouter des extraits de code car il fournit une interface visuelle pour les gérer sur votre site.
Il élimine le besoin d'insérer des extraits personnalisés dans le fichier functions.php de votre thème. Comme vous ne modifiez aucun fichier de thème, vous pouvez conserver vos personnalisations même après avoir changé de thème.
De plus, WPCode inclut une bibliothèque d'extraits intégrée avec des codes préfabriqués pour les tâches courantes. Cela signifie que vous pouvez ajouter des fonctionnalités en quelques clics, sans chercher de code en ligne.
Il comprend également une validation de code qui vérifie vos extraits d'erreurs avant l'activation. Cela évite le redouté « écran blanc de la mort » qui se produit lorsque du mauvais code casse votre site.
Avec WPCode, vous pouvez activer ou désactiver des extraits avec des boutons bascule comme pour les plugins, ce qui le rend facile à utiliser.
Une fois que vous avez activé le plugin WPCode, vous pouvez ajouter des extraits personnalisés et spécifier le type de code, ajouter un titre, une description et des balises pour référence.
De cette façon, à l'avenir, vous pourrez facilement déterminer le but de chaque extrait que vous avez ajouté.
Pour plus de détails, vous pouvez lire notre article sur comment créer un plugin spécifique au site.
Consultez également ma revue complète de WPCode pour découvrir tout ce qu'il peut faire.
2. Créez un plan spécifique au site et insérez le code
Vous pouvez créer manuellement un plugin spécifique au site et y insérer le code.
Contrairement à un plugin prêt à l'emploi, un plugin spécifique au site créé manuellement est généralement un plugin basique et léger qui n'a pas d'interface graphique pour la gestion des extraits.
Pour apporter des personnalisations, vous pouvez vous rendre dans l'éditeur de plugin et y insérer le code.
Pour un guide étape par étape, vous pouvez consulter la création d'un plugin spécifique au site.
C'est tout !
Nous espérons que ce guide vous a aidé à ajouter des extraits de code à votre site WordPress.
Maintenant, allez-y et trouvez des extraits de code que vous pouvez ajouter pour améliorer les fonctionnalités de votre WordPress.
Si cet article vous a plu, vous voudrez peut-être aussi consulter les plugins indispensables pour les sites Web d'entreprise.
Commentaires Laisser une réponse