Comment ajouter du code à votre en-tête et pied de page WordPress

De nombreux outils et scripts de suivi nécessitent que vous ajoutiez un certain code aux zones d’en-tête et de pied de page de votre site Web. Il est donc très probable que vous deviez modifier ces éléments à un moment donné. Heureusement, il existe plusieurs façons simples d’y parvenir.

Dans cet article, nous allons vous montrer comment ajouter du code d’en-tête et de pied de page dans WordPress à l’aide de plugins ou manuellement. Il vous suffit de choisir laquelle des deux manières vous convient le mieux pour modifier ces éléments.

Comment ajouter du code à votre en-tête et pied de page WordPress à l’aide d’un plugin

Pour la plupart des utilisateurs, le moyen le plus simple d’ajouter du code à la zone d’en-tête et de pied de page d’un site Web est à l’aide d’un plugin. L’avantage d’utiliser un plugin à cette fin est que le le code reste même si vous changez de thème. En outre, un plugin ne vous oblige pas à fouiller dans le code et la structure des fichiers WordPress.

Il existe plusieurs plugins que vous pouvez utiliser à cet effet. Dans cet article, nous utiliserons le Plugin Head, Footer et Post Injections qui est gratuit. Vous pouvez l’installer pour pouvoir suivre les étapes suivantes ou en choisir une autre si vous préférez.

Après avoir installé et activé votre plugin, allez dans Paramètres> En-tête et pied de page dans votre panneau d’administration. Vous verrez l’interface du plugin et à partir de là, vous devez sélectionnez l’onglet En-tête et pied de page.

Pour ajouter du code à l’en-tête de votre site Web, vous devez le saisir dans l’un des champs sous la section INJECTION DE SECTION DE PAGE . Selon le champ que vous utilisez, le code que vous saisirez apparaîtra soit dans l’en-tête de chaque page, soit uniquement dans l’en-tête de la page d’accueil.

Vous serez très probablement ajouter du code au premier champ pour qu’il soit dans l’en-tête de chaque page. Par exemple, si vous souhaitez ajouter un Balise Google Analytics, Tout ce que tu dois faire est entrez le code approprié dans le SUR CHAQUE PAGE champ et enregistrez la modification.

Pour ajouter du code au pied de page de votre site Web, vous devez faire défiler jusqu’à les AVANT L’ÉTIQUETTE DE FERMETURE (PIED DE PIED) section. Il contient également deux champs, mais ils sont légèrement différents de ceux que nous avions pour l’en-tête.

Comme vous pouvez le voir sur l’image ci-dessus, les deux champs disponibles sont Ordinateur de bureau et mobile.

Si vous souhaitez que votre code soit présent dans le pied de page, quel que soit l’appareil dont disposent les utilisateurs, vous devez ajouter le code au champ Bureau et laisser le champ Mobile décoché. Cependant, si vous avez besoin que le code de la version mobile de votre site Web soit différent, vous pouvez cocher l’option Mobile et entrez le code approprié dans chaque champ.

Lorsque vous avez terminé, n’oubliez pas de cliquer sur le bouton Enregistrer en bas de l’écran.

Comment ajouter manuellement du code à votre en-tête et pied de page WordPress

Pour ajouter manuellement le code d’en-tête et de pied de page dans WordPress, vous devez avoir des connaissances de base sur PHP. Sinon, nous vous suggérons d’utiliser la méthode du plugin décrite ci-dessus. Avec la méthode manuelle, vous pouvez directement ajouter du code aux zones d’en-tête et de pied de page de votre site Web. Cela se fait via les en-tête.php et pied de page.php fichiers ou via le fonctions.php déposer de votre thème choisi.

Si vous allez ajouter du code à votre en-tête et pied de page manuellement, vous devez utiliser un thème enfant faire cela. De cette façon, les changements ne sont pas perdus lorsque votre thème WordPress est mis à jour.

