Jour 1 – Comment ça marche ?

1-comment-ca-marche

Écrit par

dans

Comprendre WordPress avant de construire son site


Avant de cliquer sur quoi que ce soit dans WordPress, il est utile de comprendre ce qui se passe « derrière le rideau ». Pas besoin de devenir développeur — mais quelques notions fondamentales vous éviteront bien des surprises et vous rendront autonomes face aux imprévus.

Ce support couvre les deux piliers essentiels de la première séance : comment fonctionne un hébergement web et comment naviguer dans le tableau de bord WordPress.


1. Hébergement, nom de domaine et DNS

Pourquoi vous avez besoin de trois choses distinctes

Pour qu’un site WordPress soit accessible sur internet, il vous faut trois composantes indépendantes :

  1. Un espace d’hébergement — c’est le « terrain » sur lequel votre site est construit. Un serveur quelque part dans le monde qui fait tourner votre site 24h/24.
  2. Un nom de domaine — c’est l’adresse que les visiteurs tapent dans leur navigateur : www.monsite.chassociation-xyz.org, etc.
  3. WordPress lui-même — l’application que vous installez sur cet espace et qui vous permet de créer et gérer votre contenu sans écrire une ligne de code.

Ces trois éléments sont souvent proposés ensemble par les hébergeurs, mais ils restent techniquement distincts. Il est tout à fait possible d’acheter un nom de domaine chez un registrar (ex. GoDaddy) et d’héberger le site chez un autre prestataire (ex. Infomaniak).


Hébergement local ou en ligne ?

Il existe deux façons d’héberger un site WordPress :

En local sur votre ordinateur
Vous installez un serveur web directement sur votre machine à l’aide d’un logiciel comme LocalWP ou XAMPP. Le site fonctionne parfaitement, mais personne d’autre que vous ne peut le voir — il n’est pas connecté à internet. C’est idéal pour développer, expérimenter ou tester des mises à jour risquées sans abîmer votre vrai site.

En ligne chez un hébergeur
Vous louez un espace sur un serveur connecté à internet. Votre site est accessible à n’importe qui, à n’importe quelle heure. C’est la solution pour votre vrai site, celui que vous voulez montrer au monde.

Local (LocalWP, XAMPP)En ligne (hébergeur)
CoûtGratuit~5–15 CHF/mois
VisibilitéVous seulTout le monde
Usage recommandéDéveloppement, testsProduction
Nom de domaineNonOui

💡 Pendant la formation : votre site est hébergé chez le formateur, accessible à l’adresse https://site.triskel.ch/webXX. Vous pourrez le transférer vers votre propre hébergeur à la fin du cours.


Le nom de domaine (DNS)

Le DNS (Domain Name System) est le système qui fait le lien entre un nom lisible par un humain (www.monsite.ch) et une adresse IP lisible par un ordinateur (185.24.216.200). C’est l’annuaire d’internet.

Anatomie d’une URL :

https://  www.  monsite  .ch  /contact
   ↑       ↑       ↑      ↑      ↑
Protocole  Sous-  Domaine  TLD   Chemin
sécurisé  domaine 2e niveau       (page)

Ce qui vous appartient lorsque vous achetez un nom de domaine, c’est le domaine de 2e niveau — ici, monsite. Vous êtes ensuite libre de créer autant de sous-domaines que vous voulez (blog.monsite.chboutique.monsite.ch…), dans la limite de ce que permet votre hébergeur.

Où acheter un nom de domaine :

ExtensionOrganisme
.ch (Suisse)nic.ch — registre officiel
.fr (France)nic.fr — registre officiel
.com.org.netGoDaddy, Namecheap, ou votre hébergeur

⚠️ Conseil : Réservez votre nom de domaine le plus tôt possible, même si le site n’est pas encore prêt. Un nom peut disparaître du jour au lendemain si quelqu’un d’autre le dépose avant vous.


Ce qu’il faut impérativement noter : le document d’exploitation

C’est probablement la leçon la plus importante de toute la formation. Dès que vous avez un hébergement, créez un document texte sécurisé (ou un gestionnaire de mots de passe) et notez-y les informations suivantes avant même de commencer à construire votre site.

🖥️ Console d’administration (cPanel / manager)

C’est le tableau de bord de votre hébergeur — pas de WordPress, mais de l’hébergement lui-même. Depuis ici, vous gérez tout : les fichiers de votre site, les bases de données, les adresses email, les certificats SSL et les noms de domaine associés.

  • URL de la console (ex. manager.infomaniak.com)
  • Identifiant
  • Mot de passe

📂 Accès FTP (transfert de fichiers)

FTP signifie File Transfer Protocol. C’est le moyen d’accéder directement aux fichiers de votre site, comme si vous ouvriez un explorateur de fichiers sur votre serveur. Utile en cas de problème grave (site cassé, mise à jour ratée…).

  • URL hôte FTP (ex. ftp.monsite.ch)
  • Identifiant
  • Mot de passe

