Chapitre 8 : Menus/Widgets

Écouter la leçon Lecture audio assistée par IA

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 :
  1. Donnez un nom à votre menu (ex: "Menu Principal").
  2. Sélectionnez vos pages, articles ou catégories dans la colonne de gauche.
  3. Cliquez sur "Ajouter au menu".
  4. Organisez l'ordre par glisser-déposer.
  5. Gérer les sous-menus : Décalez un élément vers la droite pour en faire un enfant de l'élément supérieur.
  6. 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.

Évaluation des acquis

Quiz du chapitre 8

Correction immédiate
Q1 Qu'est-ce qu'un lien personnalisé dans un menu ?
Q2 Où s'affichent majoritairement les widgets ?
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 #1

Expliquez avec vos mots le concept central de ce chapitre.

Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Reportez-vous au cours */
#2 — Application guidée
Atelier #2

Reprenez l'exemple du cours et réalisez un cas pratique.

Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Comparez vos résultats avec les exemples */
#3 — Mini défi d'autonomie
Atelier #3

Concevez une mini-solution liée à ce chapitre.

Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Vérifiez la cohérence technique */
Besoin d'aide ?
Tuteur Virtuel
Bonjour ! Je suis votre tuteur virtuel. Comment puis-je vous aider avec ce cours aujourd'hui ?
Historique des conversations
Chargement...