Création de site WordPress : de l'idée à la mise en ligne

Objectifs pratiques

À la fin de cette leçon, tu sauras expliquer ce qu'est WordPress, choisir entre les deux façons de l'utiliser, et comprendre le vocabulaire de base.

Pourquoi c'est utile pour ton objectif

Beaucoup de débutants se perdent dès le départ entre WordPress.org et WordPress.com, ou confondent pages, articles et extensions. Avec les bons mots, tu comprends les tutoriels, tu choisis les bonnes solutions et tu expliques ton travail à un client.

Un gestionnaire de contenu

WordPress est un gestionnaire de contenu : un logiciel installé sur un serveur, avec une interface d'administration où tu crées et modifies tes pages sans écrire de code. Le design vient du thème, les fonctionnalités supplémentaires viennent des extensions.

WordPress.org ou WordPress.com ?

• WordPress.org : le logiciel libre et gratuit que tu installes chez l'hébergeur de ton choix. Tu as le contrôle total : thèmes, extensions, données. Tu paies le nom de domaine et l'hébergement, et tu t'occupes des mises à jour et des sauvegardes. C'est la version que ce parcours utilise.
• WordPress.com : un service hébergé, plus simple au départ, avec des formules gratuites et payantes. Les possibilités dépendent de la formule choisie.

Pour un site professionnel ou pour vendre des sites à des clients, WordPress.org est en général le choix le plus libre.

Le vocabulaire de base

• Page : un contenu fixe, comme « Accueil », « À propos », « Services », « Contact ».
• Article : un contenu daté, classé par catégories, pour un blog ou des actualités.
• Thème : l'apparence du site. On peut changer de thème sans perdre son contenu.
• Extension (plugin) : un module qui ajoute une fonctionnalité : formulaire, référencement, sauvegarde.
• Éditeur de blocs : l'éditeur de WordPress, où chaque élément (titre, texte, image, bouton) est un bloc que l'on déplace.
• Tableau de bord : l'interface d'administration, accessible à l'adresse du site suivie de /wp-admin.

Exemple concret

Exemple fictif. Ama, couturière à Cotonou, veut un site pour montrer ses créations et recevoir des commandes. Son site aura quelques pages fixes (Accueil, Créations, À propos, Contact) et, plus tard, des articles pour présenter ses nouvelles collections. Elle choisit WordPress.org avec un hébergeur, pour pouvoir ajouter un formulaire de commande et garder la main sur son site.

Erreurs à éviter

• Choisir une solution sans comprendre la différence entre WordPress.org et WordPress.com.
• Créer des articles pour des contenus qui devraient être des pages, et l'inverse.
• Installer un thème ou une extension depuis un site non officiel.

À faire maintenant

Liste les pages fixes de ton futur site, puis note si tu auras besoin d'articles (blog, actualités).

Objectifs pratiques

À la fin de cette leçon, tu sauras transformer une idée de site en un plan clair : objectif, visiteurs, pages, contenus et actions attendues.

Pourquoi c'est utile pour ton objectif

Un site construit sans plan finit souvent plein de pages vides, de textes génériques et sans appel à l'action. Le plan te fait gagner du temps, et c'est exactement ce que demandera un client sérieux.

Les quatre questions du projet

1. À quoi sert le site ? Vendre, présenter une activité, recevoir des demandes de devis, informer, recruter.
2. Qui va le visiter ? Des clients du quartier, des entreprises, la diaspora, des partenaires.
3. Que doivent-ils faire ? Appeler, écrire sur WhatsApp, remplir un formulaire, acheter, s'inscrire.
4. Que doivent-ils trouver ? Les services, les prix ou fourchettes, les preuves (photos, avis), les horaires, l'adresse.

L'arborescence

L'arborescence est la liste des pages et de leur organisation. Pour un site vitrine, une structure simple suffit souvent :

• Accueil : ce que tu fais, pour qui, et l'action principale ;
• Services ou Produits ;
• Réalisations ou galerie ;
• À propos : qui tu es, pourquoi te faire confiance ;
• Contact : formulaire, téléphone, WhatsApp, adresse, carte ;
• Mentions légales et politique de confidentialité.

Le contenu avant le design

Prépare tes textes et tes images avant de construire : c'est ce qui prend le plus de temps. Pour chaque page :

• un titre qui dit clairement de quoi il s'agit ;
• un texte court, orienté vers les besoins du visiteur ;
• des photos réelles et de qualité ;
• un bouton d'action visible.

Pour tes visuels, tu peux utiliser tes propres photos ou créer des visuels avec l'IA dans le Studio de Blemama.

Exemple concret

Exemple fictif. Pour son site, Ama répond aux quatre questions : le site sert à recevoir des commandes sur mesure ; les visiteurs sont des femmes de Cotonou et de la diaspora ; l'action attendue est d'écrire sur WhatsApp ; elles doivent trouver des photos des créations, les délais et une fourchette de prix. Son arborescence : Accueil, Créations, Sur mesure, À propos, Contact, Mentions légales.

