{"id":28266,"date":"2019-07-02T02:18:28","date_gmt":"2019-07-02T09:18:28","guid":{"rendered":"https:\/\/kinqsta.com\/?post_type=knowledgebase&#038;p=13708"},"modified":"2025-10-01T20:52:29","modified_gmt":"2025-10-01T19:52:29","slug":"ajouter-code-wordpress-header-footer","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/","title":{"rendered":"Comment ajouter du code \u00e0 l&rsquo;en-t\u00eate et au pied de page de WordPress"},"content":{"rendered":"<p>Comment ajouter du code au Header (l&rsquo;en-t\u00eate) ou au Footer (le pied de page) de WordPress ? De nombreux outils et scripts de suivi exigent que vous ajoutiez des extraits de code \u00e0 l&rsquo;en-t\u00eate ou au pied de page de votre site WordPress. Mais, par d\u00e9faut, WordPress ne rend pas tr\u00e8s accessible l&rsquo;\u00e9dition de ces fichiers.<\/p>\n<p>Dans cet article, nous allons vous montrer comment ajouter du code \u00e0 l&rsquo;en-t\u00eate ou au pied de page WordPress en utilisant un <a href=\"https:\/\/kinqsta.com\/fr\/blog\/plugin-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin WordPress<\/a> ou en ajoutant manuellement le code \u00e0 votre fichier functions.php. Pour la plupart des utilisateurs, la m\u00e9thode du plugin est la m\u00e9thode recommand\u00e9e. Mais les utilisateurs de WordPress avanc\u00e9s et interm\u00e9diaires peuvent pr\u00e9f\u00e9rer utiliser la m\u00e9thode du code manuel, \u00e0 la place.<\/p>\n<p>Vous pouvez cliquer sur les liens ci-dessous pour acc\u00e9der directement \u00e0 la m\u00e9thode de votre choix :<\/p>\n<ul>\n<li><a href=\"#plugin\">Comment ajouter du code \u00e0 l&rsquo;en-t\u00eate et au pied de page WordPress avec un plugin<\/a><\/li>\n<li><a href=\"#manual\">Comment ajouter manuellement du code \u00e0 l&rsquo;en-t\u00eate et au pied de page de WordPress<\/a><\/li>\n<\/ul>\n<h2><a id=\"plugin\"><\/a>Comment ajouter du code \u00e0 l&rsquo;en-t\u00eate et au pied de page WordPress avec un plugin<\/h2>\n<p>Pour la plupart des utilisateurs, la fa\u00e7on la plus simple d&rsquo;ajouter du code \u00e0 l&rsquo;en-t\u00eate et au pied de page de WordPress est d&rsquo;utiliser un plugin. Les avantages de l&rsquo;utilisation d&rsquo;un plugin par rapport \u00e0 la m\u00e9thode manuelle dans la section suivante sont les suivants :<\/p>\n<ul>\n<li>Vos extraits de code resteront intacts si vous changez de th\u00e8me.<\/li>\n<li>Le plugin permet d&rsquo;ajouter facilement des extraits de code \u00e0 l&rsquo;en-t\u00eate ou au pied de page <strong>de votre page d&rsquo;accueil<\/strong>, ce qui peut \u00eatre utile dans certains cas d&rsquo;utilisation.<\/li>\n<li>Le plugin est plus convivial pour les d\u00e9butants car il ne n\u00e9cessite pas de creuser dans le code.<\/li>\n<\/ul>\n<p>Bien qu&rsquo;il existe plusieurs plugins qui offrent cette fonctionnalit\u00e9, nous recommandons le <a href=\"https:\/\/wordpress.org\/plugins\/header-footer\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin Head, Footer and Post Injections<\/a> de Stefano Lissa parce qu&rsquo;il vous donne plus de contr\u00f4le que la plupart des alternatives. Il a plus de 200.000 installations actives avec une note de 5 \u00e9toiles sur 5.<\/p>\n<figure style=\"width: 1539px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/header-footer\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/10\/plugin-header-and-footer-wordpress.png\" alt=\"Plugin Header and Footer WordPress\" width=\"1539\" height=\"495\"><\/a><figcaption class=\"wp-caption-text\">Plugin Header and Footer WordPress<\/figcaption><\/figure>\n<h3>\u00c9tape 1 : Installez et activez Head, Footer and Post Injections.<\/h3>\n<p>Head, Footer and Post Injections est disponible gratuitement sur WordPress.org, vous pouvez donc <a href=\"https:\/\/kinqsta.com\/fr\/blog\/comment-installer-plugins-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">l&rsquo;installer et l&rsquo;activer<\/a> directement depuis votre tableau de bord WordPress en allant sur <strong>Plugins \u2192 Ajouter<\/strong> et en le recherchant :<\/p>\n<figure style=\"width: 942px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/10\/installer-le-plugin.png\" alt=\"Installer le plugin\" width=\"942\" height=\"513\"><figcaption class=\"wp-caption-text\">Installer le plugin<\/figcaption><\/figure>\n<h3>\u00c9tape 2 : Ajout d&rsquo;un extrait dans Head, Footer and Post Injections<\/h3>\n<p>Une fois le plugin activ\u00e9, vous pouvez acc\u00e9der \u00e0 son interface en allant dans <strong>Param\u00e8tres \u2192 Head and Footer<\/strong> dans votre tableau de bord WordPress. Vous verrez un certain nombre d&rsquo;onglets dans l&rsquo;interface du plugin. Mais pour ce guide, vous travaillerez surtout dans l&rsquo;onglet <strong>Head and Footer<\/strong> par d\u00e9faut :<\/p>\n<figure style=\"width: 1136px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/10\/interface-de-header-footer-plugin.png\" alt=\"Interface de Head, Footer and Post Injections\" width=\"1136\" height=\"657\"><figcaption class=\"wp-caption-text\">Interface de Head, Footer and Post Injections<\/figcaption><\/figure>\n<p>Pour ajouter du code \u00e0 l&rsquo;en-t\u00eate de votre site, vous devez le coller dans l&rsquo;une des cases sous la zone <strong>&lt;HEAD&gt; SECTION INJECTION<\/strong> :<\/p>\n<ul>\n<li><strong>Every page<\/strong> &#8211; ajoute l&rsquo;extrait de code \u00e0 l&rsquo;en-t\u00eate de chaque page de votre site. <strong>C&rsquo;est ce que vous voudrez utiliser la plupart du temps.<\/strong><\/li>\n<li><strong>Only home page<\/strong>&#8211; ajoute seulement l&rsquo;extrait de code \u00e0 l&rsquo;en-t\u00eate de votre page d&rsquo;accueil.<\/li>\n<\/ul>\n<p>Par exemple, pour <a href=\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-google-analytics-a-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">ajouter le code de suivi Google Analytics \u00e0 WordPress<\/a>, vous n&rsquo;avez qu&rsquo;\u00e0 le coller dans la zone <strong>Every page<\/strong> et enregistrer vos modifications :<\/p>\n<figure style=\"width: 1262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/10\/exemple-d-ajout-de-code-l-en-tete.png\" alt=\"Exemple d'ajout de code \u00e0 l'en-t\u00eate\" width=\"1262\" height=\"483\"><figcaption class=\"wp-caption-text\">Exemple d&rsquo;ajout de code \u00e0 l&rsquo;en-t\u00eate<\/figcaption><\/figure>\n<p>Pour ajouter du code au pied de page de votre site, vous pouvez faire d\u00e9filer vers le bas jusqu&rsquo;\u00e0 l&rsquo;option <strong>BEFORE THE &lt;\/BODY&gt; CLOSING TAG (FOOTER)<\/strong>. Encore une fois, vous avez deux options, bien qu&rsquo;elles soient diff\u00e9rentes de la section en-t\u00eate :<\/p>\n<ul>\n<li><strong>Desktop<\/strong> &#8211; malgr\u00e9 le nom, cela ajoute du code au pied de page des versions bureau et mobile de votre site, <strong>sauf si vous cochez sp\u00e9cifiquement la case Mobile<\/strong>.<\/li>\n<li><strong>Mobile<\/strong> &#8211; <em>une fois coch\u00e9<\/em>, cela vous permet d&rsquo;ajouter un extrait de code diff\u00e9rent \u00e0 la version mobile de votre site.<\/li>\n<\/ul>\n<p>Si vous souhaitez simplement ajouter un extrait de code dans la section pied de page pour <strong>tous les utilisateurs<\/strong>, quel que soit leur appareil, collez-le dans la case <strong>Desktop<\/strong> et laissez <strong>Mobile<\/strong> <em>d\u00e9coch\u00e9e<\/em> :<\/p>\n<figure style=\"width: 1273px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/10\/exemple-d-ajout-de-code-au-pied-de-page.png\" alt=\"Exemple d'ajout de code au pied de page\" width=\"1273\" height=\"463\"><figcaption class=\"wp-caption-text\">Exemple d&rsquo;ajout de code au pied de page<\/figcaption><\/figure>\n<p>Si n\u00e9cessaire, vous pouvez ajouter plusieurs extraits de code \u00e0 chaque bo\u00eete.<\/p>\n<h3>BONUS &#8211; Ajouter du code \u00e0 l&rsquo;en-t\u00eate et au pied de page des pages Google AMP<\/h3>\n<p>Un autre avantage de ce plugin est que, si vous <a href=\"https:\/\/kinqsta.com\/fr\/blog\/google-amp\/\" target=\"_blank\" rel=\"noopener noreferrer\">utilisez Google AMP pour WordPress<\/a>, le plugin vous permet d&rsquo;ajouter sp\u00e9cifiquement des extraits de code \u00e0 l&rsquo;en-t\u00eate et au pied de page des versions Google AMP de vos pages (tant que <em>vous utilisez le <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin officiel AMP d&rsquo;Automattic<\/a><\/em>).<\/p>\n<p>Pour ce faire, acc\u00e9dez \u00e0 l&rsquo;onglet <strong>AMP<\/strong> dans <strong>Head and Footer<\/strong> et collez votre extrait de code dans la case appropri\u00e9e :<\/p>\n<figure style=\"width: 1071px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/10\/interface-google-amp.png\" alt=\"Interface Google AMP\" width=\"1071\" height=\"561\"><figcaption class=\"wp-caption-text\">Interface Google AMP<\/figcaption><\/figure>\n<p>Si vous avez simplement besoin d&rsquo;ajouter diff\u00e9rentes fonctions PHP sur l&rsquo;ensemble du site, nous vous recommandons \u00e9galement de consulter le <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin gratuit Code Snippets<\/a>. Il \u00e9limine le besoin d&rsquo;ajouter des extraits personnalis\u00e9s au fichier functions.php de votre th\u00e8me. Il a actuellement plus de 100.000 installations actives avec une note de 5 \u00e9toiles sur 5.<\/p>\n<figure style=\"width: 1539px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/10\/plugin-wordpress-code-snippets.jpg\" alt=\"Plugin WordPress Code Snippets\" width=\"1539\" height=\"495\"><\/a><figcaption class=\"wp-caption-text\">Plugin WordPress Code Snippets<\/figcaption><\/figure>\n<h2><a id=\"manual\"><\/a>Comment ajouter manuellement du code \u00e0 l&rsquo;en-t\u00eate et au pied de page de WordPress<\/h2>\n<p><em>Si vous n&rsquo;\u00eates pas familier avec les bases de PHP, nous vous recommandons de vous en tenir \u00e0 la m\u00e9thode du plugin ci-dessus. La m\u00e9thode manuelle pourrait \u00eatre trop compliqu\u00e9e pour vous.<\/em><\/p>\n<p>Dans cette section, vous apprendrez comment ajouter manuellement des extraits de code \u00e0 l&rsquo;en-t\u00eate et au pied de page de votre th\u00e8me via son fichier functions.php.<\/p>\n<p>Si vous voulez continuer avec cette m\u00e9thode plut\u00f4t que le plugin de la section pr\u00e9c\u00e9dente, il est essentiel d&rsquo;utiliser un th\u00e8me enfant WordPress pour faire vos modifications. Si vous n&rsquo;utilisez pas de th\u00e8me enfant, tout code que vous ajoutez \u00e0 votre en-t\u00eate ou pied de page <strong>sera \u00e9cras\u00e9 si vous mettez \u00e0 jour votre th\u00e8me WordPress<\/strong>.<\/p>\n<p>De nombreux d\u00e9veloppeurs proposent un th\u00e8me enfant. Mais si votre d\u00e9veloppeur ne le fait pas, voici un guide sur la <a href=\"https:\/\/kinqsta.com\/fr\/blog\/theme-enfant-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">fa\u00e7on de cr\u00e9er un th\u00e8me enfant WordPress<\/a>. Une fois que votre th\u00e8me enfant est pr\u00eat \u00e0 fonctionner, vous pouvez proc\u00e9der aux \u00e9tapes suivantes pour ajouter du code \u00e0 l&rsquo;en-t\u00eate ou au pied de page de votre th\u00e8me.<\/p>\n<p>Bien que vous puissiez ajouter des extraits de code directement \u00e0 vos fichiers <strong>header.php<\/strong> et <strong>footer.php<\/strong>, une meilleure fa\u00e7on est d&rsquo;utiliser votre fichier <strong>functions.php<\/strong> et le hook WordPress appropri\u00e9. Cela vous permet de conserver tous vos extraits au m\u00eame endroit et d&rsquo;\u00e9viter de modifier les fichiers de th\u00e8me de base.<\/p>\n<h3>\u00c9tape 1 : Pr\u00e9parer des extraits de code<\/h3>\n<p>Pour commencer, nous vous donnerons un cadre approximatif pour ajouter du code \u00e0 la fois \u00e0 votre en-t\u00eate et \u00e0 votre pied de page.<\/p>\n<p><strong>Pour ajouter du code \u00e0 votre en-t\u00eate, utilisez cet extrait de code :<\/strong><\/p>\n<pre><code class=\"language-php\">\/* Describe what the code snippet does so you can remember later on *\/\nadd_action('wp_head', 'your_function_name');\nfunction your_function_name(){\n?&gt;\nPASTE HEADER CODE HERE\n&lt;?php\n};\n<\/code><\/pre>\n<p><strong>Pour ajouter du code \u00e0 votre pied de page, utilisez cet extrait de code :<\/strong><\/p>\n<pre><code class=\"language-php\">\/* Describe what the code snippet does so you can remember later on *\/\nadd_action('wp_footer', 'your_function_name');\nfunction your_function_name(){\n?&gt;\nPASTE FOOTER CODE HERE\n&lt;?php\n};<\/code><\/pre>\n<p>Pour chaque extrait, assurez-vous de changer :<\/p>\n<ul>\n<li>La description du commentaire (<em>utile lorsque vous avez besoin de vous rappeler ce que fait cet extrait de code un an plus tard<\/em>)<\/li>\n<li>Le conteneur <em>your_function_name <\/em>(les deux instances)<\/li>\n<li>L&rsquo;espace r\u00e9serv\u00e9 <em>VOTREX CODE ICI<\/em><\/li>\n<\/ul>\n<h3>\u00c9tape 2 : Ajouter des extraits de code au fichier functions.php dans le th\u00e8me enfant<\/h3>\n<p>Une fois que vous avez le(s) extrait(s) de code pertinent(s) pr\u00eat(s), vous devez les ajouter au fichier <strong>functions.php<\/strong> du th\u00e8me de votre enfant. Vous pouvez soit \u00e9diter ce fichier en vous connectant \u00e0 votre site via FTP. Ou, vous pouvez aller sur <strong>Apparence \u2192 \u00c9diteur<\/strong> et s\u00e9lectionner le fichier <strong>functions.php<\/strong>. Ensuite, collez votre code \u00e0 la fin du fichier :<\/p>\n<figure id=\"attachment_28275\" aria-describedby=\"caption-attachment-28275\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-28275\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/ajouter-du-code-au-fichier-functions-php-.png\" alt=\"Ajouter du code au fichier functions.php\" width=\"768\" height=\"423\" srcset=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/ajouter-du-code-au-fichier-functions-php-.png 768w, https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/ajouter-du-code-au-fichier-functions-php--300x165.png 300w, https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/ajouter-du-code-au-fichier-functions-php--610x336.png 610w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-28275\" class=\"wp-caption-text\">Ajouter du code au fichier functions.php<\/figcaption><\/figure>\n<p>N&rsquo;oubliez pas de sauvegarder vos modifications et c&rsquo;est termin\u00e9 !<\/p>\n<h3>BONUS : Ajouter un code \u00e0 l&rsquo;en-t\u00eate ou au pied de page pour des pages sp\u00e9cifiques seulement.<\/h3>\n<p>Si vous voulez avoir plus de contr\u00f4le sur l&rsquo;endroit o\u00f9 vos extraits de code d&rsquo;en-t\u00eate ou de pied de page apparaissent, vous pouvez utiliser les instructions <em>if<\/em> pour ajouter seulement le code \u00e0 des pages sp\u00e9cifiques sur votre site WordPress.<\/p>\n<p>Par exemple, pour <strong>n&rsquo;ajouter que des extraits de code \u00e0 l&rsquo;en-t\u00eate ou au pied de page de votre page d&rsquo;accueil<\/strong>, vous pouvez utiliser :<\/p>\n<pre><code class=\"language-php\">\/* Describe what the code snippet does so you can remember later on *\/\nadd_action('wp_head', 'your_function_name');\nfunction your_function_name(){\nif(is_front_page()) {  ?&gt;\nPASTE HEADER CODE HERE\n&lt;?php  }\n};\n<\/code><\/pre>\n<p>Une autre option est de <strong>n&rsquo;ajouter que les extraits de code \u00e0 des articles ou pages sp\u00e9cifiques<\/strong>. Pour ce faire, vous pouvez utiliser cet extrait de code :<\/p>\n<pre><code class=\"language-php\">\/* Describe what the code snippet does so you can remember later on *\/\nadd_action('wp_head', 'your_function_name');\nfunction your_function_name(){\nif(is_single(73790)) {  ?&gt;\nPASTE HEADER CODE HERE\n&lt;?php  }\n};\n<\/code><\/pre>\n<p>Assurez-vous de remplacer le num\u00e9ro d&rsquo;exemple &#8211; 73790 &#8211; par l&rsquo;<a href=\"https:\/\/kinqsta.com\/fr\/blog\/obtenir-id-article-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">ID r\u00e9el de l\u2019article ou de la page<\/a> \u00e0 laquelle vous voulez ajouter les extraits de code.<\/p>\n<h2>En cas de doute, utilisez le plugin<\/h2>\n<p>Voil\u00e0 qui r\u00e9sume notre guide sur la fa\u00e7on d&rsquo;ajouter du code \u00e0 l&rsquo;en-t\u00eate ou au pied de page de votre site WordPress. Si les exemples de codes manuels sont d\u00e9routants, nous vous recommandons d&rsquo;utiliser la m\u00e9thode du plugin. Il est beaucoup plus convivial pour les d\u00e9butants et, la plupart du temps, il vous offre autant de fonctionnalit\u00e9s.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comment ajouter du code au Header (l&rsquo;en-t\u00eate) ou au Footer (le pied de page) de WordPress ? De nombreux outils et scripts de suivi exigent que &#8230;<\/p>\n","protected":false},"author":45,"featured_media":28276,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1039],"class_list":["post-28266","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-conseils-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment ajouter du code dans le Header et Footer de WordPress (2 fa\u00e7ons simples)<\/title>\n<meta name=\"description\" content=\"Comment ajouter du code \u00e0 l&#039;en-t\u00eate ou au pied de page de WordPress ? D\u00e9couvrez ces m\u00e9thodes simples et rapides, \u00e0 la fois avec un plugin et manuellement avec du code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment ajouter du code \u00e0 l&#039;en-t\u00eate et au pied de page de WordPress\" \/>\n<meta property=\"og:description\" content=\"Comment ajouter du code \u00e0 l&#039;en-t\u00eate ou au pied de page de WordPress ? D\u00e9couvrez ces m\u00e9thodes simples et rapides, \u00e0 la fois avec un plugin et manuellement avec du code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-02T09:18:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:52:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/01\/editeur-texte.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"390\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Colin Newcomer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Comment ajouter du code \u00e0 l&#039;en-t\u00eate ou au pied de page de WordPress ? D\u00e9couvrez ces m\u00e9thodes simples et rapides, \u00e0 la fois avec un plugin et manuellement avec du code.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/10\/add-code-wordpress-header-footer-7.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Newcomer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\"},\"author\":{\"name\":\"Colin Newcomer\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/0a1a784034f2369446a78805cb9292bc\"},\"headline\":\"Comment ajouter du code \u00e0 l&rsquo;en-t\u00eate et au pied de page de WordPress\",\"datePublished\":\"2019-07-02T09:18:28+00:00\",\"dateModified\":\"2025-10-01T19:52:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\"},\"wordCount\":1651,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/comment-ajouter-du-code-a-l-en-tete-et-au-pied-de-page-de-wordpress.png\",\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\",\"url\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\",\"name\":\"Comment ajouter du code dans le Header et Footer de WordPress (2 fa\u00e7ons simples)\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/comment-ajouter-du-code-a-l-en-tete-et-au-pied-de-page-de-wordpress.png\",\"datePublished\":\"2019-07-02T09:18:28+00:00\",\"dateModified\":\"2025-10-01T19:52:29+00:00\",\"description\":\"Comment ajouter du code \u00e0 l'en-t\u00eate ou au pied de page de WordPress ? D\u00e9couvrez ces m\u00e9thodes simples et rapides, \u00e0 la fois avec un plugin et manuellement avec du code.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/comment-ajouter-du-code-a-l-en-tete-et-au-pied-de-page-de-wordpress.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/comment-ajouter-du-code-a-l-en-tete-et-au-pied-de-page-de-wordpress.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conseils WordPress\",\"item\":\"https:\/\/kinqsta.com\/fr\/sujets\/conseils-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment ajouter du code \u00e0 l&rsquo;en-t\u00eate et au pied de page de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#website\",\"url\":\"https:\/\/kinqsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/0a1a784034f2369446a78805cb9292bc\",\"name\":\"Colin Newcomer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dbfc60b99dd357e490f84ef7099dc25c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dbfc60b99dd357e490f84ef7099dc25c?s=96&d=mm&r=g\",\"caption\":\"Colin Newcomer\"},\"description\":\"Colin Newcomer is a freelance writer with over 10 years of experience with WordPress and internet marketing. You can connect with him on Twitter or at cnewcomer.com.\",\"url\":\"https:\/\/kinqsta.com\/fr\/blog\/author\/colinnewcomer\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment ajouter du code dans le Header et Footer de WordPress (2 fa\u00e7ons simples)","description":"Comment ajouter du code \u00e0 l'en-t\u00eate ou au pied de page de WordPress ? D\u00e9couvrez ces m\u00e9thodes simples et rapides, \u00e0 la fois avec un plugin et manuellement avec du code.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment ajouter du code \u00e0 l'en-t\u00eate et au pied de page de WordPress","og_description":"Comment ajouter du code \u00e0 l'en-t\u00eate ou au pied de page de WordPress ? D\u00e9couvrez ces m\u00e9thodes simples et rapides, \u00e0 la fois avec un plugin et manuellement avec du code.","og_url":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2019-07-02T09:18:28+00:00","article_modified_time":"2025-10-01T19:52:29+00:00","og_image":[{"width":900,"height":390,"url":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/01\/editeur-texte.jpg","type":"image\/jpeg"}],"author":"Colin Newcomer","twitter_card":"summary_large_image","twitter_description":"Comment ajouter du code \u00e0 l'en-t\u00eate ou au pied de page de WordPress ? D\u00e9couvrez ces m\u00e9thodes simples et rapides, \u00e0 la fois avec un plugin et manuellement avec du code.","twitter_image":"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/10\/add-code-wordpress-header-footer-7.png","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Colin Newcomer","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/"},"author":{"name":"Colin Newcomer","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/0a1a784034f2369446a78805cb9292bc"},"headline":"Comment ajouter du code \u00e0 l&rsquo;en-t\u00eate et au pied de page de WordPress","datePublished":"2019-07-02T09:18:28+00:00","dateModified":"2025-10-01T19:52:29+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/"},"wordCount":1651,"publisher":{"@id":"https:\/\/kinqsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/comment-ajouter-du-code-a-l-en-tete-et-au-pied-de-page-de-wordpress.png","inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/","url":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/","name":"Comment ajouter du code dans le Header et Footer de WordPress (2 fa\u00e7ons simples)","isPartOf":{"@id":"https:\/\/kinqsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/comment-ajouter-du-code-a-l-en-tete-et-au-pied-de-page-de-wordpress.png","datePublished":"2019-07-02T09:18:28+00:00","dateModified":"2025-10-01T19:52:29+00:00","description":"Comment ajouter du code \u00e0 l'en-t\u00eate ou au pied de page de WordPress ? D\u00e9couvrez ces m\u00e9thodes simples et rapides, \u00e0 la fois avec un plugin et manuellement avec du code.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#primaryimage","url":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/comment-ajouter-du-code-a-l-en-tete-et-au-pied-de-page-de-wordpress.png","contentUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/07\/comment-ajouter-du-code-a-l-en-tete-et-au-pied-de-page-de-wordpress.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Conseils WordPress","item":"https:\/\/kinqsta.com\/fr\/sujets\/conseils-wordpress\/"},{"@type":"ListItem","position":3,"name":"Comment ajouter du code \u00e0 l&rsquo;en-t\u00eate et au pied de page de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/fr\/#website","url":"https:\/\/kinqsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinqsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/0a1a784034f2369446a78805cb9292bc","name":"Colin Newcomer","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dbfc60b99dd357e490f84ef7099dc25c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dbfc60b99dd357e490f84ef7099dc25c?s=96&d=mm&r=g","caption":"Colin Newcomer"},"description":"Colin Newcomer is a freelance writer with over 10 years of experience with WordPress and internet marketing. You can connect with him on Twitter or at cnewcomer.com.","url":"https:\/\/kinqsta.com\/fr\/blog\/author\/colinnewcomer\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts\/28266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/comments?post=28266"}],"version-history":[{"count":3,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts\/28266\/revisions"}],"predecessor-version":[{"id":28278,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts\/28266\/revisions\/28278"}],"alternate":[{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/28266\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/28266\/translations\/pt"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/28266\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/28266\/translations\/jp"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/28266\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/28266\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/28266\/translations\/it"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/28266\/translations\/en"},{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/28266\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/media\/28276"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/media?parent=28266"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/tags?post=28266"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/topic?post=28266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}