Exercice 1 : Installation et Configuration de WordPress + Spectra

• Objectif : Apprendre à installer WordPress et les plugins nécessaires.
• Étapes :
  • Télécharger et installer WordPress sur un serveur local ou distant.
  • Configurer la base de données.
  • Installer et activer le thème Astra.
  • Installer le plugin Spectra (anciennement Ultimate Addons for Gutenberg) pour bénéficier de blocs supplémentaires et plus de flexibilité dans l'éditeur.
  • Paramétrer les réglages de base de WordPress (nom du site, permaliens, langue, etc.).

Exercice 2 : Configuration Globale du Thème Astra

• Objectif : Configurer les réglages globaux du thème Astra avant de commencer la création de la page.
• Étapes :
  • Aller dans le Customizer de WordPress (Apparence > Personnaliser).
  • Configurer les couleurs globales (palette de couleurs du site).
  • Définir les polices globales (choix de typographies pour les titres, sous-titres, corps de texte).
  • Ajuster les marges et espacements globaux pour une mise en page cohérente.
  • Paramétrer les options de mise en page globale (largeur du contenu, conteneur du site, etc.).

Exercice 3 : Créer la Structure de Base du Site

• Objectif : Comprendre la structure d'une page d'accueil.
• Étapes :
  • Créer une nouvelle page nommée "Accueil".
  • Définir cette page comme page d'accueil statique dans les réglages de WordPress.
  • Ajouter un menu de navigation principal avec des éléments fictifs (Accueil, À propos, Services, Contact).

Exercice 4 : Ajout du Header (Logo, Menu de Navigation, CTA)

• Objectif : Créer le header de la page avec le logo, le menu de navigation et un CTA (Call to Action).
• Étapes :
  • Importer un logo personnalisé.
  • Ajouter le logo et le menu de navigation au header via le customizer ou l’éditeur de thème.
  • Ajouter un bouton CTA (ex. "Contactez-nous") dans le header.

Exercice 5 : Créer le Bandeau d'Accueil

• Objectif : Créer un bandeau d'accueil (Hero section) avec un texte, une image de fond et un bouton.
• Étapes :
  • Utiliser l’éditeur de blocs de WordPress (ou Elementor si tu veux un peu plus de flexibilité).
  • Ajouter un bloc de texte avec un message d'accueil.
  • Insérer une image de fond et ajuster la taille et la position.
  • Ajouter un bouton sous le texte (ex. "En savoir plus").

Exercice 6 : Ajouter des Sections de Contenu (Blocs)

• Objectif : Comprendre l'ajout et la gestion des blocs de contenu.
• Étapes :
  • Ajouter un bloc "À propos" avec un texte et une image.
  • Ajouter un bloc "Services" avec une mise en page de type grille.
  • Ajouter un bloc "Témoignages" avec un slider ou une grille de témoignages.

Exercice 7 : Personnaliser les Couleurs et Typographies

• Objectif : Apprendre à personnaliser le design du thème avec le customizer d'Astra.
• Étapes :
  • Modifier les couleurs globales du site.
  • Changer la typographie pour correspondre à la charte graphique.
  • Ajuster les marges et espacements entre les éléments.

Exercice 8 : Optimiser pour les Mobile

• Objectif : Apprendre à rendre le site responsive.
• Étapes :
  • Utiliser le customizer d'Astra pour vérifier le rendu mobile.
  • Ajuster les tailles de police, les marges et les images pour un affichage optimal sur mobile.

Exercice 9 : Ajouter un Pied de Page (Footer)

• Objectif : Créer un footer avec des liens et des informations de contact.
• Étapes :
  • Utiliser le customizer ou l’éditeur de widgets pour ajouter des liens de menu, des informations de contact et des icônes de réseaux sociaux.
  • Personnaliser le style du footer.

Exercice 10 : Ajout de Fonctionnalités Avancées

• Objectif : Explorer des fonctionnalités avancées comme les formulaires, les sliders, ou les animations.
• Étapes :
  • Ajouter un formulaire de contact avec un plugin (Contact Form 7 ou WPForms).
  • Insérer un slider d'images ou de contenu.
  • Ajouter des animations ou des effets de défilement avec Elementor ou CSS personnalisé.