Créez Votre Premier Site WordPress de A à Z

🚀Introduction : Ce que vous allez apprendre

WordPress est l’outil incontournable pour créer et gérer un site web. Ce cours est conçu pour être simple, rapide et aller à l’essentiel. À la fin, vous aurez votre propre site professionnel, prêt à évoluer.

Les grandes étapes du voyage :

• Choisir un hébergement et un nom de domaine (la base de tout).
• Installer WordPress en quelques clics.
• Configurer les réglages indispensables.
• Utiliser des modèles de sites professionnels pour un design immédiat.
• Apprendre à modifier vos pages, textes et images.
• Personnaliser votre menu de navigation (en-tête) et votre pied de page.
• Mettre en place un formulaire de contact fonctionnel.
• Assurer la performance, la sécurité et les mises à jour de votre site.

1) L’Hébergement et le Nom de Domaine : La bonne méthode

C’est la première étape, et la plus cruciale. Un nom de domaine, c’est votre adresse sur internet (ex: mon-super-site.fr). L’hébergement, c’est la « maison » où votre site va habiter, un serveur allumé 24h/24.

Notre recommandation : Copilost

En toute transparence, c’est l’hébergeur que nous avons développé. Il est spécialisé pour WordPress et inclut des dizaines de fonctionnalités innovantes, comme le fameux assistant IA. C’est la solution que nous utiliserons dans ce cours.

1. Rendez-vous sur le site de l’hébergeur (par exemple, Copilost).
2. Cliquez sur « S’inscrire » puis « Héberger un site ».
3. Choisissez une durée d’engagement (12 mois est un standard et offre souvent le nom de domaine).
4. Réservez votre nom de domaine : tapez l’adresse que vous souhaitez et vérifiez sa disponibilité. Si vous prenez un engagement de 12 mois, il est généralement offert la première année !
5. Finalisez votre inscription et votre paiement.

2) Installation de WordPress en 1 Clic

La magie des hébergeurs modernes, c’est que l’installation de WordPress est devenue un jeu d’enfant. Fini les complications techniques !

1. Une fois votre hébergement payé, l’hébergeur vous proposera d’installer WordPress automatiquement. Laissez la case cochée.
2. On vous demandera de créer un identifiant et un mot de passe. C’est TRÈS important ! Ce seront vos clés pour accéder à l’administration de votre site.

Une fois l’installation lancée, il faut patienter quelques minutes. C’est normal, le temps que votre nom de domaine soit enregistré et que les serveurs se synchronisent. Prenez un café, votre site est en train de naître ! ☕

3) Premiers Réglages Essentiels

Votre site est installé ! Il est temps de faire un petit tour du propriétaire et de configurer quelques options indispensables pour partir sur de bonnes bases.

Comment se connecter à votre site ?

• Le plus simple : Depuis votre tableau de bord d’hébergeur (Copilost), il y a un bouton « Connexion » qui vous connecte en un clic.
• La méthode universelle : Tapez l’adresse de votre site dans votre navigateur, suivie de /wp-admin. Exemple : https://mon-super-site.fr/wp-admin. Entrez l’identifiant et le mot de passe que vous avez créés.

Nettoyage et Configuration

Une fois dans le tableau de bord de WordPress, faisons un peu de ménage.

1. Les Thèmes : Allez dans Apparence > Thèmes. Un thème, c’est l’habillage graphique de votre site. Par défaut, il y en a plusieurs.
   • Cliquez sur « Ajouter un thème ».
   • Cherchez et installez le thème « Kadence ». C’est un thème moderne, rapide et très flexible.
   • Cliquez sur « Activer ».
   • Vous pouvez ensuite cliquer sur les anciens thèmes (Twenty Twenty-Three, etc.) et les supprimer pour faire de la place.
2. Les Extensions (Plugins) : Allez dans Extensions. Ce sont des mini-applications qui ajoutent des fonctionnalités.
   • Supprimez les extensions installées par défaut (comme Akismet ou Hello Dolly) si vous n’en avez pas besoin.
   • Cliquez sur « Ajouter une extension ».
   • Cherchez et installez « Kadence Blocks ». Cette extension est le compagnon parfait du thème Kadence et vous donnera des super-pouvoirs pour créer vos pages. Activez-la.
