Comment créer et personnaliser un footer sur WordPress

Introduction

Le footer (pied de page) est une composante essentielle de tout site WordPress. Il joue un rôle clé dans l’expérience utilisateur, la crédibilité de votre marque et la structure de vos liens internes, et peut contribuer indirectement au SEO lorsqu’il est bien conçu. Ce guide complet vous accompagne pas à pas pour créer, modifier et optimiser un footer efficace sur WordPress, que vous utilisiez un thème classique, un thème basé sur les blocs ou un constructeur de pages.

Qu’est-ce qu’un footer sur WordPress ?

Le footer est la zone située tout en bas de vos pages. Il apparaît généralement sur l’ensemble du site et contient des informations et éléments transverses utiles aux visiteurs.

Éléments clés d’un footer efficace

• Positionnement : le footer se trouve au bas de chaque page ou, au minimum, des principales pages du site.
• Contenu : il inclut souvent des informations légales, des liens vers les pages importantes, des coordonnées, des liens vers les réseaux sociaux et parfois un formulaire de contact ou d’inscription à une newsletter.
• Design : le footer doit être cohérent avec l’identité visuelle du site, lisible, responsive et accessible sur mobile comme sur ordinateur.
• Structure : un bon footer est organisé en colonnes ou en blocs logiques (par exemple : « Navigation », « Contact », « Réseaux sociaux », « Informations légales »).

Les principales méthodes pour créer ou modifier un footer sur WordPress

La manière de modifier votre footer dépend principalement du type de thème et des outils utilisés. Voici les approches les plus courantes :

• Via l’éditeur de site / éditeur de blocs (Full Site Editing) : pour les thèmes modernes basés sur les blocs.
• Via les widgets de pied de page : pour les thèmes classiques qui proposent des zones de widgets en footer.
• Via le fichier footer.php d’un thème enfant : pour une personnalisation avancée en code.
• Via un constructeur de thème ou de page (Elementor, SeedProd, etc.) : pour créer un footer sur-mesure en glisser-déposer.
• Via des plugins dédiés à l’insertion de scripts : pour ajouter facilement du code dans le footer sans toucher aux fichiers du thème.

Méthode 1 : Créer ou modifier un footer avec l’éditeur de site (thèmes blocs)

Si vous utilisez un thème WordPress basé sur les blocs (souvent appelé « block theme »), vous pouvez modifier le footer directement depuis l’éditeur de site.

Accéder au footer avec un thème blocs

1. Connectez-vous à votre tableau de bord WordPress.
2. Allez dans Apparence > Éditeur (ou « Éditeur de site » selon la version).
3. Ouvrez le modèle principal (par exemple « Page d’accueil » ou « Modèle par défaut »).
4. Descendez jusqu’en bas de la page pour localiser la zone du pied de page.

Modifier la structure et le contenu du footer

Dans l’éditeur de blocs :

• Cliquez dans la zone du footer pour afficher les options de blocs.
• Ajoutez de nouveaux blocs (par exemple « Navigation », « Icônes de réseaux sociaux », « Titre du site », « Paragraphe », « Image », etc.).
• Réorganisez les blocs en colonnes si nécessaire (par exemple 3 ou 4 colonnes pour structurer votre contenu).
• Personnalisez les couleurs, la typographie et les espacements via le panneau de réglages.
• Enregistrez puis visualisez le résultat sur plusieurs types d’écrans (mobile, tablette, ordinateur).

Avantages de l’éditeur de site

• Pas besoin de coder.
• Prévisualisation en temps réel.
• Contrôle global sur la structure du footer.

Méthode 2 : Créer un footer avec les widgets (thèmes classiques)

De nombreux thèmes WordPress classiques fournissent une ou plusieurs zones de widgets spécialement dédiées au footer.

Accéder aux widgets de footer

1. Dans le tableau de bord, allez dans Apparence > Widgets.
2. Repérez les zones nommées Footer, Pied de page ou similaires (Footer 1, Footer 2, etc.).
3. Glissez-déposez les widgets souhaités dans ces zones (menu de navigation, texte, HTML personnalisé, icônes sociales, formulaire de newsletter, etc.).
4. Enregistrez chaque widget après l’avoir configuré.

