Généralités et installation de WordPress

Un CMS (Content Management System, ou système de gestion de contenu) est un logiciel installé sur un serveur web qui permet de créer, modifier et publier un site sans écrire de code. On travaille depuis une interface d’administration, dans le navigateur.

Le CMS sépare trois éléments :

• le contenu (textes, images, pages, articles), stocké dans une base de données ;
• la présentation, gérée par un thème ;
• les fonctionnalités, ajoutées par des extensions (plugins).

On peut ainsi changer tout le design d’un site sans toucher aux textes, ou confier la rédaction à une personne qui ne connaît pas le HTML.

On distingue les CMS open source auto-hébergés (on les installe sur son propre hébergement) et les constructeurs de sites en ligne (SaaS, tout est hébergé par l’éditeur).

Né en 2003 comme outil de blog, WordPress fait aujourd’hui fonctionner plus de 40 % des sites web dans le monde.

• Gratuit et open source (licence GPL), traduit en français.
• Deux types de contenus : les articles (datés, classés par catégories et étiquettes) et les pages (statiques : Accueil, Contact, Mentions légales…).
• Éditeur de blocs (Gutenberg) : chaque paragraphe, image ou bouton est un bloc que l’on déplace.
• Thèmes pour l’apparence, extensions pour les fonctions (formulaire, SEO, sécurité, boutique…).
• Gestion des utilisateurs avec des rôles : Administrateur, Éditeur, Auteur, Contributeur, Abonné.
• Mises à jour du cœur, des thèmes et des extensions depuis le tableau de bord.

WAMP transforme votre PC en serveur web local pour travailler sans hébergeur. Le nom résume ses composants : Windows, Apache (serveur web), MySQL/MariaDB (base de données), PHP (langage). Équivalents : XAMPP (multi-plateforme), MAMP (Mac), Local (outil dédié WordPress).

Pas à pas

1. Téléchargez WampServer depuis le site officiel wampserver.com (version 64 bits).
2. Installez au préalable les Visual C++ Redistributable demandés par l’installeur s’ils sont absents.
3. Lancez l’installation en conservant le dossier par défaut C:\wamp64, puis choisissez votre navigateur et éditeur de texte.
4. Démarrez WampServer. L’icône dans la barre des tâches doit passer au vert (orange = un service ne démarre pas, rouge = aucun service).
5. Ouvrez http://localhost dans le navigateur : la page d’accueil de WAMP s’affiche.

PHP est un langage exécuté par le serveur : il produit du HTML qui est ensuite envoyé au navigateur. Le visiteur ne voit jamais le code PHP. MySQL (ou MariaDB) est le système de base de données où WordPress range tout le contenu, dans des tables.

<?php // exemple : afficher le titre du site
echo '<h1>' . get_bloginfo('name') . '</h1>';
// Résultat envoyé au navigateur :
// <h1>Mon site de formation</h1>

Les tables principales de WordPress

On consulte la base avec phpMyAdmin, accessible depuis WAMP à l’adresse http://localhost/phpmyadmin (identifiant root, mot de passe vide par défaut en local).

Téléchargez toujours WordPress en français depuis fr.wordpress.org. L’archive ZIP contient un dossier wordpress.

Installation en local (WAMP)

1. Décompressez l’archive et copiez le dossier dans C:\wamp64\www\, renommé par exemple monsite.
2. Dans phpMyAdmin, onglet Bases de données, créez une base nommée monsite en interclassement utf8mb4_unicode_ci.
3. Ouvrez http://localhost/monsite : l’assistant d’installation démarre.
4. Renseignez : nom de la base monsite, identifiant root, mot de passe vide, hôte localhost, préfixe wp_ (ou un préfixe personnalisé).
5. Saisissez le titre du site, l’identifiant administrateur, un mot de passe fort et votre e-mail, puis cliquez sur Installer WordPress.

Installation en distant (hébergeur)

1. Dans l’espace client de l’hébergeur (o2switch, OVH, Hostinger…), créez une base de données et un utilisateur avec son mot de passe. Notez le nom de l’hôte fourni.
2. Envoyez le contenu du dossier wordpress à la racine du site (souvent public_html ou www) avec un client FTP comme FileZilla.
3. Ouvrez votre nom de domaine dans le navigateur et suivez le même assistant, avec les identifiants de base fournis par l’hébergeur.

Menu Comptes › Profil (ou clic sur votre nom en haut à droite › Modifier le profil).

N’oubliez pas de cliquer sur Mettre à jour le profil en bas de page.

Le menu Réglages contient six écrans à passer en revue juste après l’installation.

Le back office est l’espace d’administration, réservé aux utilisateurs connectés. On y accède par votresite.fr/wp-admin (ou /wp-login.php).

• Tableau de bord : accueil, mises à jour disponibles, état de santé du site.
• Articles, Médias, Pages, Commentaires : gestion du contenu.
• Apparence : thèmes, éditeur de site ou personnalisateur, menus, widgets.
• Extensions : ajout et activation des plugins.
• Comptes, Outils, Réglages : utilisateurs, import/export, configuration.

La barre d’administration noire, en haut de l’écran, permet de passer à tout moment de l’administration au site public.

Le front office est le site public, tel que le voient les visiteurs. Son apparence dépend du thème actif ; son contenu vient de ce que vous publiez dans le back office.

Cliquez sur une réponse pour vérifier vos acquis.