3. Réglages Généraux : Allez dans Réglages > Général.
   • Vérifiez le Titre du site et ajoutez un Slogan.
   • Assurez-vous que la langue, le fuseau horaire et le format de date sont corrects.
4. Permaliens (TRÈS IMPORTANT !) : Allez dans Réglages > Permaliens.
   • Cochez l’option « Titre de la publication ».
   • Cliquez sur « Enregistrer les modifications ». Cela vous donnera des adresses de pages propres et lisibles (ex: .../a-propos/ au lieu de .../?p=123).

4) Le Raccourci : les Modèles de Site (Starter Template)

Partir d’une page blanche, c’est intimidant. Le plus grand raccourci pour avoir un site magnifique, c’est d’utiliser un modèle de site pré-conçu par des designers professionnels. On appelle ça un « Starter Template ».

1. Dans votre tableau de bord, allez dans Apparence > Kadence.
2. Vous verrez un onglet ou un bouton pour les « Starter Templates ». Cliquez dessus pour installer l’extension nécessaire.
3. Une bibliothèque de sites complets s’ouvre. Filtrez pour n’afficher que les modèles gratuits (« Free »).
4. Parcourez les modèles et cliquez sur ceux qui vous plaisent pour les prévisualiser.
5. Quand vous avez trouvé votre bonheur, lancez l’importation. Vous pouvez choisir d’importer le site complet (« Full Site »).
6. En quelques minutes, le modèle va s’installer sur votre site : les pages, les images, le menu, tout ! Votre site, qui était vide, ressemble maintenant à une démo professionnelle.

5) Modifier vos Pages, En-tête & Pied de Page

C’est ici que votre site prend vraiment vie. On va apprendre à tout personnaliser.

Modifier une Page

1. Allez dans Pages. Vous verrez la liste de toutes les pages importées (Accueil, À propos, Contact, etc.).
2. Passez votre souris sur la page que vous voulez modifier (par exemple, « Accueil ») et cliquez sur « Modifier ».
3. Vous entrez dans l’éditeur de WordPress (l’éditeur de blocs). C’est 100% visuel :
   • Pour changer un texte : Cliquez dessus et tapez. C’est aussi simple que ça.
   • Pour changer une image : Cliquez sur l’image, puis sur l’icône « Remplacer » dans la petite barre d’outils qui apparaît.
   • Pour voir la structure : Cliquez sur l’icône « Vue en liste » (ressemble à 3 traits superposés) en haut à gauche. Cela vous montre comment les blocs sont imbriqués. C’est très pratique pour s’y retrouver.
4. À droite, vous avez toujours les réglages du bloc que vous avez sélectionné (couleur, taille, marges, etc.). Explorez les onglets « Général », « Style » et « Avancé ».
5. N’oubliez pas de cliquer sur « Mettre à jour » en haut à droite pour enregistrer vos changements.

Le Responsive Design : Adapter à tous les écrans

En bas de l’éditeur, vous verrez des icônes pour ordinateur, tablette et mobile. Cliquez dessus pour voir à quoi ressemble votre page sur différents appareils. Vous pouvez même appliquer des réglages différents pour chaque appareil (par exemple, une taille de titre plus petite sur mobile). C’est essentiel pour une bonne expérience utilisateur.

Personnaliser l’En-tête (Header) et le Pied de Page (Footer)

Ces éléments sont communs à toutes vos pages. On les modifie à un seul endroit.

1. Allez dans Apparence > Personnaliser.
2. Vous entrez dans l’outil de personnalisation. Cherchez les options « En-tête » (Header) et « Pied de page » (Footer).
3. Le thème Kadence vous offre un constructeur visuel en glisser-déposer. Vous pouvez ajouter/déplacer votre logo, le menu de navigation, des icônes de réseaux sociaux, un bouton d’appel à l’action…
4. Pour modifier le menu de navigation lui-même (ajouter/supprimer des pages), allez dans Apparence > Menus. Vous pouvez y réorganiser les liens et même créer des sous-menus en décalant un élément vers la droite.
5. Une fois vos modifications terminées, cliquez sur « Publier » en haut.

6) Le Formulaire de Contact

Un site sans formulaire de contact, c’est comme un magasin sans caisse ! C’est un élément clé pour que vos visiteurs puissent vous joindre.