Types de widgets utiles pour un footer

• Texte ou HTML personnalisé : pour ajouter un texte de copyright, un slogan, ou du code HTML simple.
• Menu de navigation : pour créer un menu spécifique au footer (pages légales, contact, plan du site).
• Icônes sociales : pour renvoyer vers vos réseaux sociaux.
• Formulaire d’inscription à la newsletter : via un plugin de mailing.
• Widget de contact : pour afficher adresse, téléphone, horaires, ou un lien vers la page de contact.

Méthode 3 : Modifier le footer via le fichier footer.php (thème enfant recommandé)

Pour les utilisateurs avancés, il est possible de modifier la structure du footer directement dans le code, via le fichier footer.php. Il est vivement conseillé de passer par un thème enfant pour éviter de perdre vos modifications lors des mises à jour du thème.

Étapes de base

1. Créez et activez un thème enfant si ce n’est pas déjà fait.
2. Copiez le fichier footer.php du thème parent dans le dossier du thème enfant.
3. Éditez ce fichier via un éditeur de code (ou via Apparence > Éditeur de fichiers de thème si vous savez ce que vous faites).
4. Repérez les éléments à modifier, par exemple le texte de type « Propulsé par WordPress » ou la structure de colonnes.
5. Enregistrez et testez les modifications sur le site en conditions réelles.

Précautions à prendre

• Effectuez une sauvegarde complète avant toute modification de code.
• Testez sur un site de préproduction lorsque c’est possible.
• Vérifiez que le code HTML et PHP reste valide pour éviter les erreurs fatales.

Méthode 4 : Créer un footer personnalisé avec un constructeur de thème (Elementor, SeedProd, etc.)

Si vous utilisez un constructeur de pages ou de thèmes, vous pouvez créer un footer entièrement sur-mesure en glisser-déposer, sans toucher au code.

Créer un footer global avec un constructeur de thème

De nombreux constructeurs proposent un Theme Builder permettant de définir un modèle de footer appliqué à tout le site.

Le principe général est le suivant :

1. Installez et activez le plugin de constructeur et son éventuel module de Theme Builder.
2. Accédez à la section dédiée aux modèles de thème (par exemple « Theme Builder » ou « Header & Footer »).
3. Créez un nouveau modèle de type Pied de page ou Footer global.
4. Concevez votre footer en glisser-déposer : colonnes, menus, icônes sociales, logo, formulaire d’inscription, etc.
5. Définissez les conditions d’affichage (par exemple « Afficher sur tout le site »).
6. Publiez le modèle et vérifiez le rendu sur plusieurs pages.

Création d’un footer uniquement pour certaines pages

Certains constructeurs permettent aussi de créer un footer spécifique pour une page d’atterrissage ou une section du site en particulier. Vous pouvez ainsi :

• Définir un footer minimaliste pour vos pages de vente.
• Utiliser un footer différent pour votre blog et pour vos pages institutionnelles.

Méthode 5 : Ajouter des scripts ou du CSS dans le footer via un plugin

Pour insérer du code (par exemple des scripts de suivi ou un code HTML spécifique) dans le footer, vous pouvez utiliser un plugin d’insertion d’en-têtes et de pieds de page. Ces plugins permettent d’ajouter du code sans modifier directement les fichiers du thème.

Exemple d’utilisation

1. Installez un plugin d’insertion de scripts dans l’en-tête et le pied de page.
2. Activez le plugin.
3. Allez dans son menu dédié dans l’administration WordPress.
4. Collez votre code dans la zone prévue pour le footer.
5. Enregistrez et testez le fonctionnement du site.

Masquer un footer par CSS

Si vous souhaitez masquer temporairement le footer, vous pouvez ajouter un extrait de code CSS personnalisé, par exemple dans le personnalisateur de thème (Apparence > Personnaliser > CSS additionnel) :

footer { display: none;
}

Ce code cache l’affichage de la balise