Créer son en-tête (header) et son pied de page (footer)

Niveau : Débutant

Objectif : structurer la navigation et renforcer la crédibilité.

Plan d’action pas à pas

Commence par lire l’étape une première fois pour bien comprendre le résultat attendu.
Depuis le menu Apparence > Menus, ouvre la section concernée.
Exécute cette partie sans sauter de sous-étape : Header: logo, menu principal, bouton d’action prioritaire.
Exemple simple : Garde 5 à 7 items max, avec un intitulé compréhensible en 1 seconde.
Sauvegarde immédiatement les modifications avant de passer au point suivant.
Contrôle la lisibilité mobile (tailles, espacements, boutons).
Utilise prévisualisation mobile pour fiabiliser ton résultat.
Point de vigilance : surcharger la navigation.
Contrôle final : Teste le menu desktop + burger mobile.
Quand ce point est validé, passe à la suite et garde la même méthode.

Prends 2 minutes pour cadrer ce que tu veux obtenir avec cette action.
Rends-toi dans Apparence > Personnaliser pour appliquer la modification.
Applique précisément : Footer: coordonnées, liens légaux, réseaux sociaux utiles.
Cas concret recommandé : Définis une palette courte et une typo principale + une secondaire.
Enregistre, puis rafraîchis la page pour vérifier que le changement est bien pris en compte.
Passe en vue smartphone/tablette pour éviter les mauvaises surprises.
Le bon réflexe : vérifier via aperçu desktop/tablette/mobile.
Erreur fréquente à éviter : multiplier couleurs et polices.
Validation attendue : Contrôle contraste, lisibilité et cohérence visuelle.
Une fois validé, passe au chapitre suivant sans toucher au reste.

Commence par lire l’étape une première fois pour bien comprendre le résultat attendu.
Depuis le menu Apparence > Menus, ouvre la section concernée.
Exécute cette partie sans sauter de sous-étape : Créer des menus séparés (principal + footer).
Exemple simple : Garde 5 à 7 items max, avec un intitulé compréhensible en 1 seconde.
Sauvegarde immédiatement les modifications avant de passer au point suivant.
Contrôle la lisibilité mobile (tailles, espacements, boutons).
Utilise prévisualisation mobile pour fiabiliser ton résultat.
Point de vigilance : surcharger la navigation.
Contrôle final : Teste le menu desktop + burger mobile.
Quand ce point est validé, passe à la suite et garde la même méthode.

Commence par lire l’étape une première fois pour bien comprendre le résultat attendu.
Depuis le menu Tableau de bord WordPress, ouvre la section concernée.
Exécute cette partie sans sauter de sous-étape : Limiter le nombre de liens pour garder de la clarté.
Exemple simple : Utilise des noms simples et des réglages lisibles.
Sauvegarde immédiatement les modifications avant de passer au point suivant.
Contrôle la lisibilité mobile (tailles, espacements, boutons).
Utilise prévisualisation WordPress pour fiabiliser ton résultat.
Point de vigilance : faire plusieurs changements simultanés sans test.
Contrôle final : Recharge la page concernée et vérifie que le résultat est visible.
Quand ce point est validé, passe à la suite et garde la même méthode.

Avant d’agir, clarifie l’objectif de cette étape pour éviter les réglages inutiles.
Accède à Tableau de bord WordPress et prépare ton écran de travail.
Action concrète : Tester le comportement sticky et la lisibilité mobile.
Exemple terrain pour amateur : Utilise des noms simples et des réglages lisibles.
Valide le changement avec un “voir la page” pour contrôler le rendu réel.
Teste ensuite sur mobile : c’est souvent là que les défauts apparaissent en premier.
Appuie-toi sur prévisualisation WordPress pour valider techniquement l’étape.
Ne tombe pas dans ce piège : faire plusieurs changements simultanés sans test.
Checklist rapide : Recharge la page concernée et vérifie que le résultat est visible.
Si tout est bon, documente ce réglage puis continue le tutoriel.