🌍 Nom de domaine (DNS)

  • Nom de domaine (ex. monsite.ch)
  • URL de la console de gestion DNS (souvent la même que l’hébergeur)
  • Identifiant / Mot de passe

⚙️ WordPress lui-même

  • URL de l’administration : https://votre-site.ch/wp-admin
  • Identifiant administrateur
  • Mot de passe
  • Adresse email de récupération

⛔ Avertissement : Un seul mot de passe perdu peut vous bloquer l’accès à votre site pendant des heures. Prenez cinq minutes maintenant pour noter tout ça — vous vous en féliciterez dans six mois.


Installer WordPress : les 5 paramètres de la base de données

WordPress stocke tout son contenu (pages, articles, images, réglages) dans une base de données MySQL. Lors de l’installation, WordPress vous demande cinq informations que votre hébergeur vous fournit :

  1. Nom de la base de données — ex. ayfq_wordpress
  2. Nom d’utilisateur de la BDD — ex. ayfq_user
  3. Mot de passe — utilisez un mot de passe fort (minimum 12 caractères)
  4. Hôte de la base de données — ex. ayfq.myd.infomaniak.com
  5. Préfixe des tables — laisser wp_ par défaut (sauf si vous installez plusieurs sites dans la même base de données, ce qui est déconseillé)

Notez aussi ces informations dans votre document d’exploitation.


2. Le tableau de bord WordPress

Se connecter

L’URL de l’administration WordPress est toujours de la forme :

https://votre-site.ch/wp-admin

Vous arrivez sur la page de connexion. Saisissez votre identifiant et mot de passe administrateur. En cas d’oubli de mot de passe, le lien « Mot de passe perdu ? » envoie un lien de réinitialisation à votre email.


Les quatre zones du tableau de bord

Une fois connecté, vous découvrez l’interface d’administration de WordPress. Elle se compose de quatre zones distinctes :

La barre d’administration (barre noire en haut)
Toujours visible, même sur la partie publique du site. Elle permet d’accéder rapidement à l’administration, de créer un nouvel article ou une nouvelle page, de voir les notifications et d’accéder à votre profil.

Le menu latéral gauche
C’est votre principal outil de navigation. Il donne accès à toutes les sections de l’administration :

  • Tableau de bord — vue d’ensemble et statistiques rapides
  • Articles — le contenu dynamique (blog, actualités…)
  • Pages — le contenu statique (À propos, Contact, Services…)
  • Médias — la bibliothèque d’images, vidéos, documents
  • Apparence — thèmes, menus, widgets, personnalisation
  • Extensions — plugins installés et disponibles
  • Utilisateurs — comptes et rôles
  • Réglages — configuration générale du site

La zone de travail centrale
C’est ici que vous passez le plus de temps : éditeur de contenu, listes d’articles et de pages, formulaires de réglages, etc.

La barre de publication (dans l’éditeur Gutenberg)
Panneau latéral droit qui apparaît lors de l’édition d’une page ou d’un article. Il regroupe les options de publication, les métadonnées, l’image à la une, les catégories, etc.


Les réglages essentiels — à faire dès le premier jour

Avant de créer quoi que ce soit, prenez dix minutes pour configurer ces quatre réglages fondamentaux.

Réglages → Général

C’est ici que vous définissez l’identité de base de votre site :

  • Titre du site — le nom de votre marque ou association (apparaît dans les onglets du navigateur et dans les résultats Google)
  • Slogan — une courte description ou accroche
  • Adresse email d’administration — WordPress vous enverra les notifications à cette adresse

Réglages → Lecture

Ce réglage détermine ce que les visiteurs voient lorsqu’ils arrivent sur votre site :

  • Vos derniers articles — WordPress affiche automatiquement votre fil de blog en page d’accueil (par défaut)
  • Une page statique — vous choisissez une page spécifique comme accueil (recommandé pour la plupart des sites professionnels)

💡 Pour la plupart des sites vitrine, association ou portfolio, vous voudrez une page d’accueil personnalisée. Passez sur Page statique, sélectionnez votre page d’accueil et créez éventuellement une page « Blog » pour les articles. Vous ferez ça à la séance 3.

Réglages → Permaliens ⭐ Incontournable

Les permaliens définissent la structure des URL de vos pages et articles. C’est un réglage critique pour le SEO (référencement naturel) et pour la lisibilité de vos adresses.

Choisissez Nom de l’article :

Votre URL ressemblera à :   https://monsite.ch/titre-de-mon-article/
Au lieu de :                https://monsite.ch/?p=42

La première est comprise par les humains ET par Google. La seconde ne veut rien dire pour personne.

⚠️ Important : Ne changez jamais ce réglage une fois votre site en ligne. Changer la structure des permaliens casse tous les liens existants et peut nuire gravement à votre référencement.

Réglages → Discussion

Décidez si vous souhaitez autoriser les commentaires sur votre site. Pour un site vitrine ou portfolio, il est souvent préférable de les désactiver pour éviter le spam. Pour un blog actif, activez-les avec modération obligatoire.


3. Les quatre extensions incontournables

