Comment ajouter du code d'en-tête et de pied de page dans WordPress (en toute simplicité)
Vous a-t-on déjà demandé d’ajouter des extraits de code à la section
Il vous est souvent demandé d'ajouter du code d'en-tête et de pied de page dans WordPress lorsque vous essayez d'intégrer des services Web tels que Google Analytics, Google Search Console, Facebook Pixel, etc.
Vous pouvez également rencontrer des didacticiels WordPress qui pourraient vous demander d’ajouter du code CSS ou JavaScript personnalisé à votre en-tête ou pied de page WordPress.
Par défaut, WordPress ne propose pas d’option pour insérer du code dans l’en-tête et le pied de page de votre site Web. Heureusement, il existe une solution simple pour les débutants.
Dans cet article, nous allons vous montrer comment ajouter facilement du code d’en-tête et de pied de page dans WordPress. L’objectif est d’ajouter le code en toute sécurité sans modifier directement vos fichiers de thème WordPress.
La meilleure façon d’ajouter du code d’en-tête et de pied de page WordPress
Si vous souhaitez ajouter du code d’en-tête et de pied de page WordPress, il existe trois solutions possibles :
Manuellement, en éditant les fichiers header.php et footer.php de votre thème
Avec la fonctionnalité de code d’en-tête et de pied de page intégrée à votre thème
Utiliser un plugin WordPress
La première option n'est pas adaptée aux débutants car elle vous oblige à ajouter du code d'en-tête et de pied de page en éditant directement les fichiers header.php et footer.php manuellement.
Un autre inconvénient de l'utilisation de cette méthode est que votre code sera supprimé si vous installez une mise à jour de votre thème.
La deuxième option consiste à utiliser la fonctionnalité intégrée de votre thème. Certains thèmes WordPress comme Elegant Themes et Genesis Framework de StudioPress offrent une option intégrée pour ajouter rapidement du code et des scripts à votre en-tête et pied de page WordPress.
Si vous utilisez un thème avec une fonctionnalité intégrée, cela semble être une solution simple et sûre. Cependant, si vous changez de thème, tous les extraits de code ajoutés à votre site Web disparaîtront. Cela inclut la vérification du site dans Google Search Console, l'analyse du site Web via Google Analytics, etc.
C'est pourquoi nous recommandons toujours aux utilisateurs d'utiliser la troisième option, un plugin d'en-têtes et de pieds de page. Cette option est de loin la méthode la plus simple et la plus sûre pour ajouter du code d’en-tête et de pied de page dans WordPress.
Après de nombreuses demandes de lecteurs, notre équipe a construit le plugin WPCode.
WPCode (anciennement Insert Headers and Footers) est un plugin d'extrait de code 100 % gratuit. Vous pouvez l’utiliser pour ajouter facilement du code à l’en-tête et au pied de page de WordPress.
Voici quelques avantages de l’utilisation du plugin WPCode :
2. Empêche les erreurs : la validation intelligente de l'extrait de code permet d'éviter les erreurs qui peuvent survenir si vous modifiez manuellement vos fichiers de thème.
3. Mettez à niveau ou modifiez votre thème sans souci : le plugin enregistrera votre code d'en-tête et de pied de page dans un endroit séparé, afin que vous puissiez mettre à jour ou modifier votre thème sans vous soucier de l'effacement du code.
Outre les scripts d'en-tête et de pied de page, vous pouvez également utiliser WPCode pour insérer facilement des extraits de code PHP, JavaScript, CSS, HTML et texte personnalisés sans modifier vos fichiers de thème.
De plus, WPCode dispose d'une bibliothèque d'extraits de code intégrée dans laquelle vous pouvez trouver tous les extraits de code WordPress les plus populaires. Cela vous permet de supprimer rapidement les fonctionnalités WordPress dont vous ne voulez pas, comme l’API REST, XML-RPC, les mises à jour automatiques, les commentaires, etc.
Remarque : Si vous souhaitez des fonctionnalités avancées telles qu'une bibliothèque d'extraits de cloud privé, des pixels de conversion, des extraits planifiés, des révisions de code, etc., vous pouvez passer à WPCode Pro.
Pour plus de détails, lisez notre guide sur la façon d’ajouter facilement du code personnalisé dans WordPress.
Cela dit, voyons comment ajouter facilement du code d'en-tête et de pied de page dans WordPress à l'aide du plugin WPCode.
Didacticiel vidéo
Si vous ne souhaitez pas regarder le didacticiel vidéo, vous pouvez continuer à lire la version texte ci-dessous :
Ajout de code à l'en-tête et au pied de page dans WordPress
La première chose que vous devez faire est d'installer et d'activer le plugin gratuit WPCode. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Une fois le plugin activé, accédez à Extraits de code » En-tête et pied de page depuis votre panneau d'administration WordPress. Après cela, vous verrez une boîte « En-tête » dans laquelle vous pourrez ajouter votre code.
Si vous faites défiler vers le bas, vous verrez également une boîte « Corps » et un « Pied de page ».
Collez simplement le code dans l'une des trois cases. Une fois que vous avez terminé, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour stocker vos paramètres.
Le plugin chargera désormais automatiquement le code aux emplacements respectifs sur votre site WordPress.
Vous pouvez toujours modifier et supprimer tout code que vous ne souhaitez pas conserver.
Vous devrez garder le plugin installé et activé à tout moment. La désactivation du plugin cessera d’ajouter tout le code personnalisé à votre site.
Si vous désactivez accidentellement le plugin, le code sera toujours stocké en toute sécurité dans votre base de données WordPress. Vous pouvez simplement réinstaller ou réactiver le plugin et le code recommencera à apparaître.
Remarque : Vous devrez peut-être vider votre cache WordPress après avoir enregistré les modifications, afin que le code apparaisse correctement sur le front-end de votre site Web.
Nous avons découvert que la principale raison pour laquelle de nombreux débutants utilisent le plugin WPCode est d'ajouter Google Analytics à leur site Web. Pour cela, nous vous recommandons d’utiliser le plugin gratuit MonsterInsights.
MonsterInsights est le meilleur plugin Google Analytics pour WordPress. Il vous aide à configurer correctement le suivi Google Analytics en quelques clics et vous affiche des statistiques utiles directement dans votre tableau de bord WordPress.
Pour obtenir des instructions étape par étape, consultez ce didacticiel sur la façon d'installer Google Analytics dans WordPress.
Nous espérons que cet article vous a aidé à apprendre à ajouter facilement du code d’en-tête et de pied de page dans WordPress. Vous voudrez peut-être également consulter notre comparaison des meilleurs services de marketing par e-mail et des meilleurs services de téléphonie professionnelle.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.