1. Modifiez votre page « Contact ». Le modèle que vous avez importé contient déjà un formulaire.
2. Cliquez sur le bloc du formulaire. Les options apparaissent à droite.
3. La configuration la plus importante : « Actions after Submit ». C’est ici que vous décidez ce qu’il se passe quand quelqu’un envoie le formulaire.
   • Assurez-vous que l’action « Email » est activée.
   • Un nouvel onglet « Email Settings » apparaît. Déroulez-le.
   • Dans le champ « Send To Email », mettez votre propre adresse email. C’est là que vous recevrez les messages.
4. Vous pouvez modifier les champs (ajouter, supprimer), changer les textes (le « label »), et rendre certains champs obligatoires.
5. Enregistrez la page, puis allez sur votre site en tant que visiteur et testez votre formulaire ! Envoyez-vous un message pour vérifier que vous le recevez bien.

7) Performance, Sécurité et Mises à Jour

Votre site est beau et fonctionnel. Maintenant, assurons-nous qu’il reste rapide, sûr et à jour.

Sécurité & Mises à jour

La règle d’or de la sécurité sur WordPress est simple : faites vos mises à jour !

• Allez régulièrement dans Tableau de bord > Mises à jour et dans Extensions.
• Quand vous voyez une notification de mise à jour, faites-la. Cela corrige les failles de sécurité et les bugs. Une bonne habitude est de vérifier une fois par semaine.
• Minimalisme : N’installez que les extensions dont vous avez vraiment besoin. Moins il y a d’extensions, moins il y a de portes d’entrée potentielles.

Sauvegardes (Votre assurance vie)

• Niveau Hébergeur : Les bons hébergeurs comme Copilost font des sauvegardes automatiques de votre site. Vous pouvez les restaurer en un clic depuis votre espace client.
• Niveau WordPress : Pour une double sécurité, installez une extension de sauvegarde comme « WPvivid Backup Plugin ». Elle est gratuite et vous permet de planifier des sauvegardes automatiques (par ex. chaque semaine) et de les envoyer sur un stockage externe comme Google Drive.

Performance (La vitesse, c’est la clé)

Un site lent fait fuir les visiteurs. Le coupable numéro 1 : les images trop lourdes.

En utilisant un thème performant (Kadence) et un hébergeur spécialisé (Copilost), vous partez déjà avec une excellente base de vitesse.

8) Mettre en Ligne et Référencement (SEO)

Vous vous demandez peut-être « Comment je mets mon site en ligne ? ». La bonne nouvelle, c’est que… il l’est déjà ! Dès que votre hébergement et votre nom de domaine sont actifs, votre site est accessible au monde entier.

Comment apparaître sur Google ?

En général, cela se fait tout seul. Google explore constamment le web à la recherche de nouveaux sites. Si vous partagez votre site, que des gens le visitent, Google finira par le trouver et l’indexer (l’ajouter à ses résultats de recherche).

• Comment vérifier ? Allez sur Google et tapez site:votrenomdedomaine.fr. Si des résultats apparaissent, félicitations, vous êtes indexé ! Sinon, il faut juste être un peu patient.
• Pour accélérer les choses : Vous pouvez « déclarer » votre site à Google via un outil gratuit appelé la Google Search Console. C’est l’étape suivante pour quiconque prend son référencement au sérieux. Il existe des tutoriels très simples pour le faire.

🎉Conclusion & Prochaines Étapes

Félicitations ! Vous l’avez fait ! Vous avez parcouru toutes les étapes, de l’idée à la mise en ligne d’un site WordPress fonctionnel, professionnel et rapide. Vous possédez maintenant les compétences de base pour gérer et faire évoluer votre projet.

Et maintenant ?

Le voyage ne fait que commencer. Votre site peut évoluer vers tout ce que vous imaginez : un blog, une boutique en ligne, un site de réservation, un espace membres…

Deux pistes pour aller plus loin :

1. Approfondir WordPress : Cherchez la formation plus complète (toujours gratuite sur YouTube) pour maîtriser l’éditeur de blocs, découvrir de nouvelles astuces et devenir encore plus autonome.
2. Le Référencement (SEO) : Apprenez à connecter votre site à la Google Search Console. C’est la première étape indispensable pour suivre votre visibilité sur Google et commencer à optimiser votre site.

N’oubliez pas de vous abonner pour continuer à progresser. Bravo encore pour ce superbe travail, et à très bientôt pour la suite de l’aventure !