Erreurs à éviter

• Commencer par chercher un joli thème avant de savoir quelles pages créer.
• Copier les textes d'un autre site.
• Oublier l'action principale : un site sans bouton d'action rapporte peu.
• Prévoir trop de pages pour un premier site.

À faire maintenant

Réponds aux quatre questions pour ton site, puis écris ton arborescence.

Objectifs pratiques

À la fin de cette leçon, tu sauras choisir un nom de domaine, comparer des offres d'hébergement et vérifier qu'elles conviennent à WordPress.

Pourquoi c'est utile pour ton objectif

Le nom de domaine est l'adresse de ton site ; l'hébergement est l'endroit où il vit. Un mauvais choix se paie ensuite : site lent, pannes, frais cachés, difficulté à changer de prestataire.

Le nom de domaine

C'est l'adresse que les visiteurs tapent : par exemple ama-couture.com.

• Court et facile à dire au téléphone.
• Sans tirets multiples ni orthographe compliquée.
• L'extension : .com est universelle ; l'extension de ton pays (.ci, .sn, .bj, .cm…) inspire confiance localement.
• Enregistré à ton nom, ou au nom du client si tu travailles pour quelqu'un : le propriétaire du site doit être le propriétaire du domaine.
• Renouvelé chaque année : active le renouvellement automatique pour ne jamais le perdre.

L'hébergement

L'hébergeur loue un espace sur un serveur. Pour un site WordPress débutant, un hébergement mutualisé suffit souvent ; un site à fort trafic ou une boutique importante demandera plus.

Avant de payer, vérifie :

• que l'offre respecte les prérequis officiels de WordPress : une version récente de PHP, une base de données MySQL ou MariaDB, et HTTPS ;
• qu'un certificat SSL est inclus, pour que ton site soit en HTTPS (le cadenas dans le navigateur) ;
• qu'il propose une installation de WordPress en un clic ;
• qu'il fait des sauvegardes et qu'on peut les restaurer ;
• la qualité du support et la langue ;
• le prix au renouvellement, souvent plus élevé que le prix de la première année ;
• la localisation des serveurs et la vitesse pour tes visiteurs ;
• la possibilité de créer des adresses e-mail professionnelles (contact@tondomaine).

Exemple concret

Exemple fictif. Ama hésite entre ama-couture-cotonou-benin.com et amacouture.bj. Elle choisit un nom court, facile à dire, et le réserve à son nom. Elle compare trois hébergeurs : elle retient celui qui inclut le SSL, l'installation en un clic et des sauvegardes, même si la première année est un peu plus chère, car son prix de renouvellement est raisonnable.

Erreurs à éviter

• Laisser un prestataire enregistrer le domaine à son nom.
• Oublier le renouvellement et perdre son adresse.
• Choisir l'offre la moins chère sans regarder le prix de renouvellement et les sauvegardes.
• Un site sans HTTPS : les navigateurs l'affichent comme « non sécurisé ».

À faire maintenant

Trouve trois idées de noms de domaine et vérifie leur disponibilité. Compare deux hébergeurs selon la liste de vérification ci-dessus.

Objectif de l'exercice

Tu vas rédiger le cahier des charges de ton site sur une à deux pages. C'est le document que demandent les clients sérieux, et ton guide pendant la construction.

Consignes

Ton cahier des charges contient :

1. Le projet : qui, quelle activité, en deux phrases.
2. L'objectif et l'action principale attendue des visiteurs.
3. La cible : qui sont les visiteurs, depuis quel appareil (souvent le téléphone).
4. L'arborescence : la liste des pages.
5. Le contenu de chaque page : titre, idée principale, images, bouton d'action.
6. Les fonctionnalités : formulaire de contact, bouton WhatsApp, galerie, carte, blog, paiement.
7. Le nom de domaine et l'hébergement choisis.
8. Le style : couleurs, logo, deux ou trois sites qui te plaisent et pourquoi.
9. Le budget et le calendrier.

Exemple

Exemple fictif. Extrait du cahier des charges d'Ama : « Objectif : recevoir des demandes de tenues sur mesure par WhatsApp. Cible : femmes de 25 à 45 ans, à Cotonou et dans la diaspora, surtout sur téléphone. Pages : Accueil, Créations, Sur mesure, À propos, Contact, Mentions légales. Fonctionnalités : galerie photo, bouton WhatsApp flottant, formulaire de demande. »

Critères de réussite

• Les neuf rubriques sont remplies.
• Chaque page a un titre, une idée principale et un bouton d'action.
• Le cahier des charges tient sur une à deux pages.

Astuce

Montre ton cahier des charges à ton coach IA et demande : « Qu'est-ce qui manque pour qu'un visiteur me contacte ? ».