Avec tous les thèmes Qode, vous avez thèmes enfants vierges que vous pouvez télécharger ainsi que le thème parent principal à utiliser pour apporter des modifications. Si vous souhaitez créer un nouveau thème enfant, vous pouvez faire le faire en quelques étapes.

Une fois que votre thème enfant est prêt, vous devez choisissez si vous saisissez directement le code dans l’en-tête et le pied de page via le en-tête.php et pied de page.php des dossiers ou le faire via le fonctions.php déposer du thème enfant. Nous vous suggérons d’utiliser le fonctions.php fichier de votre thème enfant pour ajouter le code. Cela vous permettra conserver le code complet au même endroit. De plus, vous n’auriez pas besoin de modifier les fichiers WordPress de base.

Pour commencer, nous allons jeter un oeil à exemples d’extraits de code que vous pouvez utiliser pour ajouter du code d’en-tête et de pied de page dans WordPress.

Pour ajouter du code à votre en-tête, vous pouvez utiliser cet exemple d’extrait de code :

/* Make description for code snippet */
function your_custom_function_name(){
?>
PASTE HEADER CODE WHICH YOU WANT TO ADD HERE
<?php
};
add_action('wp_head', 'your_custom_function_name');

Et pour ajouter du code à votre pied de page, vous pouvez utiliser cet exemple d’extrait de code :

/* Make description for code snippet */
function your_custom_function_name(){
?>
PASTE FOOTER CODE WHICH YOU WANT TO ADD HERE
<?php
};
add_action('wp_footer', 'your_custom_function_name');

Veuillez noter que ces extraits ne représentent pas le code fonctionnel et que vous devez les adapter en ajoutant les informations appropriées. Entrez une brève description du code dans le champ de commentaire pour vous aider à vous souvenir de son objectif plus tard. Changez l’espace réservé pour le nom de la fonction avec le nom réel de votre fonction personnalisée dans les deux endroits. Et ajoutez votre code dans l’espace marqué par le texte en majuscules.

Une fois que vos extraits de code sont prêts, vous devez les ajouter au fonctions.php fichier de votre thème enfant. Le moyen le plus simple d’accéder à ce fichier est via l’option Apparence> Éditeur de thème dans le panneau d’administration. Ouvrez-le, puis entrez simplement l’extrait de code que vous avez préparé.

Le code que nous avons utilisé dans cet exemple est le même que celui que nous avons utilisé pour expliquer la méthode du plugin, à savoir la balise Google Analytics. Comme vous pouvez le voir sur la capture d’écran ci-dessus, nous avons utilisé un extrait de code personnalisé pour l’en-tête pour ajouter le code. Le même principe s’applique à l’ajout de code au pied de page.

Si l’option Éditeur de thème est inactive lorsque vous essayez de l’ouvrir, vous pouvez également accéder au fichier functions.php via FTP. Dans ce cas, après avoir entré le code, n’oubliez pas d’enregistrer les modifications dans le fichier.

Dernières pensées

L’ajout de code d’en-tête et de pied de page dans WordPress devient une pratique de plus en plus populaire. C’est un moyen pratique de personnaliser votre site Web, de mettre en œuvre Google Analytics ou d’améliorer les performances.

Si vous décidez d’ajouter du code à votre site, nous vous suggérons d’utiliser un plugin car c’est la méthode la plus simple. Surtout si vous n’êtes pas tout à fait sûr d’essayer d’ajouter manuellement du code à l’en-tête et au pied de page. Les plugins conviennent aux utilisateurs de tous niveaux de connaissances et vous fournissent toutes les fonctionnalités nécessaires. Cependant, si vous choisissez d’utiliser la méthode manuelle, cela vous donnera plus de liberté pour ajouter du code à l’en-tête et au pied de page. Mais gardez à l’esprit qu’il nécessite tout de même un peu plus de connaissances et s’adresse à des utilisateurs plus expérimentés.