Une extension (ou plugin) est un module qui ajoute des fonctionnalités à WordPress. Il en existe plus de 60 000 — et c’est précisément pour ça qu’il faut être sélectif.

Règle d’or : Chaque extension active ralentit potentiellement votre site et peut créer des conflits. N’installez que ce dont vous avez réellement besoin.

Pour installer une extension : Extensions → Ajouter → Rechercher → Installer → Activer

Voici les quatre que nous installons dès la première séance :


🔍 Broken Link Checker

Ce que ça fait : Surveille en permanence tous les liens de votre site et vous alerte dès qu’un lien est cassé (page supprimée, URL changée, site disparu…).

Pourquoi c’est essentiel : Un lien cassé dégrade l’expérience de vos visiteurs et nuit à votre référencement Google.

À noter : Une fois configuré, désactivez la vérification en temps réel dans les réglages du plugin — elle consomme des ressources serveur inutilement. Une vérification quotidienne ou hebdomadaire suffit largement.


📋 Duplicate Post

Ce que ça fait : Ajoute un bouton Dupliquer sur chaque article et chaque page.

Pourquoi c’est essentiel : Vous créez souvent des pages avec une structure similaire (pages de services, fiches produits…). Plutôt que de partir d’une page blanche à chaque fois, dupliquez et modifiez. Gain de temps considérable.


📊 Admin Columns Pro

Ce que ça fait : Permet de personnaliser les colonnes affichées dans les listes d’articles et de pages du tableau de bord.

Pourquoi c’est utile : Par défaut, la liste des articles n’affiche que le titre, l’auteur, les catégories et la date. Avec Admin Columns Pro, vous pouvez ajouter l’image à la une, le nombre de mots, le statut de publication, etc. Votre flux de travail éditorial devient bien plus efficace.

Version gratuite suffisante pour débuter.


🎯 Yoast SEO

Ce que ça fait : L’extension SEO (Search Engine Optimization) de référence pour WordPress. Elle analyse chaque page et article et vous guide pour optimiser votre contenu pour les moteurs de recherche.

Ce qu’elle fait concrètement :

  • Génère automatiquement un plan du site XML (sitemap) que Google lit pour indexer toutes vos pages
  • Permet de définir un titre SEO et une méta-description personnalisés pour chaque page
  • Analyse la lisibilité de votre contenu (longueur des phrases, sous-titres, etc.)
  • Prépare les informations pour les réseaux sociaux (image de partage, titre, description)

À faire après installation : Suivez l’assistant de configuration Yoast (il se lance automatiquement ou via SEO → Configuration).

💡 Yoast SEO est un outil d’aide — pas une garantie de positionnement. Google classe les sites selon des centaines de critères. Yoast vous aide à ne pas faire d’erreurs de base et à structurer votre contenu correctement.


Récapitulatif — Ce que vous savez faire après cette séance

À l’issue de cette première séance, vous êtes capable de :

  • ✅ Expliquer la différence entre hébergement local et hébergement en ligne
  • ✅ Identifier les trois composantes d’un site WordPress : hébergement, domaine, application
  • ✅ Constituer votre document d’exploitation avec toutes les informations critiques
  • ✅ Vous connecter à votre tableau de bord WordPress
  • ✅ Configurer les quatre réglages de base (Général, Lecture, Permaliens, Discussion)
  • ✅ Installer et activer les quatre extensions incontournables

Exercices de la séance

EX 1.1 — Se connecter à son site (10 min)

Rendez-vous sur https://site.triskel.ch/webXX/wp-admin et explorez les sections du menu latéral pendant 5 minutes. Notez mentalement ce qui vous semble important.

EX 1.2 — Configurer les réglages de base (15 min)

  1. Réglages → Général : changez le titre du site et le slogan pour correspondre à votre projet
  2. Réglages → Permaliens : sélectionnez Nom de l’article et enregistrez

EX 1.3 — Installer les quatre extensions (10 min)

Installez et activez une par une : Broken Link CheckerDuplicate PostAdmin Columns ProYoast SEO. Vérifiez ensuite dans Extensions → Extensions installées que les quatre sont bien actives.

EX 1.4 — Ma fiche projet (10 min)

Notez dans un document texte :

  • Le nom et le slogan de votre site
  • Le type de site (vitrine, blog, boutique, association…)
  • Les 3 à 4 pages principales que vous prévoyez de créer
  • Votre question principale pour cette formation

À la prochaine séance

La séance 2 porte sur l’élaboration du contenu : on créera ensemble les pages et les articles de votre site, on organisera le contenu avec des catégories et des mots-clés, et on prendra en main l’éditeur Gutenberg.

Pour préparer : réfléchissez à l’organisation de votre site (quelles pages, quels thèmes d’articles) et préparez 5 images représentatives de votre projet — vous les optimiserez sur squoosh.app avant de les uploader.


Formation WordPress — Roland Graber — roland.graber@triskel.ch — 079 440 85 58
Cours privé : 120.- / heure via l’UPL — Accompagnement professionnel : triskel.ch

Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *