Chapitre 8 : Menus/Widgets
1. Créer et gérer les Menus
Le menu est l'élément de navigation principal situé généralement en haut du site (Header). Dans WordPress, vous pouvez créer plusieurs menus et choisir leur emplacement (Apparence > Menus).
Étapes pour créer votre navigation :
- Donnez un nom à votre menu (ex: "Menu Principal").
- Sélectionnez vos pages, articles ou catégories dans la colonne de gauche.
- Cliquez sur "Ajouter au menu".
- Organisez l'ordre par glisser-déposer.
- Gérer les sous-menus : Décalez un élément vers la droite pour en faire un enfant de l'élément supérieur.
- Cochez l'emplacement (ex: "Menu principal").
2. Les Widgets : Ajouter du contenu utile
Les widgets sont des petits blocs de contenu que l'on place dans des zones spécifiques prévues par votre thème (Barre latérale, Pied de page).
La Barre Latérale (Sidebar)
Souvent utilisée pour afficher les derniers articles, une barre de recherche ou vos réseaux sociaux à côté du contenu principal.
Le Pied de page (Footer)
L'endroit idéal pour vos coordonnées, un menu secondaire, vos mentions légales ou un logo de réassurance.
Évolution : Les Widgets de Blocs
Depuis la version 5.8, les zones de widgets s'administrent comme l'éditeur Gutenberg (Apparence > Widgets). Vous pouvez désormais y insérer n'importe quel bloc (image, vidéo, bouton) et plus seulement les anciens widgets limités.
Les Liens Personnalisés
Dans vos menus, vous n'êtes pas limité à vos propres pages. Vous pouvez utiliser l'option "Liens personnalisés" pour pointer vers un site externe (ex: votre profil LinkedIn ou une boutique partenaire).
Conseil Ergonomie
Ne surchargez pas votre menu principal ! Si vous avez plus de 7 éléments, utilisez des menus déroulants (sous-menus) pour garder une interface lisible sur mobile.
Quiz du chapitre 8
Ateliers pratiques & Projets
Testez vos compétences avec nos exercices guidés et le tuteur IA.
Ateliers pratiques & Corrigés détaillés
Ateliers pratiques & Corrigés
#1 — Comprendre les notions
Atelier #1Expliquez avec vos mots le concept central de ce chapitre.
Consulter la solution type du formateur
#2 — Application guidée
Atelier #2Reprenez l'exemple du cours et réalisez un cas pratique.
Consulter la solution type du formateur
#3 — Mini défi d'autonomie
Atelier #3Concevez une mini-solution liée à ce chapitre.