Sélectionner une page


Vous rencontrez des difficultés pour ajouter du code à l’en-tête ou au pied de page WordPress? De nombreux outils et scripts de suivi vous obligent à ajouter des extraits de code à l’en-tête ou au pied de page de votre site WordPress. Cependant, par défaut, WordPress ne rend pas l’édition de ces fichiers très accessible.

Dans cette entrée, nous allons vous montrer comment coller du code dans l’en-tête ou le pied de page WordPress à l’aide d’un Plugin WordPress ou ajoutez manuellement le code à votre fichier functions.php. Pour la plupart des utilisateurs, la méthode du plug-in est la méthode recommandée. Cependant, les utilisateurs avancés de WordPress peuvent préférer la méthode du code manuel.

Vous pouvez cliquer sur les liens ci-dessous pour accéder directement à votre méthode préférée:

Voici comment ajouter du code à l’en-tête et au pied de page WordPress avec un plugin

Pour la plupart des utilisateurs, le moyen le plus simple d’ajouter du code à l’en-tête et au pied de page WordPress consiste à utiliser un plugin. Les avantages de l’utilisation d’un plugin par rapport à la méthode manuelle de la section suivante sont:

  • Vos extraits de code seront conservés si jamais vous changez de sujet.
  • Le plugin facilite l’ajout d’extraits de code à l’en-tête ou au pied de page de Votre page d’accueilce qui peut être utile dans certains cas d’utilisation.
  • Le plugin est plus convivial pour les débutants car il n’est pas nécessaire de creuser dans le code.

Bien qu’il existe plusieurs plugins qui offrent cette fonctionnalité, nous recommandons le Plugin pour les injections tête, pied et post par Stefano Lissa car il vous donne plus de contrôle que la plupart des alternatives. Il y a actuellement plus de 200 000 installations avec une note de 5 étoiles sur 5 actives.

Plugin WordPress d'en-tête et de pied de page

Plugin WordPress d’en-tête et de pied de page

Étape 1: installation et activation des injections tête, pied et post

Les injections de tête, de pied de page et de publication sont disponibles gratuitement sur WordPress.org installez-le et activez-le directement depuis votre tableau de bord WordPress Plugins → Ajouter un nouveau et recherchez-le:

Installez le plugin

Installez le plugin

Étape 2: ajoutez un extrait de code aux injections de tête, de pied et de publication

Une fois que vous avez activé le plugin, vous pouvez accéder à l’interface utilisateur en allant sur Paramètres → En-tête et pied de page dans votre tableau de bord WordPress. Vous verrez un certain nombre d’onglets dans l’interface du plugin. Dans ce manuel, cependant, vous travaillerez principalement avec le paramètre par défaut Tête et orteil Languette:

Interface utilisateur pour les injections tête, pied et post

Interface utilisateur pour les injections tête, pied et post

Pour ajouter du code à l’en-tête de votre site, vous devez le coller dans l’un des champs ci-dessous SECTION D’INJECTION Surface:

  • De chaque côté – Ajoute l’extrait de code à l’en-tête de chaque page de votre site. C’est ce que vous souhaitez utiliser la plupart du temps.
  • Page d’accueil uniquement – Ajoute uniquement l’extrait de code à l’en-tête de votre page d’accueil.

Par exemple pour Ajouter le code de suivi Google Analytics à WordPress, Vous voudriez simplement le coller là-dedans De chaque côté Box et enregistrez vos modifications:

Exemple d'ajout de code à l'en-tête

Exemple d’ajout de code à l’en-tête

Pour ajouter du code au pied de page de votre site, vous pouvez faire défiler vers le bas AVANT LE ÉTIQUETTE DE CLÔTURE (PIED DE PIED) Possibilité. Ici aussi, vous avez deux options, mais elles diffèrent de la zone d’en-tête:

  • Bureau – Malgré le nom, le code sera ajouté au pied de page des versions bureau et mobile de votre site Web. sauf si vous cochez spécifiquement la case Mobile.
  • Téléphone portable, téléphone portable – – s’il est activé, C’est un excellent moyen d’ajouter un autre extrait de code à la version mobile de votre site Web.

Si vous souhaitez simplement ajouter un extrait de code à la zone de pied de page pour Tous les utilisateurs, quels que soient leurs appareils, ajoutez-le au Bureau Boîte et partez Téléphone portable, téléphone portable désactivé::

Exemple d'ajout de code au pied de page

Exemple d’ajout de code au pied de page

Si nécessaire, vous pouvez ajouter plusieurs fragments de code à chaque boîte.

BONUS – Ajouter du code à l’en-tête et au pied de page des pages Google AMP

Une autre bonne chose à propos de ce plugin est si vous êtes avec Google AMP pour WordPressAvec le plugin, vous pouvez insérer des extraits de code spéciaux dans l’en-tête et le pied de page des versions Google AMP de vos pages (tant que vous l’utilisez plugin AMP officiel d’Automattic).

Pour ce faire, allez à AMP Tab dans En-tête et pied de page et collez votre extrait de code dans le champ approprié:

Interface Google AMP

Interface Google AMP

