DE LA PREMIÈRE CONNEXION AU LIVRABLE
À vous de jouer.
Suivez le fil. Cochez. Avancez.
Avant d'ouvrir WordPress
15 min · rien à configurer
Six éléments ne viennent pas de WordPress : ils viennent du formateur. Réunissez-les maintenant. C'est ce qui vous évite d'être à l'arrêt au milieu de l'étape 06, quand il manque un fichier .zip que personne n'a sous la main.
- L'adresse de votre siteDe la forme
prenom.wordpressacademie.com. Votre prénom n'est pas dans la liste du brief ? Demandez-la avant de commencer. - La passerelle de paiementSon nom exact, et le nom exact de l'extension WooCommerce à installer. Sans ça, les étapes 06 et 10 s'arrêtent.
- Les clés de testLes identifiants sandbox de la passerelle. Ceux du formateur, jamais vos propres informations bancaires.
- Elementor Pro ou Pro ElementsLa consigne du jour, et le fichier
.zips'il y en a un. Aucun des deux ne s'installe depuis la recherche d'extensions. - Le compte Google de Site KitLe compte autorisé pour le projet. On ne crée jamais un compte de contournement.
- Les coordonnées officiellesPour la page Contact. On n'invente ni e-mail, ni numéro, ni adresse.
Sécuriser votre accès
10 min · à faire en premier
Le mot de passe provisoire est le même pour les vingt apprenants du groupe. Tant que vous ne l'avez pas changé, n'importe qui peut publier sur votre site à votre place. C'est pour ça que cette étape passe avant tout le reste.
-
votre-prenom.wordpressacademie.com/wp-admin/ -
Utilisateurs › Profil
-
Utilisateurs › Profil
Réglages généraux et permaliens
10 min · 2 valeurs imposées
Deux textes à saisir au caractère près, et une structure d'URL à confirmer sans y toucher. Ces trois réglages décident de ce que Google et le formateur liront en premier.
-
Réglages › Général
Simplon — Réseau des Alumni | Boutique officielle -
Le parcours continue. Le réseau aussi. -
Africa/Porto-Novo · UTC+1capture 1 -
Réglages › Permaliens
Créer les pages et le menu principal
30 min · 12 pages, 5 liens
Les titres et les adresses sont imposés par le document « Contenus & SEO — Données prêtes », et repris ici pour que vous n'ayez pas à changer d'onglet. Un slug faux aujourd'hui, c'est un lien mort dans le menu, le footer et le PDF.
| Titre exact de la page | Adresse (slug) | Créée par | Modèle de page |
|---|---|---|---|
| Accueil | / | vous | Elementor Pleine largeur |
| Boutique | /boutique/ | WooCommerce | Modèle par défaut |
| À propos | /a-propos/ | vous | Elementor Pleine largeur |
| Contact | /contact/ | vous | Elementor Pleine largeur |
| Panier | /panier/ | WooCommerce | Modèle par défaut |
| Validation de commande | /validation-commande/ | WooCommerce | Modèle par défaut |
| Mon compte | /mon-compte/ | WooCommerce | Modèle par défaut |
| Suivi de commande | /suivi-commande/ | vous | Elementor Pleine largeur |
| Questions fréquentes | /questions-frequentes/ | vous | Elementor Pleine largeur |
| Politique de confidentialité | /politique-de-confidentialite/ | vous | Elementor Pleine largeur |
| Mentions légales | /mentions-legales/ | vous | Elementor Pleine largeur |
| Conditions générales de vente | /conditions-generales-vente/ | vous | Elementor Pleine largeur |
-
Pages › Ajouter une page
-
capture 2
-
Réglages › Lecture
-
Apparence › Menus
Accueil · Boutique · À propos · Contact · Mon compte -
capture 3
a-propos, jamais à-propos. Le suffixe -2 : si un brouillon du même titre existe déjà, WordPress ajoute -2 sans rien dire. Videz la corbeille et les brouillons, puis corrigez le slug à la main.
Poser les fondations SEO
15 min · nouveau
Le référencement ne se rattrape pas au Jour 5 : il se joue sur des décisions prises aujourd'hui — les adresses, la langue, le titre, l'indexation. Voici ce qui se règle maintenant, et ce qui attend une extension SEO.
Ce qui est déjà fait, et qui compte vraiment
| Fondation SEO | État | Pourquoi ça compte |
|---|---|---|
| URLs lisibles | étape 02 | Une adresse que l'humain comprend, le moteur la comprend aussi — et elle survit au partage. |
| Slugs sans accents | étape 03 | Un accent dans une URL devient une suite de caractères illisible quand on la copie. |
| Titre + slogan | étape 02 | Ce sont eux que WordPress utilise par défaut dans l'onglet et dans les partages. |
| Langue française | fourni | Indique la langue de la page aux moteurs et aux lecteurs d'écran. |
| Un seul H1 par page | Jour 2 | Le titre de la page devient le H1. Deux H1 sur une page brouillent la hiérarchie. |
| Favicon | étape 05 | Signal de reconnaissance dans l'onglet, les favoris et les résultats mobiles. |
-
Réglages › Lecture
-
Médias › Médiathèque
Les textes SEO imposés — prêts à coller
Trois textes différents pour une même page, et on les confond souvent. Le titre SEO s'affiche dans Google et dans l'onglet. La meta description est le paragraphe sous le lien dans Google. Le H1 est le grand titre visible sur la page. Ils ne sont pas interchangeables.
| Page | Titre SEO | Meta description | H1 visible |
|---|---|---|---|
| Accueil | Boutique Simplon Alumni | Réseau des Alumni |
Découvrez la boutique du Réseau des Alumni Simplon : objets utiles, textiles, accessoires et ressources carrière pour prolonger le lien après la formation. |
Le parcours continue. Le réseau aussi. |
| Boutique | Boutique Simplon Alumni | Objets & ressources carrière |
Découvrez les textiles, accessoires, objets professionnels et ressources carrière de la boutique du Réseau des Alumni Simplon. |
La boutique du Réseau des Alumni Simplon |
| À propos | Réseau des Alumni Simplon | Après la formation |
Découvrez l'esprit du Réseau des Alumni Simplon : rester connecté, s'entraider, partager les opportunités et continuer à avancer après la formation. |
L'esprit Simplon continue après la formation. |
| Contact | Contact | Réseau des Alumni Simplon |
Contactez le Réseau des Alumni Simplon pour une question liée à la boutique, une commande, un produit ou une ressource carrière. |
Parlons de votre demande. |
Pour mémoire — les adresses des catégories produits
Vous les créerez avec le catalogue, pas aujourd'hui. Elles figurent ici parce qu'un slug de catégorie changé après coup casse les liens du footer.
| Catégorie | Adresse |
|---|---|
| Textiles & accessoires Alumni | /categorie-produit/textiles-accessoires-alumni/ |
| Papeterie & objets professionnels | /categorie-produit/papeterie-objets-professionnels/ |
| Ressources carrière & réseau | /categorie-produit/ressources-carriere-reseau/ |
Installer l'identité visuelle de base
10 min · médiathèque + favicon
Aujourd'hui vous ne construisez pas le header. Vous préparez les bons fichiers dans la médiathèque et vous posez le favicon — pour que demain, le design n'attende pas après un logo introuvable.
-
Médias › Ajouter un fichier média
-
Apparence › Personnaliser › Identité du site
Installer le thème et les extensions
30 min · 1 thème, 8 extensions
On ne vous note pas sur le nombre d'extensions installées. On vous note sur votre capacité à dire, en une phrase, à quoi sert chacune. Installez-les une par une, en attendant la fin de chaque activation.
| Outil | Ce qu'il fait, en une phrase | Où le prendre |
|---|---|---|
| Hello Elementor thème | Thème volontairement nu : il ne vient pas imposer son design par-dessus le vôtre. | Recherche de thèmes |
| Elementor | Construit les pages visuellement, sans écrire de code. | Recherche d'extensions |
| Elementor Pro ou Pro Elements | Débloque les modèles dynamiques dont le header, le footer et les fiches produits ont besoin. | Fichier .zip du formateur |
| WooCommerce | Ajoute produits, panier, commandes et comptes clients : c'est la boutique elle-même. | Recherche d'extensions |
| Direct Checkout | Raccourcit le chemin entre l'ajout au panier et le paiement. | Recherche d'extensions |
| WPS Hide Login | Remplace l'adresse de connexion standard par une adresse que vous seul·e connaissez. | Recherche d'extensions |
| LiteSpeed Cache | Garde les pages en mémoire pour qu'elles s'affichent plus vite. | Recherche d'extensions |
| Site Kit by Google | Relie le site aux services Google pour mesurer l'audience. Il mesure, il n'écrit pas le SEO. | Recherche d'extensions |
| Passerelle de paiement | Permet le paiement en ligne. Installez uniquement l'extension nommée par le formateur. | Consigne du formateur |
-
Apparence › Thèmes › Ajouter un thème
-
Extensions › Ajouter une extension
-
Extensions › Ajouter › Téléverser une extension
-
Extensions › Extensions installéescapture 4
Régler Elementor et poser les modèles de page
15 min · 3 interrupteurs + 8 pages
Trois cases à cocher, puis un modèle à poser sur huit pages. Sans les cases, Elementor impose ses couleurs et ses polices par-dessus le design system Simplon. Sans le bon modèle, aucune section ne pourra aller bord à bord — et la maquette imposée en a besoin dès le hero.
-
Elementor › Réglages › Général
-
Elementor › Réglages › Fonctionnalités
-
capture 5
Les trois modèles de page du thème Hello Elementor
Le modèle décide de deux choses : si le header et le footer du thème s'affichent, et si le contenu peut sortir du conteneur du thème. On en choisit un seul pour le projet.
| Modèle | Header & footer | Largeur du contenu | Pour nous |
|---|---|---|---|
| Elementor Pleine largeur | conservés | libre, bord à bord | C'est celui-là pour les 8 pages de contenu |
| Modèle par défaut | conservés | bridée par le conteneur du thème | À laisser sur les 4 pages WooCommerce |
| Elementor Canevas (ou Toile) | supprimés | libre, bord à bord | Non. Sans header, le menu disparaît et le contrôle de l'étape 03 tombe. |
-
Pages › la page › Attributs de page › Modèle
Elementor Pleine largeur -
Elementor › ⚙ Réglages › Modèle de page
-
capture 5
1280px : vous la réglerez au Jour 2 dans les réglages globaux d'Elementor, et les fonds pourront alors aller bord à bord pendant que les textes restent lisibles au centre. Les couleurs et polices globales — rouge #E40046, bleu-vert #00313C, DM Sans, Poppins — se saisissent au même moment.
Configurer WooCommerce pour le Bénin
20 min · 4 valeurs, 4 pages
Quatre valeurs imposées et quatre pages à bien attribuer. Se tromper ici se paye au Brief 4, quand les prix et les frais de livraison seront faux sur tout le catalogue.
| Réglage | Valeur imposée | Où |
|---|---|---|
| Pays de la boutique | Bénin | Réglages › Général |
| Devise | Franc CFA BCEAO — XOF | Réglages › Général |
| Unité de poids | kg | Réglages › Produits |
| Unité de dimensions | cm | Réglages › Produits |
| Pages du parcours d'achat | Boutique · Panier · Validation de commande · Mon compte | Produits ou Avancé |
-
WooCommerce › Réglages › Général
franc CFA BCEAO · XOFcapture 6 -
WooCommerce › Réglages › Produitscapture 7
-
WooCommerce › Réglages › Avancécapture 8
Raccourcir le checkout, verrouiller la connexion, activer le cache
20 min · l'étape à risque
C'est la seule étape de la journée qui peut vous enfermer dehors. Faites le test de l'action 4 avant de fermer votre session — pas après.
-
WooCommerce › Direct Checkout
-
Réglages › WPS Hide Login
-
LiteSpeed Cache › Cachecapture 9
Connecter Site Kit et préparer la passerelle
20 min · dépend d'accès externes
Aucun produit n'existe encore : on ne teste pas un vrai paiement aujourd'hui. On vérifie que la passerelle est installée, activée, en mode test. Le paiement réel se teste au Brief 4, depuis un produit.
-
Site Kit › Tableau de bordétat à documenter
-
WooCommerce › Réglages › Paiements
-
capture sans clés
Contrôle final du Jour 1
15 min · en navigation privée
Le contrôle se fait en navigation privée, avec les yeux d'un visiteur qui n'a pas votre compte administrateur. C'est la seule façon de voir ce que le formateur verra.
Déposer le livrable
10 min · 1 PDF
Le site est votre production principale. Le PDF sert à une seule chose : permettre au formateur de vérifier votre travail sans avoir vos identifiants. Les neuf captures numérotées dans les étapes ci-dessus sont exactement celles dont il a besoin — prenez-les au moment de l'étape, pas à la fin.
-
Prenom_Nom_Brief1.pdf
Les neuf pièces du PDF
- L'adresse de votre site WordPress personnel.
- Les captures des pages créées, et du menu principal.
- La liste des extensions actives.
- Les réglages WooCommerce essentiels : Bénin, XOF, kg, cm, pages système.
- La preuve que la passerelle est installée, active et visible au checkout — sans aucune clé ni secret visible.
- La preuve que WPS Hide Login est configuré — sans afficher l'URL secrète.
- La preuve que le cache est actif.
- L'état de Site Kit, et la note écrite si un accès Google a manqué.
- La liste des vérifications que vous avez réellement faites avant de déposer — plus la consigne reçue sur le SEO et l'indexation.