Si tout ce que vous avez à faire est d’ajouter diverses fonctions PHP sur le site Web, nous vous recommandons également d’essayer les fonctions gratuites. Plugin d’extraits de code. Vous n’avez pas besoin d’ajouter des extraits personnalisés au fichier functions.php de votre sujet. Il y a actuellement plus de 100 000 installations actives avec une note de 5 étoiles sur 5.

Extraits de code Plugin WordPress

Extraits de code Plugin WordPress

Ajout manuel de code à l’en-tête et au pied de page WordPress

Si vous n’êtes pas familier avec les bases de PHP, nous vous recommandons de vous en tenir à la méthode du plugin décrite ci-dessus. La méthode manuelle peut être trop compliquée pour vous.

Cette section vous montre comment ajouter manuellement des extraits de code à l’en-tête et au pied de page de votre rubrique à l’aide du fichier functions.php.

Si vous souhaitez continuer avec cette méthode via le plugin de la section précédente, il est essentiel que vous utilisiez un thème enfant WordPress pour effectuer vos modifications. Sauf si vous utilisez un sous-thème, tout code que vous ajoutez à votre en-tête ou pied de page sera écrasé lorsque vous mettrez à jour votre thème WordPress.

De nombreux développeurs proposent un sous-sujet. Si votre développeur ne le fait pas, voici comment procéder Comment créer un thème enfant WordPress. Une fois que votre sous-sujet est prêt, vous pouvez suivre les étapes suivantes pour ajouter du code à l’en-tête ou au pied de page de votre sujet.

Bien que vous puissiez ajouter des extraits de code directement au vôtre header.php et footer.php Fichiers, une meilleure façon est d’utiliser les vôtres functions.php Fichier et le hook WordPress correspondant. De cette façon, vous pouvez conserver tous vos extraits de code au même endroit et éviter de modifier les fichiers de sujets principaux.

Étape 1: préparer des extraits de code

Pour commencer, nous allons vous donner un aperçu approximatif pour ajouter du code à la fois dans votre en-tête et votre pied de page.

Utilisez cet extrait de code pour ajouter du code à votre en-tête:

/* Describe what the code snippet does so you can remember later on */
add_action('wp_head', 'your_function_name');
function your_function_name(){
?>
PASTE HEADER CODE HERE
<?php
};

Utilisez cet extrait de code pour ajouter du code à votre pied de page:

/* Describe what the code snippet does so you can remember later on */
add_action('wp_footer', 'your_function_name');
function your_function_name(){
?>
PASTE FOOTER CODE HERE
<?php
};

Assurez-vous de modifier les éléments suivants pour chaque extrait de code:

  • La description du commentaire (utile lorsque vous devez vous souvenir de ce que fait un extrait de code un an plus tard)
  • le Votre_nom_fonction Espace réservé (les deux instances)
  • le COLLER LE CODE X ICI espace réservé

Étape 2: Ajout d’extraits de code au fichier functions.php dans le thème enfant

Une fois que vous avez les extraits de code appropriés, vous devrez les ajouter à la functions.php Dossier du sujet de votre enfant. Vous pouvez éditer ce fichier soit en vous connectant à votre site via FTP. Ou vous pouvez aller à Apparence → Editeur et choisissez le functions.php Déposer. Collez ensuite votre code à la fin du fichier:

Ajouter du code au fichier functions.php

Ajouter du code au fichier functions.php

Assurez-vous d’enregistrer vos modifications et vous avez terminé!

BONUS: ajoutez du code à l’en-tête ou au pied de page pour des pages spécifiques uniquement

Si vous souhaitez plus de contrôle sur l’emplacement de vos extraits de code d’en-tête ou de pied de page, vous pouvez les utiliser si Instructions pour ajouter le code à des pages spécifiques de votre site WordPress uniquement.

Par exemple pour Ajoutez simplement des extraits de code à l’en-tête ou au pied de page de votre page d’accueil, Vous pouvez utiliser:

/* Describe what the code snippet does so you can remember later on */
add_action('wp_head', 'your_function_name');
function your_function_name(){
if(is_front_page()) {  ?>
PASTE HEADER CODE HERE
<?php  }
};

Une autre option consiste à Ajoutez simplement les extraits de code certains articles ou pages. Vous pouvez utiliser cet extrait de code pour ce faire:

/* Describe what the code snippet does so you can remember later on */
add_action('wp_head', 'your_function_name');
function your_function_name(){
if(is_single(73790)) {  ?>
PASTE HEADER CODE HERE
<?php  }
};

Assurez-vous de remplacer le numéro d’exemple – 73790 – par le ID réel du message ou de la page Vous souhaitez ajouter les extraits de code.

En cas de doute, utilisez le plugin

Cela conclut notre guide sur l’ajout de code à l’en-tête ou au pied de page de votre site WordPress. Si les exemples de code manuel prêtent à confusion, nous vous recommandons d’utiliser la méthode du plugin. Il est beaucoup plus convivial pour les débutants et vous offre généralement autant de fonctionnalités.


Si vous avez apprécié ce tutoriel, vous allez adorer notre support. Tous les plans d’hébergement de Kinsta incluent le support 24/7 de nos développeurs et ingénieurs WordPress chevronnés. Discutez avec la même équipe qui prend en charge nos clients Fortune 500. Découvrez nos plans



Source link

Recent Posts