Initiation à WordPress (Cours/TP)

Julien Guézennec @ PEAJ (Mise à jour : 28/04/2023)

Pour commencer...

Présentation...
Je fais des sites et applications Internet multi-plateformes !

Bonjour, je m'appelle Julien Guézennec, j'ai 25 ans d'expérience dans le développement web, pour des
start-ups, en freelance et pour Bouygues Telecom durant 13 ans (ingénieur "Innovation et Convergence
Internet"). Je suis spécialisé en développement front et back-end de sites bureau/mobiles et je
m'intéresse particulièrement à la conception et au développement d'interfaces utilisateur complexes,
mais ergonomiques et accessibles.
Je suis capable de travailler seul ou en équipe, et je peux m'occuper de toutes les étapes du projet, du
design à la gestion de projet en passant par la formation et la communication. Je suis expert dans de
nombreux domaines tels que le e-commerce, les interfaces d'administration, les data(bases/viz), la
sécurité, les webapps mobiles, etc.

Je suis passionné par Internet, le code et le multimédia, et j'aime apprendre de nouvelles technologies.
Je pratique aussi WordPress depuis -presque- sa création, et j'aime beaucoup ce CMS :)

● Mail : julien.guezennec@gmail.com
● Code : @julien-gueznet sur Github
 ● Site : Julienweb.fr

Exemple de site WordPress que j'ai réalisé :

● Btinitiatives.fr

Espace de travail
● Initiation à WordPress, le cours :

○ https://shorturl.at/QSW46 (Lien court vers ce document en ligne)

○ Google "gDoc" : Cours_TP WordPress - PEAJ - JG 2023.gdoc
○ PDF (3Mo) : Cours_TP WordPress - PEAJ - JG 2023.pdf
○ Répertoire partagé : Google Drive (pour les exercices)

● Logiciels (à installer sur son poste) :

○ Navigateur : Google Chrome ou Brave...
○ Editeur de code : Visual Studio Code (avec WordPress VS Code Extension Pack)
○ Client (s)FTP : WinSCP ou Filezilla
○ Serveur local (LAMP) : WampServer ou LocalWP
○ Zip : 7-Zip

● Services Internet (SAAS -> Barre de favoris) :

○ Gmail et Google Drive...
○ Pour tester rapidement le CSS/JS : JsFiddle
○ Editeurs Images et vidéos (en ligne ou non) : Photopea et CapCut
○ Les couleurs : Color.Adobe
○ IA pour travailler les textes et mots-clé : Chat.OpenAI et Poe
○ IA pour les images : Labs.OpenAI
 ○ Trend des recherches Google : Trends.Google
○ Votre site WordPress ! :-)

Sommaire

Objectifs et détails par journée

Jour 1 : Introduction à WordPress

● Qu'est ce qu'un CMS ?

● Présentation de WordPress : histoire, caractéristiques et avantages
● Installation de WordPress : configuration de l'environnement de développement local ou d'un
hébergement en ligne
● Exploration de l'interface de WordPress : tableau de bord, menus, barre d'outils, etc.
● Gestion des utilisateurs : création, modification et suppression d'utilisateurs
● Personnalisation de l'apparence : choix d'un thème, modification du thème, ajout de widgets

Jour 2 : Création de contenu

● Aspect légaux de la publication sur internet

● Création d'articles : rédaction, édition, publication et gestion des articles
● Création de pages : création de pages statiques, gestion des modèles de page
● Gestion des médias : ajout, modification et suppression d'images, de vidéos et de fichiers
● Utilisation des catégories et des balises : organisation du contenu à l'aide de catégories et de
balises
● Création de menus : création et gestion de menus de navigation

Jour 3 : Personnalisation avancée

● Personnalisation du thème : personnalisation avancée du thème à l'aide du Customizer

● Utilisation des extensions : installation, activation et configuration d'extensions pour ajouter des
fonctionnalités à WordPress
● Gestion des commentaires : modération des commentaires, configuration des paramètres de
commentaire
● Création de formulaires : utilisation d'un plugin de formulaire pour créer des formulaires de
contact, d'inscription, etc.
● Optimisation pour les moteurs de recherche : utilisation des fonctionnalités de référencement
de WordPress pour améliorer la visibilité du site sur les moteurs de recherche

Jour 4 : Gestion du site

● Sauvegarde et restauration : création de sauvegardes du site et restauration en cas de besoin

● Gestion des utilisateurs avancée : gestion des rôles et des permissions des utilisateurs
● Sécurité : mise en place de bonnes pratiques de sécurité pour protéger le site WordPress contre
les attaques
● Analyse du site : utilisation d'outils d'analyse pour surveiller les performances du site et obtenir
des informations sur les visiteurs
● Création d'un sites personnel

Todo : HTML, CSS, responsive design, traitement d'image, ...

 Travaux Pratiques
● Installer / héberger une instance WP
● Ajouter un premier article
● Créer des pages de contenu et ajuster les menus
● Customiser un thème : créer un thème enfant
● Créer un formulaire à l'aide d'un plugin

Ressources
● Assistance et documentation
● Communautés
● Gutenberg et "Full Site Editing"

Introduction à WordPress

Qu'est ce qu'un CMS ?

Définition de CMS : CMS est l’acronyme de "Content Management System", c’est-à-dire système de
gestion de contenu. Il s’agit d’un logiciel en ligne grâce auquel il est possible de créer, de gérer et de
modifier facilement un site web, sans avoir besoin de connaissances techniques en langage
informatique.

Les CMS offrent généralement les fonctionnalités suivantes :

1. Gestion des contenus : Permet de créer, modifier et organiser du contenu, tels que des articles,
des pages, des images, des vidéos, etc., facilement à partir de l'interface d'administration.

2. Gestion des utilisateurs : Permet de gérer les comptes d'utilisateurs, d'attribuer des rôles et des
autorisations d'accès, et de contrôler les niveaux de permission pour les utilisateurs du site web.

3. Gestion des thèmes et des templates : Permet de choisir et de personnaliser l'apparence du site
web en utilisant des thèmes ou des templates prédéfinis, sans avoir à modifier le code source
du site web.

4. Gestion des extensions ("plugins") : Permet d'ajouter des fonctionnalités supplémentaires au

site web, tels que des formulaires, des galeries d'images, des outils de référencement, etc., en
utilisant des extensions ou des plugins pré-conçus.

5. Gestion des médias : Permet de gérer et d'organiser les fichiers médias, tels que les images, les
vidéos, les documents, etc., utilisés sur le site web.

6. Fonctionnalités de publication : Permet de planifier la publication de contenu à une date et une

heure spécifiques, de gérer les commentaires des utilisateurs, et de partager du contenu sur les
réseaux sociaux.

7. Gestion de la structure du site web : Permet de gérer la structure du site web, tels que les
 menus, les catégories, les balises, etc., pour organiser le contenu de manière logique et
conviviale.

Les CMS les plus populaires incluent WordPress, Joomla, Drupal, Magento, et Shopify, chacun ayant
ses propres caractéristiques, avantages et inconvénients, et convenant à différents types de sites web
et de besoins.

Une nouvelle génération de CMS, dit "headless", arrive aussi sur le marché, par exemple Strapi.io.

Présentation de WordPress :
histoire, caractéristiques et avantages
Le logiciel WordPress est gratuit. Il peut être téléchargé librement sur le site : Wordpress.org
C’est un système de gestion de contenu (CMS) libre (open source) écrit en PHP et reposant sur une
base de données MySQL. Il est distribué par la fondation WordPress.org. Les fonctionnalités de
WordPress lui permettent de créer et gérer différents types de sites Web :

● Site vitrine
● Site de vente en ligne
● Site applicatif
● Blog
● Portfolio
● Site institutionnel
● Site d'enseignement…

Histoire de WordPress :

WordPress a été créé en 2003 par Matt Mullenweg et Mike Little. Au départ, c'était une plateforme de
blogging open source, conçue pour permettre aux utilisateurs de créer facilement des blogs. Au fil des
années, WordPress est devenu un système de gestion de contenu (CMS) extrêmement populaire, utilisé
pour créer non seulement des blogs, mais aussi des sites web complets, des boutiques en ligne, des
portfolios, et bien plus encore. Cf. https://fr.wikipedia.org/wiki/WordPress

● 2003 : Naissance du CMS dans sa version 0.7

● 2009 : WordPress remporte le prix du meilleur CMS Open Source
● 2012 : WordPress atteint 17,4% de part de marché dans les CMS
● 2023 : WordPress est à 43% de part de marché !

Tous les sites WordPress.com sont bâtis sur deux composants :

● Contenu : les contenus de votre site se composent de pages, d’articles et de médias. Vous
pouvez ajouter ou modifier des pages et des articles en accédant à Pages ou à Articles dans la
colonne latérale de gauche du tableau de bord de votre site. Les modifications sont réalisées à
l’aide de l’éditeur de blocs.

● Structure : les modifications apportées à l’ensemble du site, comme la modification des menus,
l’ajustement des couleurs, créer un pied de page, etc. sont réalisées avec l’éditeur de site.
Depuis votre tableau de bord, accédez à Apparence → Éditeur de site.

WordPress offre de nombreuses caractéristiques qui en font un CMS puissant et flexible !

Caractéristiques et avantages de WordPress :

1. Interface conviviale et Accessible : WordPress propose une interface intuitive et conviviale qui
facilite la création et la gestion de contenu sans nécessiter de compétences techniques
approfondies. Il est accessible à tous, des débutants aux utilisateurs avancés, sans nécessiter
de compétences techniques avancées.

2. Personnalisation et flexibilité : WordPress offre une grande variété de thèmes et de plugins qui
permettent de personnaliser facilement l'apparence et les fonctionnalités d'un site web. Il peut
être utilisé pour créer différents types de sites web, allant des blogs personnels aux sites web
d'entreprise, en passant par les sites e-commerce et les portfolios. WordPress peut être utilisé
pour créer des sites web de toutes tailles, de petits blogs à des sites web d'entreprise
complexes avec des milliers de pages.

3. Gestion de contenu : WordPress permet de créer, modifier et organiser facilement du contenu

sous forme d'articles, de pages, de catégories et de balises.

4. Communauté active : La communauté WordPress est vaste et dynamique, offrant un support

technique, des ressources en ligne et des mises à jour régulières pour maintenir la sécurité et la
performance du site et qui contribuent constamment à son développement et à son
amélioration.

5. SEO-friendly : WordPress offre des fonctionnalités de référencement naturel (SEO) intégrées, ce

qui facilite l'optimisation des sites pour les moteurs de recherche.

6. Extensibilité : WordPress permet d'ajouter des fonctionnalités supplémentaires à l'aide de

plugins, ce qui offre une grande flexibilité pour répondre aux besoins spécifiques d'un site web.

7. Économique : WordPress est un logiciel open source gratuit, ce qui permet de réduire les coûts
de développement et de maintenance d'un site web.
En résumé, WordPress est un CMS populaire offrant une interface conviviale, une personnalisation
flexible, une vaste communauté et de nombreux avantages pour la création de sites web de toutes
tailles et de tous types.

WordPress.com VS WordPress.org

● Le site WordPress.org est le site officiel de WordPress, où il est possible de télécharger le

système de gestion de contenu ainsi que des thèmes et des extensions. Il n'offre pas de service
de stockage et laisse à l'utilisateur le choix de son hébergement et la maintenance de sa page
(mise à jour du logiciel et des plug-ins).

● Le site WordPress.com offre une solution d'hébergement, installe, et met à jour

automatiquement la plateforme WordPress pour aider les débutants à réaliser un site Web.
Cependant, l'espace de stockage est restreint, la personnalisation de l'apparence est limitée, et
des publicités s'affichent pour les utilisateurs souhaitant bénéficier du service gratuitement.

Installation de WordPress :
configuration de l'environnement de développement local
ou d'un hébergement en ligne
LAMP est un acronyme désignant un ensemble de logiciels libres permettant de construire des
serveurs de sites web, il se réfère aux logiciels suivants (La stack LAMP) :

● Linux (GNU/Linux) assure l'attribution des ressources aux autres composants (Rôle d'un
Système d'exploitation ou OS pour Operating System)
● Apache est le serveur web « frontal » : il est « devant » tous les autres et répond directement aux
requêtes du client web (navigateur) ;
● MySQL (et son fork MariaDB) sont des systèmes de gestion de bases de données (SGBD). Ils
permettent de stocker et d'organiser des données ;
● PHP, un langage de script, permet la génération de pages web dynamiques et la communication
avec le serveur MySQL/MariaDB (Cela peut aussi être « Perl » ou « Python »)

LAMP

PHP, côté serveur

 OS (Linux, Windows Server ou AWS...)

JavaScript, côté client

MySQL et phpMyAdmin
MySQL est le système de base de données le plus populaire sur le Web, il peut être géré depuis la ligne
de commande (Shell) ou depuis une interface Web (Souvent phpMyAdmin).

Connexion à votre base de données : Le service de base de données MySQL est disponible sur
"localhost" et il n’est pas possible d’accéder au service depuis l’extérieur de l’instance.

● CRUD : Désigne les quatre opérations de base pour la persistance des données, en particulier le
stockage d'informations en base de données.

○ Create : créer
○ Read : lire
○ Update : mettre à jour
○ Delete : supprimer

phpMyAdmin est une application Web de gestion pour les systèmes de gestion de base de données
MySQL et MariaDB, réalisée principalement en PHP et distribuée sous licence GNU GPL.
Installation

Lorsque vous souhaitez installer WordPress, vous avez deux options principales : la configuration de
l'environnement de développement local sur votre propre ordinateur, ou l'hébergement en ligne auprès
d'un fournisseur de services d'hébergement web. Voici un aperçu des deux options :

1. Environnement de développement local :

L'installation de WordPress sur votre propre ordinateur en tant qu'environnement de

développement local vous permet de créer et de tester votre site web localement, sans avoir
besoin d'une connexion Internet. Cela peut être utile si vous souhaitez expérimenter, apprendre
et développer votre site web en local avant de le mettre en ligne.

Pour configurer un environnement de développement local, vous aurez besoin d'un logiciel de
serveur local qui émule LAMP, comme XAMPP, WAMP ou MAMP, qui vous permet de créer un
serveur web local sur votre ordinateur. Vous pouvez ensuite installer WordPress sur ce serveur
local en suivant les instructions de WordPress.org. Cela vous permettra de développer et de
personnaliser votre site web WordPress en toute sécurité sur votre propre ordinateur, sans que
le site soit accessible en ligne.

2. Hébergement en ligne :

L'hébergement en ligne signifie que vous téléchargez et installez WordPress sur un serveur
distant fourni par un fournisseur de services d'hébergement web. Votre site web sera accessible
en ligne, ce qui permettra aux visiteurs d'y accéder depuis n'importe quel navigateur.

Il existe de nombreux fournisseurs d'hébergement web, tels que Ovh.fr, Gandi.fr, Godaddy.com,
et bien d'autres, qui offrent des solutions d'hébergement WordPress spécifiques. Ces
fournisseurs proposent généralement des outils d'installation en un clic pour simplifier le
processus d'installation de WordPress, ainsi que des fonctionnalités de gestion de site web
telles que des sauvegardes, des mises à jour automatiques et un support technique.

Le choix entre un environnement de développement local et un hébergement en ligne dépend de vos

besoins spécifiques. L'utilisation d'un environnement de développement local peut être idéale pour les
développeurs ou les utilisateurs qui souhaitent tester et expérimenter leur site web avant de le mettre
en ligne, tandis que l'hébergement en ligne est nécessaire pour rendre le site accessible au public sur
Internet.

Exploration de l'interface de WordPress :

tableau de bord, menus, barre d'outils, etc.
Lorsque vous avez installé WordPress et que vous vous êtes connecté à votre site en tant
qu'administrateur, vous arriverez sur le tableau de bord de WordPress. Le tableau de bord est la
principale interface d'administration de votre site web, où vous pouvez gérer et personnaliser votre site
WordPress. Voici un aperçu des éléments clés de l'interface de WordPress :

1. Tableau de bord : Le tableau de bord est la première page que vous voyez après vous être
connecté à votre site WordPress. Il vous offre un aperçu des informations importantes sur votre
site web, tels que les commentaires récents, les publications récentes, les statistiques du site,
les mises à jour et bien d'autres. Depuis le tableau de bord, vous pouvez accéder à différentes
sections d'administration de votre site.

2. Menus : Les menus dans WordPress vous permettent de naviguer dans les différentes sections
d'administration de votre site web. Les menus principaux comprennent des liens vers des
sections telles que les publications (articles et pages), les médias, les commentaires, les
réglages et les extensions (plugins et thèmes). Les menus peuvent varier en fonction des
plugins et thèmes installés sur votre site.

3. Barre d'outils : La barre d'outils est une barre horizontale située en haut de l'interface de
WordPress lorsque vous êtes connecté en tant qu'administrateur. Elle offre un accès rapide à
certaines fonctionnalités importantes, telles que la création de nouvelles publications, la gestion
des commentaires, la personnalisation du thème, la gestion des utilisateurs et bien d'autres.

4. Sections de l'interface : L'interface de WordPress est divisée en plusieurs sections principales,

telles que les publications (articles et pages), les médias (images, vidéos, etc.), les
commentaires, les réglages (pour configurer les options du site), les utilisateurs (pour gérer les
comptes d'utilisateurs), les thèmes (pour personnaliser l'apparence de votre site), les plugins
(pour ajouter des fonctionnalités supplémentaires), et bien d'autres en fonction des plugins et
thèmes installés sur votre site.

5. Personnalisation : WordPress offre également une fonctionnalité de personnalisation de thème,

qui vous permet de personnaliser l'apparence de votre site web en temps réel. Vous pouvez
modifier le logo, les couleurs, les polices, les en-têtes, les pieds de page, et bien d'autres
éléments visuels de votre site à partir de la section Personnaliser dans le tableau de bord.

Il est important de se familiariser avec l'interface de WordPress, notamment le tableau de bord, les
menus, la barre d'outils et les différentes sections, car cela vous permettra de gérer efficacement votre
site web et de personnaliser son apparence et ses fonctionnalités selon vos besoins.

Réglage de la taille des images....

 Personnalisation des liens vers le contenu, pour améliorer le référencement...

Gestion des utilisateurs :

création, modification et suppression d'utilisateurs
La gestion des utilisateurs dans WordPress vous permet de créer, modifier et supprimer des comptes
d'utilisateurs qui ont accès à votre site web. Voici les principales étapes pour gérer les utilisateurs dans
WordPress :

1. Création d'un nouvel utilisateur : Pour créer un nouvel utilisateur, allez dans la section
"Utilisateurs" dans le menu principal de l'interface d'administration de WordPress. Cliquez sur
"Ajouter" pour ouvrir le formulaire de création d'un nouvel utilisateur. Remplissez les champs
obligatoires tels que le nom d'utilisateur, l'adresse e-mail et le rôle d'utilisateur (administrateur,
éditeur, auteur, etc.). Vous pouvez également attribuer un mot de passe à l'utilisateur ou en
générer un automatiquement. Enfin, cliquez sur "Ajouter un utilisateur" pour créer le nouvel
utilisateur.

2. Modification d'un utilisateur existant : Pour modifier les informations d'un utilisateur existant,
allez dans la section "Utilisateurs" dans le menu principal et cliquez sur le nom de l'utilisateur
que vous souhaitez modifier. Vous pouvez alors modifier les champs tels que le nom
d'utilisateur, l'adresse e-mail, le rôle d'utilisateur, le mot de passe, etc. Une fois les modifications
effectuées, cliquez sur "Mettre à jour le profil" pour enregistrer les changements.

3. Suppression d'un utilisateur : Pour supprimer un utilisateur, allez dans la section "Utilisateurs"
dans le menu principal et cochez la case à côté du nom de l'utilisateur que vous souhaitez
supprimer. Ensuite, sélectionnez "Supprimer" dans le menu déroulant "Actions groupées" en bas
 de la liste des utilisateurs. Cliquez sur "Appliquer" pour supprimer définitivement l'utilisateur.

Il est important de noter que la suppression d'un utilisateur est une action définitive et ne peut pas être
annulée. Assurez-vous donc de bien vérifier les informations avant de supprimer un utilisateur. De plus,
assurez-vous d'accorder les rôles d'utilisateur appropriés en fonction des responsabilités et des
autorisations nécessaires sur votre site web, afin de maintenir la sécurité et l'intégrité de votre site
WordPress.

Mot de passe des utilisateurs :

Lorsqu'un utilisateur oublie son mot de passe, il peut faire la demande, via le formulaire de connexion,
pour que WordPress lui régénère automatiquement un nouveau de passe et l'envoie par email.

On ne peut pas voir les mots de passe utilisateur en clair dans WordPress.
Il est possible de les voir sous forme chiffrée en base de données.

Pour regénérer manuellement un mot de passe pour un utilisateur, vous pouvez suivre les étapes
suivantes :

1. Connectez-vous à votre site WordPress en tant qu'administrateur.

2. Accédez à la liste des utilisateurs en allant dans "Utilisateurs" dans le menu principal de
l'administration WordPress.

3. Recherchez l'utilisateur pour lequel vous souhaitez régénérer le mot de passe, en utilisant la
fonction de recherche si nécessaire.

4. Cliquez sur le nom de l'utilisateur pour accéder à son profil d'utilisateur.

5. Faites défiler jusqu'à la section "Changer de mot de passe" dans le profil de l'utilisateur.

6. Cliquez sur le bouton "Générer" à côté du champ "Nouveau mot de passe" pour générer
automatiquement un nouveau mot de passe fort pour l'utilisateur.

7. Vous pouvez soit copier le mot de passe généré et l'envoyer à l'utilisateur par un autre moyen
(par exemple, par e-mail).

8. Cliquez sur le bouton "Mettre à jour le profil" pour enregistrer le nouveau mot de passe
directement dans le profil de l'utilisateur.

9. Informez l'utilisateur du nouveau mot de passe généré et encouragez-le à le changer dès qu'il se
connecte à son compte pour des raisons de sécurité.

Personnalisation de l'apparence :
choix d'un thème, modification du thème, ajout de widgets
La personnalisation de l'apparence de votre site WordPress est un élément clé pour créer un site web
attrayant et adapté à vos besoins. Voici les étapes pour personnaliser l'apparence de votre site en
choisissant un thème, en modifiant le thème et en ajoutant des widgets :

1. Choix d'un thème : WordPress propose de nombreux thèmes gratuits et payants qui déterminent
l'apparence globale de votre site. Pour choisir un thème, allez dans la section "Apparence" dans
le menu principal de l'interface d'administration de WordPress, puis sélectionnez "Thèmes".
 Vous pouvez parcourir les thèmes disponibles, les prévisualiser et les installer en cliquant sur le
bouton "Installer" sous le thème de votre choix. Une fois installé, cliquez sur "Activer" pour
appliquer le thème à votre site.

2. Modification du thème : Une fois que vous avez choisi un thème, vous pouvez le personnaliser
pour adapter son apparence à vos besoins. Allez dans la section "Apparence" dans le menu
principal, puis sélectionnez "Personnaliser". Cela ouvrira l'éditeur de personnalisation de thème,
qui vous permet de modifier divers éléments tels que l'en-tête, le pied de page, les couleurs, les
polices, les images, etc. Vous pouvez prévisualiser les modifications en temps réel et les
enregistrer une fois satisfait.

3. Ajout de widgets : Les widgets sont de petits éléments qui peuvent être ajoutés à votre site pour
afficher du contenu ou des fonctionnalités supplémentaires, tels que des barres latérales, des
menus, des formulaires de contact, etc. Pour ajouter des widgets, allez dans la section
"Apparence" dans le menu principal, puis sélectionnez "Widgets". Vous pouvez alors choisir
parmi les widgets disponibles et les glisser-déposer dans les emplacements de widgets
disponibles sur votre thème, tels que les barres latérales ou les pieds de page. Vous pouvez
également configurer les paramètres des widgets pour les personnaliser en fonction de vos
besoins.

N'oubliez pas de sauvegarder et de publier vos modifications une fois que vous êtes satisfait de
l'apparence de votre site avec le thème et les widgets choisis. Vous pouvez également continuer à
modifier et à ajuster l'apparence de votre site en fonction de vos besoins et de vos préférences tout au
long de votre parcours avec WordPress.

Les zones de WordPress (Cf. Éléments de modèles)

Création de contenu

Aspect légaux de la publication sur internet

 ● Responsabilité : En tant qu’éditeur, vous êtes responsables des articles publiés sur le site. En
cas de plainte concernant les contenus postés, il agit promptement pour retirer les contenus
litigieux. Par ailleurs, l’éditeur doit toujours permettre à ses lecteurs de rapporter un abus.

● Droits d’auteur et protection des contenus : Il est important de savoir qu’en droit français,
comme dans la plupart des pays, le droit d’auteur naît sur la tête de l’auteur en même temps que
la création de son œuvre.

● Anonymat : La loi pour la confiance dans l’économie numérique (LCEN) précise que l’éditeur du
site, lorsqu’il écrit en tant que personne physique à titre non professionnel, peut rester anonyme.

● Informatique et liberté et le RGPD : La CNIL Le RGPD, acronyme pour Règlement Général pour la
Protection des Données, Votée au Parlement Européen en 2016, sa mise en application est
mondiale, et l’organisme en charge de son respect en France est la CNIL, la Commission
Nationale de l’Informatique et des Libertés. Le but de cette réglementation: assurer à tout
individu le contrôle et la protection des données à caractère personnel qu’il dissémine lors de
ses navigations sur la toile. Les mentions légales sur les cookies :
https://www.cnil.fr/fr/cookies-et-traceurs-comment-mettre-mon-site-web-en-conformite. Voir
aussi Matomo VS Google Analytics.

"Lorsqu'ils visitent un site web, les utilisateurs doivent être informés et donner leur consentement
préalablement au dépôt ou la lecture de cookies ou autres traceurs, à moins que ces traceurs ne
bénéficient d’une des exemptions prévues par l’article 82 de la loi Informatique et Libertés."

● Protection des données personnelles : Outre le RGPD, il peut y avoir d'autres lois locales ou
régionales relatives à la protection des données personnelles, en fonction de votre pays de
résidence. Vous devez vous assurer de respecter ces lois en collectant, stockant et traitant les
données personnelles des utilisateurs de votre site web.

● Protection des mineurs : Si votre site web est destiné à un public jeune ou si vous collectez des
données personnelles de mineurs, vous devez vous conformer aux lois relatives à la protection
des mineurs.

● Responsabilité des commentaires des utilisateurs : Si vous permettez aux utilisateurs de

laisser des commentaires sur votre site web, vous devez mettre en place des mesures pour
éviter la diffusion de contenus illicites, diffamatoires, offensants ou violant les droits d'autrui.
Vous pouvez également préciser dans vos conditions d'utilisation que les utilisateurs sont
responsables de leurs commentaires et que vous vous réservez le droit de les supprimer si
nécessaire.

Il est important de consulter les lois et réglementations locales, régionales et internationales applicables
à votre site web et de vous assurer de respecter toutes les obligations légales pour éviter tout litige ou
sanction. Il est recommandé de consulter un professionnel du droit ou un avocat spécialisé en droit
numérique pour obtenir des conseils juridiques appropriés en fonction de votre situation spécifique.

Mentions légales, de quoi s’agit-il ?

Sachez que si vous avez un site Internet, vous avez pour obligation d’inclure ces informations et vouloir
y échapper n’est pas vraiment une bonne idée.

● Doc : https://wpformation.com/site-wordpress-comment-integrer-les-mentions-legales/
● Exemple : https://www.btinitiatives.fr/mentionslegales/

Nom de domaine, à voir différence

 ● ".fr" => https://www.afnic.fr L'Afnic est l’association chargée de gérer le registre des noms de
domaine en France

● ".com, .net, .tv, etc..." => https://www.whois.com Whois.com - Domain Names & Identity for
Everyone

Création d'articles :
rédaction, édition, publication et gestion des articles
La création d'articles est l'un des éléments essentiels de la gestion de contenu dans WordPress. Voici
les étapes pour créer, rédiger, éditer, publier et gérer des articles dans WordPress :

1. Création d'un nouvel article : Pour créer un nouvel article, connectez-vous à l'interface
d'administration de WordPress et allez dans la section "Articles" dans le menu principal. Cliquez
sur "Ajouter" pour créer un nouvel article vierge.

2. Rédaction de l'article : Dans l'éditeur d'articles, vous pouvez rédiger le contenu de votre article
en utilisant l'éditeur de texte riche. Vous pouvez ajouter du texte, des images, des vidéos, des
liens, des balises, des catégories et bien plus encore. Vous pouvez également formater le texte,
ajouter des listes, insérer des médias, et configurer les paramètres de publication tels que la
date, l'heure, l'auteur, etc.

3. Édition de l'article : Une fois que vous avez rédigé votre article, vous pouvez l'éditer à tout
moment. Vous pouvez revenir à la section "Articles" dans le menu principal et sélectionner
l'article que vous souhaitez modifier. Vous pouvez alors apporter des modifications au contenu,
aux médias, aux paramètres de publication, etc. et enregistrer vos modifications.

4. Publication de l'article : Lorsque vous êtes prêt à publier votre article, vous pouvez cliquer sur le
bouton "Publier" pour le rendre visible sur votre site web. Vous pouvez également planifier la
publication de l'article à une date et une heure spécifiques, ou le mettre en brouillon pour le
publier ultérieurement. Une fois que votre article est publié, il sera accessible aux visiteurs de
votre site web.

5. Gestion des articles : WordPress offre plusieurs fonctionnalités de gestion des articles,
notamment la possibilité de les modifier, de les supprimer, de les déplacer dans différentes
catégories, de les étiqueter avec des balises, de les marquer comme brouillon ou en attente de
révision, et bien plus encore. Vous pouvez également gérer les commentaires laissés sur vos
articles et les approuver, les modifier ou les supprimer selon vos besoins.

Il est important de bien gérer vos articles dans WordPress pour maintenir un contenu de qualité sur
votre site web et offrir une expérience utilisateur optimale. Vous pouvez également utiliser des
fonctionnalités avancées telles que les catégories, les balises, les images à la une, les articles liés, etc.
pour organiser et enrichir le contenu de votre site.

Quelle est la différence entre une page et un article ?

● Une page est idéale pour le contenu qui ne change pas très souvent. Il peut s’agir d’une page
d’accueil, d’une page à propos, d’une page de contact, voire d’une page répertoriant vos produits
ou services.

Les articles ("posts"), ressemblent plus à des articles de blog/catalogue. Il peut s’agir de nouvelles sur
votre secteur, d’un journal personnel, de critiques de films, d'un catalogue produits, et d’autres textes
spécifiques similaires. Il est possible d’ajouter un blog sur tous les sites créés avec WordPress.com,
mais vous n’êtes pas obligé de le faire !

Gestion des médias :

ajout, modification et suppression d'images, de vidéos et de fichiers
La gestion des médias dans WordPress vous permet d'ajouter, de modifier et de supprimer des images,
des vidéos, des fichiers et d'autres médias pour les utiliser dans vos articles, vos pages et d'autres
contenus de votre site web. Voici les étapes pour gérer les médias dans WordPress :

1. Ajout de médias : Pour ajouter un média dans WordPress, connectez-vous à l'interface

d'administration et allez dans la section "Médias" dans le menu principal. Cliquez sur "Ajouter"
pour télécharger un fichier depuis votre ordinateur, ou faites glisser et déposez un fichier dans la
zone de téléchargement. WordPress prend en charge les images, les vidéos, les fichiers audio,
les documents et autres types de fichiers.

2. Modification de médias : Une fois que vous avez ajouté un média, vous pouvez modifier ses
détails, comme son titre, sa description, ses balises, etc. Vous pouvez également recadrer,
redimensionner et faire pivoter des images directement dans l'interface de gestion des médias.
Vous pouvez également éditer les métadonnées des médias, comme l'attribution du droit
d'auteur, la date de création, etc.

3. Utilisation de médias dans les articles et les pages : Une fois que vous avez ajouté des médias,
vous pouvez les utiliser dans vos articles et vos pages. Lorsque vous créez ou éditez un article
ou une page, vous pouvez insérer des médias dans le contenu en utilisant l'éditeur de texte
riche. Vous pouvez également définir des attributs d'image, tels que la taille, l'alignement, le lien,
etc.

4. Suppression de médias : Si vous n'avez plus besoin d'un média, vous pouvez le supprimer de la
bibliothèque des médias. Pour ce faire, sélectionnez le média dans la bibliothèque des médias
et cliquez sur "Supprimer définitivement". Attention : la suppression d'un média est définitive et
ne peut pas être annulée, alors assurez-vous de sauvegarder vos médias importants avant de
les supprimer.

5. Gestion des médias : WordPress offre plusieurs fonctionnalités de gestion des médias,
notamment la possibilité de filtrer et de trier les médias en fonction de diverses catégories et
métadonnées, de créer des galeries d'images, de définir des images à la une, de gérer les
médias en mode liste ou en mode grille, et bien plus encore.

La gestion des médias dans WordPress vous permet d'ajouter, de modifier et de supprimer facilement
des images, des vidéos, des fichiers et d'autres médias pour les utiliser dans vos articles, vos pages et
d'autres contenus de votre site web. Il est important de bien gérer vos médias pour optimiser la
performance et la convivialité de votre site web.

Chemin des médias :

● En local (exemple) : C:\wamp64\www\wp-content\uploads/

● En ligne (exemple) : /home/julienm/www/wp-content/uploads/

Modifier la taille maximal des uploads (par exemple pour l'envoie d'images dans la médiathèque Wp) :

Dans le fichier ".htaccess" à la racine du site (par exemple mettre 512Mo):

 php_value memory_limit 512M
php_value post_max_size 512M
php_value upload_max_filesize 512M

Création de pages :
création de pages statiques, gestion des modèles de page
La création de pages dans WordPress vous permet de créer du contenu statique pour votre site web, tel
que des pages d'accueil, des pages de contact, des pages à propos, etc. Voici les étapes pour créer des
pages et gérer les modèles de page dans WordPress :

1. Création d'une nouvelle page : Pour créer une nouvelle page, connectez-vous à l'interface
d'administration de WordPress et allez dans la section "Pages" dans le menu principal. Cliquez
sur "Ajouter" pour créer une nouvelle page vierge.

2. Rédaction du contenu de la page : Dans l'éditeur de pages, vous pouvez rédiger le contenu de
votre page en utilisant l'éditeur de texte riche. Vous pouvez ajouter du texte, des images, des
vidéos, des liens, et d'autres éléments de contenu à votre page. Vous pouvez également
formater le texte, ajouter des listes, insérer des médias, et configurer les paramètres de la page.

3. Gestion des modèles de page : WordPress vous permet de choisir des modèles de page
prédéfinis pour personnaliser l'apparence de vos pages. Vous pouvez choisir parmi les modèles
de page par défaut de votre thème, ou créer vos propres modèles de page personnalisés en
utilisant des outils de conception tels que Elementor, Divi, Beaver Builder, etc. Les modèles de
page vous permettent de définir la mise en page, les en-têtes, les pieds de page, et d'autres
éléments de design pour vos pages.

4. Édition de la page : Une fois que vous avez rédigé le contenu de votre page, vous pouvez l'éditer
à tout moment. Vous pouvez revenir à la section "Pages" dans le menu principal et sélectionner
la page que vous souhaitez modifier. Vous pouvez alors apporter des modifications au contenu,
aux médias, aux paramètres de page, etc. et enregistrer vos modifications.

5. Publication de la page : Lorsque vous êtes prêt à publier votre page, vous pouvez cliquer sur le
bouton "Publier" pour la rendre visible sur votre site web. Vous pouvez également planifier la
publication de la page à une date et une heure spécifiques, ou la mettre en brouillon pour la
publier ultérieurement. Une fois que votre page est publiée, elle sera accessible aux visiteurs de
votre site web.

6. Gestion des pages : WordPress offre plusieurs fonctionnalités de gestion des pages,
notamment la possibilité de les modifier, de les supprimer, de les déplacer dans un ordre
spécifique, de les associer à des modèles de page personnalisés, et bien plus encore. Vous
pouvez également gérer les commentaires laissés sur vos pages et les approuver, les modifier
ou les supprimer selon vos besoins.

La création de pages dans WordPress vous permet de créer un contenu statique pour votre site web, ce
qui est utile pour les pages d'accueil, les pages de contact, les pages à propos, les pages de services,
etc. Vous pouvez personnaliser l'apparence de vos pages en utilisant des modèles de page, et les gérer
efficacement pour maintenir un site web professionnel et convivial.

Utilisation des catégories et des balises :

 organisation du contenu à l'aide de catégories et de balises
Les catégories et les balises ("Tags") sont des fonctionnalités de taxonomie dans WordPress qui vous
permettent d'organiser votre contenu de manière efficace et de faciliter la navigation pour vos
utilisateurs. Voici comment utiliser les catégories et les balises dans WordPress :

1. Catégories : Les catégories sont des groupes de contenus similaires regroupés sous un terme
générique. Elles sont utilisées pour organiser votre contenu en fonction de thèmes ou de sujets
généraux. Par exemple, si vous avez un blog sur la cuisine, vous pouvez utiliser des catégories
comme "Entrées", "Plats principaux", "Desserts", etc. pour organiser vos articles en fonction des
types de plats.

Pour ajouter une catégorie à un article, vous pouvez utiliser l'éditeur d'article de WordPress et
trouver la section "Catégories" dans le panneau de droite. Vous pouvez soit sélectionner une
catégorie existante, soit en créer une nouvelle en cliquant sur "Ajouter une nouvelle catégorie".
Vous pouvez également attribuer plusieurs catégories à un article si elles sont pertinentes.

Pour afficher les articles d'une catégorie particulière sur votre site, vous pouvez utiliser des
widgets de catégories dans les zones de widgets de votre thème, ou vous pouvez créer des
liens de navigation personnalisés vers les pages de catégories dans vos menus de navigation.

L'extension "Latest Posts Block Lite" ajoute un nouveau block "Derniers articles" qui est plus
personnalisable que le block "Dernier article" proposé par défaut avec Gutenberg.

2. Balises : Les balises sont des mots-clés ou des termes spécifiques que vous attribuez à vos
articles pour les aider à être mieux indexés et à être recherchés plus facilement. Contrairement
aux catégories, les balises sont plus spécifiques et servent à décrire les détails ou les
caractéristiques spécifiques d'un article. Par exemple, si vous avez un blog sur la photographie,
vous pouvez utiliser des balises comme "Portrait", "Paysage", "Noir et blanc", etc. pour décrire le
contenu de vos articles.

Pour ajouter des balises à un article, vous pouvez également utiliser l'éditeur d'article de
WordPress et trouver la section "Balises" dans le panneau de droite. Vous pouvez soit
sélectionner une balise existante, soit en créer une nouvelle en cliquant sur "Ajouter une nouvelle
balise". Vous pouvez attribuer autant de balises que vous le souhaitez à un article, en les
séparant par des virgules.

Les balises sont généralement utilisées pour créer des nuages de balises (tag clouds) dans
lesquels les utilisateurs peuvent cliquer pour voir les articles associés à ces balises. Vous
pouvez également afficher les balises d'un article particulier ou créer des liens de navigation
personnalisés vers les pages de balises dans vos menus de navigation.

Tout article doit appartenir à au moins une catégorie. Les tags sont une organisation associative.
Catégorie : Cet article appartient à la catégorie …. ( groupement sur un sujet précis )
Tags : Cet article parle de …. ( ils mettent en relation certains articles )

En utilisant les catégories et les balises de manière appropriée, vous pouvez organiser efficacement
votre contenu dans WordPress, faciliter la navigation pour vos utilisateurs et améliorer l'optimisation de
votre site pour les moteurs de recherche.

Création de menus :
création et gestion de menus de navigation
Les menus de navigation sont un élément clé pour permettre aux utilisateurs de naviguer facilement sur
votre site WordPress. Voici comment créer et gérer des menus de navigation :

1. Création d'un menu : Pour créer un menu dans WordPress, vous pouvez vous rendre dans
l'administration de votre site, puis aller dans Apparence > Menus. Vous verrez l'interface de
gestion des menus qui vous permet de créer et de gérer vos menus de navigation.

2. Ajout d'éléments au menu : Vous pouvez ajouter différents types d'éléments au menu, tels que
des pages, des articles, des catégories, des balises, des liens personnalisés, etc. Pour ajouter un
élément au menu, vous pouvez les sélectionner dans les onglets de gauche (Pages, Articles,
etc.) et les ajouter au menu en cliquant sur le bouton "Ajouter au menu". Vous pouvez également
réorganiser les éléments du menu en les faisant glisser et les déposer dans l'ordre souhaité.

3. Personnalisation du menu : Une fois que vous avez ajouté des éléments à votre menu, vous
pouvez les personnaliser en cliquant sur les flèches déroulantes à côté de chaque élément.
Vous pouvez modifier le texte du libellé, choisir un lien de navigation personnalisé, ajouter des
classes CSS pour la mise en forme, etc. Vous pouvez également créer des sous-menus en
faisant glisser un élément sous un autre pour créer une hiérarchie dans votre menu.

4. Attribution du menu à un emplacement : Vous pouvez attribuer votre menu à un emplacement

de menu spécifique sur votre site. Les emplacements de menu sont généralement définis par
votre thème WordPress et peuvent varier d'un thème à l'autre. Vous pouvez attribuer votre menu
à un emplacement en cochant la case correspondante dans la section "Emplacements de
menus" de l'interface de gestion des menus.

5. Sauvegarde et gestion des menus : Une fois que vous avez personnalisé votre menu, n'oubliez
pas de cliquer sur le bouton "Enregistrer le menu" pour sauvegarder vos modifications. Vous
pouvez également créer plusieurs menus dans WordPress et les gérer en utilisant les onglets de
l'interface de gestion des menus. Vous pouvez également supprimer des éléments du menu en
les supprimant de la liste des éléments du menu.

En utilisant les menus de navigation dans WordPress, vous pouvez créer une navigation claire et
conviviale pour vos utilisateurs, leur permettant de trouver facilement le contenu qu'ils recherchent sur
votre site.

Personnalisation avancée

Choix du thème

Débat "Éditeur classique" / "Gutenberg" et débat "Full-Site-Editing" / "Constructeur de page" :

 1. Choix entre l'utilisation de l'ancien assistant de rédaction WYSIWYG ou du nouvel éditeur
Gutenberg ? "Say Hello to Gutenberg, the WordPress Editor" https://wordpress.org/gutenberg/ !

Des millions d'utilisateurs continuent d'utiliser des plugins d'éditeur classique sur leur site
WordPress. Pour eux, la fonctionnalité FSE ne remplacera jamais les constructeurs de pages.

2. WordPress "Full Site Editing" : Est-ce que le "FSE" va remplacer les "Page Builders" ?
Pour aller plus loin... "Will FSE Replace WordPress Page Builders?"

● What Is WordPress Full Site Editing?

● WordPress Full Site Editing + Gutenberg Blocks
● Full Site Editing Just Went Live
● WordPress Is Not Just a Blog and Static Website Platform
● Gutenberg Isn’t User Friendly for Many WordPress Users
● WordPress Page Builders Are Powerful
● WordPress Page Builders Are User Friendly
● WordPress Page Builders Are Heavy and Full Site Editing Is Lightweight
● WordPress Page Builders Are Free or Affordable
● You Will Get Support for WordPress Page Builders
● Conclusion

La version actuelle 6.1.1 LTS semble avoir un bug et ne pas afficher le "full site editing", il faut installer la
version en beta 6.2-beta1-55324 (https://wordpress.org/download/beta-nightly/)

Pour choisir un thème, il y a de nombreux critères...

● Trancher entre un thème gratuit ou payant

● Évaluer le niveau de popularité du thème
● Regarder les fonctionnalités proposées : "Le thème que vous utilisez actuellement n’est pas
compatible avec l’éditeur de site".

Les nombreux critères de recherche d'un thème :

De nombreux sites proposent des listes du type : "les X meilleurs thèmes FSE wordpress 2023", par
exemple :

● https://glthemes.com/blog/full-site-editing-wordpress-themes/
 ○ Ex. de thème : https://fr.wordpress.org/themes/catch-fse/
Tuto utilisation de ce thème : https://www.youtube.com/watch?v=UwjBH6VO9kI

Au delà de la personnalisation de base des thèmes, pour modifier profondément l'apparence de son
site, il faut choisir entre :

● Coder et créer un thème enfant, par exemple à partir du thème natif "Twenty Twenty-Three" (qui
est récent, complet et robuste). Puis, ensuite, utiliser le FSE pour modifier la structure du site
général.

● Utiliser des plugins complets de "Page Builder" comme “Elementor”, “Stackable” ou "Divi"
(plugins accompagnés de leurs thèmes respectifs customisables) et les diverses stratégies
d'édition qu'ils proposent, souvent via une interface (selon une approche "No-Code").
Des thèmes payant très avancés :

● Divi : https://www.elegantthemes.com/gallery/divi/ (https://wpformation.com/divi/)

● Zephyr : https://zephyr.us-themes.com (https://zephyr.us-themes.com/elements/)

● Pour de légères modifications d'un thème sur un aspect visuel (CSS) ou de comportement d'un
composant HTML (JS), une dernière solution -très simple- consiste à utiliser un plugin qui
permet l'ajout de JS et CSS custom pour venir surcharger le thème actuel. Par exemple :
Custom-css-js.

Il est aussi possible de créer un thème complet à partir de rien ! ;)

Par exemple, grâce au thème Divi, vous modifiez le design du site avec son Visual Builder et son Theme
Builder :

● Le thème Divi gère l’ensemble du design : le thème Divi est doté de quelques options de
personnalisation, disponible à l’onglet Apparence > Personnaliser. Effectivement, il n’y a pas
foule de ce côté-là. Pour comparaison, le thème Ocean WP est bien mieux armé. Mais pas de
panique ! Car le thème Divi n’a pas besoin de tant d'options car le Visual Builder et le Theme
Builder feront le job à sa place. Vous comprendrez bientôt pourquoi.

● Le Visual Builder ou Divi Builder gère le design de vos contenus : il intervient uniquement au sein
des publications. Il prend tout simplement la place de Gutenberg

Personnalisation du thème :
personnalisation avancée du thème à l'aide du Customizer
La personnalisation avancée du thème dans WordPress peut être réalisée à l'aide de l'outil de
personnalisation intégré appelé "Customizer" ou "Personnaliseur". Voici les étapes pour personnaliser
votre thème à l'aide du Customizer :

1. Accéder au Customizer : Pour accéder au Customizer, vous pouvez vous rendre dans
l'administration de votre site, puis aller dans Apparence > Personnaliser. Cela ouvrira l'interface
du Customizer dans une nouvelle fenêtre ou un nouvel onglet de votre navigateur.

2. Parcourir les options de personnalisation : Une fois dans le Customizer, vous verrez une liste
d'options de personnalisation pour votre thème. Ces options peuvent varier en fonction du
thème que vous utilisez. Vous pouvez parcourir les différentes sections pour trouver les options
de personnalisation que vous souhaitez modifier, telles que les couleurs, les polices, les
en-têtes, les arrière-plans, etc.
 3. Utiliser les outils de personnalisation : Le Customizer offre plusieurs outils pour personnaliser
votre thème. Vous pouvez utiliser les outils de prévisualisation en direct pour voir les
modifications que vous apportez en temps réel, sans avoir à enregistrer les modifications. Vous
pouvez également utiliser les contrôles de personnalisation pour ajuster les paramètres, tels
que les couleurs, les marges, les polices, etc. Certains thèmes peuvent également offrir des
options de personnalisation supplémentaires, telles que des sections de page d'accueil
personnalisées, des modèles de page personnalisés, etc.

4. Enregistrer les modifications : Une fois que vous avez apporté les modifications souhaitées,
vous devez les enregistrer en cliquant sur le bouton "Enregistrer et publier" dans le Customizer.
Cela appliquera les modifications à votre site en direct.

5. Prévisualiser et ajuster : Après avoir enregistré vos modifications, vous pouvez prévisualiser
votre site en direct pour voir comment les modifications apparaissent sur votre site. Si vous
n'êtes pas satisfait du résultat, vous pouvez revenir dans le Customizer et ajuster les paramètres
jusqu'à ce que vous obteniez le résultat souhaité.

6. Annuler ou restaurer les modifications : Si vous souhaitez annuler les modifications que vous
avez apportées, vous pouvez le faire en utilisant les options d'annulation ou de restauration
dans le Customizer. Cela vous permet de revenir à la version précédente de votre thème.

En utilisant le Customizer dans WordPress, vous pouvez personnaliser de manière avancée votre thème
pour qu'il corresponde à votre style et à vos besoins spécifiques, sans avoir à modifier le code source
du thème.

La "Template Hierarchy" !

Représentation graphique de la "hiérarchie des fichiers modèles".

WordPress utilise la chaîne de requête pour déterminer le modèle à mettre en place pour afficher l’écran
demandé. La chaîne de requête est une information contenue dans l’URL de chaque page de votre site.
Pour le dire simplement, WordPress parcourt la hiérarchie des fichiers modèles jusqu’à ce qu’il trouve
un fichier modèle correspondant à la chaîne de requête demandée. Cf. doc :

● https://fr.wordpress.org/support/article/hierarchie-des-fichiers-modeles/
 https://fr.wordpress.org/support/article/hierarchie-des-fichiers-modeles/

WordPress suit le processus suivant :

1. Le CMS fait correspondre chaque chaîne de requête à un type de requête afin de déterminer
l’écran en cours d’affichage (par exemple, l’écran des résultats de recherche, l’écran de liste des
articles d’une catégorie donnée, etc.).
2. Il sélectionne le modèle à utiliser en utilisant l’ordre de la hiérarchie des fichiers modèles.
3. Il identifie parmi les fichiers modèles présents dans le répertoire du thème actif ceux qui
correspondent à l’écran en cours d’affichage, et utilise le premier fichier modèle dans l’ordre de
la hiérarchie. Si le thème actif possède un thème parent il cherche alors dans celui-ci.

Dans tous les cas, on commence par la gauche avec le type de page qui va être affiché. Pour chaque
cas existe un fichier template correspondant :

1. Une archive : triée par catégorie, mot clé, auteur, date… pointe sur archive.php ;
2. Une page singulière : qui va afficher soit le contenu d’une page avec page.php, soit d’un article
avec single.php ;
3. La page d’accueil du site
a. est front-page.php dans le cas où le site est configuré pour afficher une page ;
b. est home.php pour un type d’archive particulier ;
4. La page 404 : en cas de page non trouvée (mauvaise URL) affiche 404.php ;
5. La page des résultats d’une recherche affiche search.php lorsque l’on utilise le moteur de
recherche du site ;

Les thèmes enfants :

Les thèmes enfants dans WordPress sont des thèmes WordPress personnalisés qui sont créés en se
basant sur un thème parent existant. Un thème parent est un thème WordPress original qui est utilisé
comme base pour créer un thème enfant. Les thèmes enfants sont utilisés pour personnaliser
l'apparence et les fonctionnalités d'un site WordPress sans modifier directement le thème parent.
Les thèmes enfants sont généralement utilisés pour éviter de perdre les modifications personnalisées
lors des mises à jour du thème parent. Lorsque vous mettez à jour un thème WordPress, toutes les
modifications apportées directement au thème parent peuvent être écrasées par la nouvelle version du
thème. Cependant, les thèmes enfants sont conçus pour conserver les modifications personnalisées
même après une mise à jour du thème parent, ce qui les rend plus sûrs pour effectuer des
personnalisations sur un site WordPress.

Les thèmes enfants sont créés en utilisant les fonctionnalités de thèmes enfants intégrées dans
WordPress, notamment l'héritage des fichiers de thème du parent, la possibilité de remplacer les
fichiers de thème du parent et de les étendre avec de nouveaux fichiers de thème enfant, et la
possibilité de surcharger les styles CSS du parent avec des styles personnalisés dans le thème enfant.

Surcharge des modèles d’un thème en utilisant un thème enfant

Lorsque vous utilisez un thème enfant, tout fichier ajouté dans le répertoire de votre thème enfant sera
chargé en lieu et place du fichier du même nom présent dans le thème parent. Par exemple, si les deux
thèmes contiennent un fichier category.php, alors ce sera celui du thème enfant qui sera utilisé.

Si un thème enfant contient un fichier modèle spécifique tel que category-licornes.php et que le thème
parent contient un fichier modèle moins prioritaire tel que category.php, alors c’est le fichier modèle
category-licornes.php du thème enfant qui sera utilisé.

À l’inverse, si le thème enfant contient un modèle général tel que category.php alors que le thème parent
contient un fichier modèle spécifique tel que category-licornes.php, alors c’est le fichier modèle du
thème parent qui sera utilisé.

Cf. Exercice Customiser un thème : créer un thème enfant.

Utilisation des extensions :

installation, activation et configuration d'extensions
pour ajouter des fonctionnalités à WordPress
Les extensions, également appelées plugins, sont des outils puissants dans WordPress qui permettent
d'ajouter des fonctionnalités supplémentaires à votre site web. Voici les étapes pour utiliser les
extensions dans WordPress :

1. Recherche et installation d'extensions : Dans l'administration de votre site WordPress, allez

dans Extensions > Ajouter. Vous pouvez rechercher des extensions en utilisant des mots-clés,
ou parcourir les différentes catégories d'extensions disponibles. Une fois que vous avez trouvé
une extension qui vous intéresse, cliquez sur le bouton "Installer" pour l'installer sur votre site.
Il est aussi possible d'uploader directement à partir de l'interface un fichier zip -contenant une
extension-, ou bien d'aller déposer manuellement en FTP le dossier du plugin dans le répertoire
des plugins.

2. Activation des extensions : Après avoir installé une extension, vous devez l'activer pour qu'elle
soit fonctionnelle sur votre site. Cliquez sur le bouton "Activer" pour activer l'extension que vous
venez d'installer.

3. Configuration des extensions : Une fois qu'une extension est activée, elle peut nécessiter une
configuration supplémentaire pour fonctionner correctement. Vous pouvez accéder aux
paramètres de configuration de l'extension en allant dans Extensions > Extensions installées,
puis en cliquant sur le lien "Paramètres" sous le nom de l'extension que vous souhaitez
configurer. Les options de configuration peuvent varier en fonction de l'extension que vous
 utilisez. Cf. ci-dessous.

4. Utilisation des fonctionnalités de l'extension : Une fois que vous avez configuré une extension,
vous pouvez utiliser les fonctionnalités qu'elle offre sur votre site. Cela peut inclure l'ajout de
nouvelles fonctionnalités, la modification de la manière dont certaines fonctionnalités
existantes fonctionnent, ou l'amélioration de la performance de votre site.

5. Mise à jour et gestion des extensions : Les extensions sont régulièrement mises à jour par leurs
développeurs pour corriger les bugs, améliorer les fonctionnalités ou garantir la compatibilité
avec les dernières versions de WordPress. Il est important de garder vos extensions à jour en
vérifiant régulièrement les mises à jour disponibles et en les installant. Vous pouvez également
gérer vos extensions en les activant, les désactivant ou en les supprimant depuis la page
Extensions > Extensions installées.

Il est important de noter que l'utilisation d'extensions doit être faite avec prudence, car l'installation d'un
grand nombre d'extensions peut affecter les performances et la sécurité de votre site. Il est recommandé
de n'installer que les extensions nécessaires et de les maintenir à jour pour garantir la stabilité et la
sécurité de votre site WordPress.

Veuillez noter que l'emplacement exact du menu d'une extension peut varier en fonction de l'extension
spécifique que vous avez installée et de sa configuration. Voici quelques endroits courants où vous
pouvez trouver les menus correspondants aux extensions installées dans WordPress :

1. Menu "Extensions" : Certains plugins ajoutent leur propre menu dans la section "Extensions" de
l'administration WordPress. Pour y accéder, connectez-vous à votre tableau de bord WordPress,
puis recherchez et cliquez sur "Extensions" dans le menu de gauche. Vous devriez voir une liste
des extensions installées, et certains plugins peuvent ajouter leur propre sous-menu à cet
endroit.

2. Menu "Réglages" : Certains plugins ajoutent leur propre sous-menu sous l'onglet "Réglages"
dans l'administration WordPress. Pour y accéder, connectez-vous à votre tableau de bord
WordPress, puis recherchez et cliquez sur "Réglages" dans le menu de gauche. Si un plugin a
ajouté son propre menu de réglages, vous devriez voir son nom répertorié comme un
sous-menu sous "Réglages".

3. Menu personnalisé : Certains plugins peuvent ajouter leur propre menu personnalisé dans
l'interface d'administration de WordPress, généralement dans le menu de gauche. Ce menu peut
porter le nom du plugin ou du développeur de l'extension. Recherchez attentivement les menus
dans l'administration WordPress pour voir s'il y a des menus personnalisés ajoutés par les
plugins installés.

Liste de extensions ("plugins") ESSENTIELS, que j'utilise sur mes sites WordPress :

1. All-in-One WP Migration : Outil de migration pour votre site WordPress. Importez ou exportez
toutes vos données et contenus en un seul clic.
2. Auto Updates : Let WordPress to automatically update his core, plugins and themes - silently in
the background.
3. Classic Editor : Active l’éditeur classique de WordPress et l’ancienne disposition de l’écran de
modification d’article (TinyMCE, boites à méta, etc.). Prend en charge les anciennes extensions
qui étendent cet écran.
4. Advanced Editor Tools (ex TinyMCE Advanced) : introduces a “Classic Paragraph” block for the
block editor (Gutenberg).
5. Contact Form 7 : Juste une autre extension de formulaire de contact. Simple mais souple
 d’utilisation.
6. Flamingo : Une extension digne de confiance pour le stockage des messages de Contact Form
7.
7. Contact Form 7 Captcha : Add Google CAPTCHA to Contact Form 7.
8. Contact Form 7 Multilingual : Make forms from Contact Form 7 translatable with WPML
9. Custom Post Type UI : Panneau d’administration UI pour l’enregistrement de types de
publication personnalisés et taxonomies personnalisées dans WordPress
10. Really Simple SSL : Extension légère de SSL & durcissement
11. Smush : Reduce image file sizes, improve performance and boost your SEO using the free
WPMU DEV WordPress Smush API.
12. W3 Total Cache : L’extension de performance la mieux notée et la plus complète de WordPress.
Améliore considérablement la vitesse et l’expérience utilisateur de votre site. Ajout de la mise en
cache de navigateur, de page, d’objet et de base de données ainsi que de la minification de
(CDN) pour WordPress.
13. CookieYes : The CookieYes GDPR Cookie Consent plugin will assist you in making your website
GDPR (RGPD, DSVGO) compliant by adding a cookie banner to your site..
14. Wordfence Security : Wordfence Security - Anti-virus, Firewall and Malware Scan
15. WP Visitor Statistics (Trafic en temps réel) : Cette extension établira une analyse de consultation
de votre site web pour chaque et montrera différents rapports d'analyse aussi bien dans le
panneau administrateur que sur le site.
16. WPML Multilingual CMS : WPML Multilingual CMS (Alternative gratuite : Polylang)
17. WPML SEO : Multilingual support for popular SEO plugins
18. Yoast SEO : La première solution SEO tout-en-un pour WordPress, y compris l’analyse des pages
de contenu, les plans de site XML et bien plus encore.

En option...

● WooCommerce : Ce plugin permet de créer une boutique en ligne à partir d’un site WordPress.
Tout comme Shopify, WooCommerce offre la possibilité de gérer les paiements, créer des
collections, générer des codes promo. En clair, c’est un moyen de concevoir de A à Z un
e-commerce, sans passer par un autre CMS.
● MonsterInsights : C’est tout simplement l’un des plugins utilisés pour connecter Google
Analytics à son site. Pour rappel, Google Analytics permet d’avoir tout un tas de données sur les
performances de son site web (visiteurs, durée de visionnage, taux de rebond, etc.)
● Elementor : C’est le constructeur de pages le plus populaire. Il permet de créer de magnifiques
pages bloc par bloc. Elementor est surtout utilisé pour concevoir des pages importantes comme
une page d’accueil, une page de vente ou autres.
● Jetpack : Un des plugins les plus populaires et utilisés, Jetpack est une extension tout-en-un. Ce
dernier permet de gérer la sécurité, la performance et le design d’un site. Mais il est surtout
reconnu pour améliorer la vitesse de chargement des pages
● Updraftplus : Ce plugin va automatiquement réaliser des sauvegardes de ton site WordPress. Tu
peux par exemple programmer des sauvegardes journalières ou hebdomadaires, sans avoir à te
connecter à la partie administration du site. Le plugin s’occupe ensuite d’envoyer les fichiers
vers Google Drive, AWS, DropBox ou autres. Grâce à cela, tu pourras restaurer ton site en cas de
problème.
● 10web.io Ai-assistant : AI Assistant for WordPress. Generate content.

Gestion des commentaires :

modération des commentaires,
configuration des paramètres de commentaire
La gestion des commentaires dans WordPress est une partie importante de l'interaction avec les
utilisateurs et la communauté de votre site web. Voici les étapes pour gérer les commentaires dans
WordPress :

1. Modération des commentaires : Lorsque les visiteurs de votre site web laissent des
commentaires sur vos articles ou pages, vous pouvez les modérer pour vous assurer qu'ils sont
appropriés et conformes à vos règles de publication. Pour cela, allez dans Commentaires dans
l'administration de votre site WordPress. Vous verrez la liste de tous les commentaires laissés
sur votre site. Vous pouvez approuver, désapprouver, marquer comme spam ou supprimer les
commentaires en utilisant les boutons d'action appropriés sous chaque commentaire.

2. Configuration des paramètres de commentaire : Vous pouvez configurer les paramètres de

commentaire dans WordPress pour définir les règles et les options de commentaires sur votre
site. Pour cela, allez dans Réglages > Discussion. Vous pouvez choisir d'autoriser ou de
désactiver les commentaires globalement sur votre site, définir les règles pour la modération
des commentaires, activer la modération des commentaires pour les nouveaux visiteurs, définir
des listes noires ou des listes blanches pour les adresses e-mail ou les mots-clés de
commentaires, et bien d'autres options.

3. Répondre aux commentaires : Lorsque vous recevez des commentaires sur votre site, il est
important d'y répondre pour encourager l'interaction avec vos visiteurs et entretenir une relation
avec votre communauté. Vous pouvez répondre aux commentaires directement depuis la
section Commentaires de l'administration de WordPress en utilisant la fonction "Répondre" sous
chaque commentaire. Vous pouvez également gérer les notifications de commentaires pour être
averti par e-mail lorsque de nouveaux commentaires sont publiés sur votre site.

4. Utilisation de plugins de gestion des commentaires : WordPress offre également des plugins
de gestion des commentaires qui vous permettent d'ajouter des fonctionnalités
supplémentaires à la gestion des commentaires, comme le filtrage automatique des spams, la
personnalisation de l'apparence des commentaires, la gestion des abonnements aux
commentaires, etc. Vous pouvez rechercher et installer des plugins de gestion des
commentaires à partir de la page Extensions > Ajouter dans l'administration de WordPress.

La gestion des commentaires dans WordPress vous permet d'interagir avec vos visiteurs et de
maintenir une communauté active sur votre site web. Il est important de modérer les commentaires
pour éviter les contenus inappropriés ou indésirables, et de configurer les paramètres de commentaire
selon vos besoins et vos règles de publication.

Création de formulaires :
utilisation d'un plugin de formulaire
pour créer des formulaires de contact, d'inscription, etc.
La création de formulaires dans WordPress peut être réalisée facilement en utilisant un plugin de
formulaire. Voici les étapes générales pour créer des formulaires à l'aide d'un plugin de formulaire dans
WordPress :

1. Recherche et installation d'un plugin de formulaire : Il existe de nombreux plugins de formulaire

disponibles dans la bibliothèque d'extensions de WordPress. Vous pouvez rechercher et installer
un plugin de formulaire en allant dans Extensions > Ajouter dans l'administration de WordPress,
puis en recherchant des plugins de formulaire tels que "Contact Form 7", "Gravity Forms", "Ninja
Forms", "WPForms", etc.
 2. Configuration du plugin de formulaire : Une fois que vous avez installé et activé le plugin de
formulaire de votre choix, vous pouvez le configurer en suivant les instructions fournies par le
plugin. Cela peut inclure la création d'un formulaire vide ou la modification d'un formulaire
existant, la personnalisation des champs du formulaire, la définition des paramètres de
notification par e-mail, la gestion des réglages de sécurité, etc.

3. Création de formulaires : Après avoir configuré le plugin de formulaire, vous pouvez créer vos
propres formulaires en ajoutant des champs, en définissant les options et en personnalisant
l'apparence du formulaire. Vous pouvez généralement glisser-déposer les champs du formulaire
dans l'interface du plugin, les configurer en fonction de vos besoins (tels que les champs de
texte, les cases à cocher, les boutons radio, etc.), et les organiser selon votre mise en page
souhaitée.

4. Intégration des formulaires dans les pages ou les articles : Une fois que vous avez créé vos
formulaires, vous pouvez les intégrer dans les pages ou les articles de votre site web à l'aide
d'un shortcode ou d'un widget fourni par le plugin. Vous pouvez également personnaliser
l'emplacement et l'apparence du formulaire en fonction des options disponibles dans le plugin.

5. Gestion des soumissions de formulaire : Lorsque les visiteurs de votre site web remplissent et
soumettent les formulaires, vous pouvez gérer les soumissions à partir de l'interface du plugin
de formulaire. Cela peut inclure la réception des notifications par e-mail, la gestion des
réponses, l'exportation des données de formulaire, etc.

La création de formulaires à l'aide d'un plugin de formulaire dans WordPress est un moyen efficace de
collecter des informations de visiteurs, de permettre aux utilisateurs de vous contacter, de s'inscrire à
des événements, de soumettre des commentaires, etc. Les plugins de formulaire offrent généralement
une grande flexibilité pour personnaliser les formulaires en fonction de vos besoins spécifiques, sans
nécessiter de connaissances en codage.

Optimisation pour les moteurs de recherche :

utilisation des fonctionnalités de référencement de WordPress
pour améliorer la visibilité du site sur les moteurs de recherche
L'optimisation pour les moteurs de recherche, également connue sous le nom de référencement (SEO),
est un aspect essentiel pour améliorer la visibilité de votre site web sur les moteurs de recherche et
générer du trafic organique. WordPress offre plusieurs fonctionnalités intégrées pour aider à optimiser
votre site web pour les moteurs de recherche. Voici quelques-unes des principales fonctionnalités de
référencement de WordPress que vous pouvez utiliser :

1. Titres et balises méta : WordPress vous permet de personnaliser les titres de vos articles,
pages et catégories, ainsi que les balises méta (méta-tags) qui sont des informations ajoutées
dans l'en-tête de vos pages pour aider les moteurs de recherche à comprendre le contenu de
votre site.

2. Permalinks personnalisés : WordPress vous permet de définir des permalinks personnalisés

pour vos articles, pages et catégories, ce qui vous permet de créer des URL conviviales pour les
moteurs de recherche et pour les utilisateurs.

3. Sitemap XML : WordPress génère automatiquement un sitemap XML, qui est un fichier qui
répertorie toutes les pages et les articles de votre site web, et qui peut être soumis aux moteurs
 de recherche pour les aider à indexer votre site plus efficacement.

4. Fonctionnalités d'optimisation des images : WordPress offre des fonctionnalités d'optimisation

des images, telles que la compression automatique des images et la génération de balises alt
pour les images, ce qui contribue à améliorer la vitesse de chargement de votre site et à
optimiser le référencement des images.

5. Gestion des balises de titre et de méta-description : WordPress vous permet de personnaliser

les balises de titre (title tags) et les méta-descriptions (meta descriptions) pour chaque article,
page et catégorie de votre site, ce qui peut aider à améliorer le classement de votre site dans les
résultats de recherche.

6. Utilisation de plugins de référencement : WordPress propose de nombreux plugins de

référencement populaires tels que Yoast SEO, All in One SEO Pack, Rank Math, etc., qui offrent
des fonctionnalités avancées d'optimisation pour les moteurs de recherche, telles que
l'optimisation du contenu, la gestion des balises méta, la génération de sitemaps, l'analyse des
mots-clés, etc.

7. Optimisation du contenu : WordPress vous permet de créer et de gérer facilement le contenu de

votre site web, ce qui vous permet d'optimiser vos articles et vos pages pour les mots-clés
pertinents, d'utiliser des balises de titre et des méta-descriptions optimisées, de créer des URLs
conviviales, d'organiser votre contenu avec des catégories et des balises, et d'ajouter des
médias optimisés pour les moteurs de recherche.

Il est important de noter que l'optimisation pour les moteurs de recherche est un processus continu et
qu'il faut prendre en compte de nombreux autres facteurs, tels que la qualité du contenu, l'expérience
utilisateur, la sécurité, la performance du site, etc., pour obtenir de meilleurs résultats de référencement.
Les fonctionnalités de référencement intégrées à WordPress et les plugins de référencement peuvent
vous aider à optimiser votre site pour les moteurs de recherche, mais il est également important de
suivre les meilleures pratiques de référencement et de rester à jour.

Gestion du site

Sauvegarde et restauration :
création de sauvegardes du site et restauration en cas d'urgence
La sauvegarde et la restauration de votre site WordPress sont des tâches importantes pour protéger
votre contenu et vos données en cas de problème technique, de piratage ou de perte de données. Il y a
2 méthodes de sauvegardes pour WordPress :

1. En copiant les fichier à la main et en exportant la base de donnée

2. En utilisant des plugins

Pour sauvegarder les fichiers WordPress et exporter la base de données, vous pouvez suivre les étapes
suivantes :

1. Sauvegarde des fichiers WordPress :

● Connectez-vous à votre site WordPress via FTP (File Transfer Protocol) en utilisant un
 client FTP comme FileZilla.

● Naviguez jusqu'au répertoire racine de votre site WordPress, généralement situé dans
/public_html/ ou /www/.

● Sélectionnez tous les fichiers et dossiers présents dans le répertoire racine de votre site
WordPress et téléchargez-les sur votre ordinateur en utilisant le client FTP. Cela
sauvegarde tous les fichiers WordPress, y compris les thèmes, les plugins, les médias,
etc.

2. Exportation de la base de données via l'interface WordPress :

● Accédez à l'interface d'administration de votre site WordPress.

● Cliquez sur "Outils" dans le menu latéral, puis sur "Export".

● Sélectionnez "Tout le contenu" pour exporter l'ensemble du contenu de votre site

WordPress, ou choisissez les éléments spécifiques que vous souhaitez exporter.

● Cliquez sur le bouton "Télécharger le fichier d'export" pour télécharger un fichier XML
contenant les données exportées de votre site WordPress.

Attention, il peut manquer certaines métadonnées (des paramètres de certains plugins) et

les fonctions d'export de WordPress ne permettent pas d'exporter les fichiers médias,
mais plutôt des liens vers ceux-ci.

3. Pour exporter la base de données à l'aide de phpMyAdmin :

1. Accédez à phpMyAdmin : Connectez-vous à votre panneau de contrôle d'hébergement

web et recherchez l'icône ou le lien pour accéder à phpMyAdmin. Cela peut varier en
fonction de votre hébergeur, mais phpMyAdmin est généralement disponible dans la
section "Bases de données" ou "MySQL" de votre panneau de contrôle.

2. Sélectionnez la base de données : Dans phpMyAdmin, vous verrez une liste des bases de
données associées à votre site WordPress. Cliquez sur le nom de la base de données
que vous souhaitez exporter pour la sélectionner.

3. Cliquez sur l'onglet "Exporter" : Une fois que vous avez sélectionné la base de données,
cliquez sur l'onglet "Exporter" dans la barre de navigation supérieure.

4. Paramétrez les options d'exportation : Vous pouvez choisir différentes options pour
l'exportation de la base de données, telles que le format d'exportation (par exemple, SQL,
CSV, etc.), le type de compression, les tables à exporter, etc. Les options par défaut sont
généralement suffisantes pour une exportation standard.

5. Cliquez sur le bouton "Exécuter" : Après avoir paramétré les options d'exportation,
cliquez sur le bouton "Exécuter" pour lancer le processus d'exportation. Vous serez invité
à télécharger un fichier contenant la sauvegarde de votre base de données.

6. Téléchargez le fichier d'exportation : Une fois que le processus d'exportation est terminé,
un fichier contenant la sauvegarde de votre base de données sera généré. Cliquez sur le
 lien de téléchargement pour télécharger ce fichier sur votre ordinateur.

Il est important de noter que la sauvegarde de la base de données contient toutes les informations
stockées dans la base de données, y compris les articles, les pages, les commentaires, les utilisateurs,
les réglages du site, etc. Assurez-vous de conserver cette sauvegarde dans un endroit sûr et sécurisé,
car elle contient des données sensibles de votre site WordPress.

Il est important de noter que les sauvegardes sont essentielles pour protéger vos données et vous
permettre de restaurer votre site en cas de perte de données ou de problème technique. Il est
recommandé de conserver plusieurs copies de sauvegarde dans des emplacements sécurisés, tels que
des disques durs externes ou des services de stockage cloud fiables.

Il existe également de nombreux plugins WordPress gratuits et payants qui offrent des fonctionnalités
de sauvegarde automatique et de restauration simplifiée, ce qui peut être une option pratique si vous
souhaitez automatiser le processus de sauvegarde et de restauration de votre site WordPress.

1. Création de sauvegardes : Vous pouvez créer des sauvegardes de votre site WordPress à l'aide
de plugins de sauvegarde populaires tels que All-in-one-wp-migration, UpdraftPlus, BackWPup,
Duplicator, etc. Ces plugins vous permettent de créer des sauvegardes complètes de votre site,
y compris les fichiers, la base de données, les thèmes, les plugins, les médias, etc. Vous pouvez
généralement planifier des sauvegardes automatiques et les sauvegarder sur un service de
stockage en ligne tel que Dropbox, Google Drive, Amazon S3, etc., ou les télécharger sur votre
ordinateur.

2. Restauration à partir d'une sauvegarde : Si vous avez besoin de restaurer votre site à partir
d'une sauvegarde, vous pouvez utiliser le plugin de sauvegarde que vous avez utilisé pour créer
la sauvegarde. Les plugins de sauvegarde offrent généralement des fonctionnalités de
restauration qui vous permettent de choisir une sauvegarde spécifique et de restaurer les
fichiers, la base de données et les autres éléments de votre site à partir de cette sauvegarde. Il
est important de suivre attentivement les instructions du plugin de sauvegarde pour restaurer
votre site en toute sécurité et éviter la perte de données.

3. Vérification de la restauration : Une fois que vous avez restauré votre site à partir d'une
sauvegarde, il est important de vérifier attentivement votre site pour vous assurer que tout
fonctionne correctement. Vérifiez les articles, les pages, les médias, les liens, les fonctionnalités
du site, etc., pour vous assurer qu'ils sont restaurés correctement et qu'il n'y a pas de problèmes
techniques.

Il est recommandé de créer régulièrement des sauvegardes de votre site WordPress et de les stocker
dans un emplacement sécurisé en dehors de votre site web, afin de pouvoir restaurer votre site en cas
de besoin. Assurez-vous également de tester régulièrement le processus de restauration à partir d'une
sauvegarde pour vous assurer qu'il fonctionne correctement et que vous pouvez récupérer votre site en
cas de problème.

Stratégies de sauvegarde : Création d'un plan de sauvegarde et de récupération en cas d'urgence

La sauvegarde régulière de votre site WordPress est essentielle pour protéger vos données et vous
assurer que vous pouvez récupérer votre site en cas d'urgence, telle qu'une défaillance du serveur, une
erreur humaine, une attaque de sécurité ou d'autres incidents. Voici quelques stratégies clés pour créer
un plan de sauvegarde et de récupération en cas d'urgence :

1. Sauvegardes régulières : Planifiez des sauvegardes régulières de votre site WordPress, y

compris la base de données, les fichiers du site, les thèmes et les plugins. Vous pouvez utiliser
des plugins de sauvegarde WordPress ou des outils de sauvegarde proposés par votre
 hébergeur pour automatiser ce processus. Assurez-vous de stocker les sauvegardes dans un
emplacement sécurisé, tel qu'un stockage cloud, un serveur distant ou un autre emplacement
hors site.

2. Test de restauration : Assurez-vous de tester régulièrement la restauration de vos sauvegardes

pour vous assurer qu'elles fonctionnent correctement et que vous pouvez récupérer votre site en
cas d'urgence. Il est important de vérifier si les sauvegardes sont complètes et si vous pouvez
restaurer votre site sans perte de données.

3. Plan de récupération d'urgence : Créez un plan de récupération d'urgence détaillé qui comprend
les étapes spécifiques à suivre en cas d'incident, ainsi que les contacts d'urgence, les
procédures de restauration, les informations d'accès et les ressources nécessaires pour
récupérer votre site le plus rapidement possible.

4. Stockage sécurisé des sauvegardes : Assurez-vous de stocker vos sauvegardes dans un

emplacement sécurisé pour éviter toute perte de données ou tout accès non autorisé. Utilisez
des protocoles de sécurité appropriés, tels que le chiffrement des données, pour protéger vos
sauvegardes contre tout accès non autorisé.

5. Automatisation des sauvegardes : Automatisez autant que possible le processus de

sauvegarde pour vous assurer que les sauvegardes sont effectuées régulièrement et de manière
fiable. Utilisez des plugins ou des outils d'hébergement qui offrent des fonctionnalités de
sauvegarde automatisée pour simplifier le processus et vous assurer que vous disposez de
sauvegardes récentes en cas d'urgence.

6. Conservation des sauvegardes : Conservez plusieurs copies de vos sauvegardes, idéalement

dans des endroits différents pour vous assurer que vous avez des sauvegardes à différents
moments dans le temps. Évitez d'écraser les sauvegardes précédentes afin de pouvoir revenir à
une version antérieure si nécessaire.

7. Vérification des sauvegardes : Vérifiez régulièrement l'intégrité de vos sauvegardes pour vous
assurer qu'elles sont complètes et qu'elles peuvent être utilisées pour restaurer votre site en cas
de besoin. Effectuez des tests de restauration périodiques pour vous assurer que les
sauvegardes sont fonctionnelles.

En résumé, la création d'un plan de sauvegarde et de récupération en cas d'urgence est essentielle pour
protéger vos données et garantir que vous pouvez restaurer votre site WordPress en cas de besoin.
Assurez-vous de mettre en place des sauvegardes régulières, de les stocker dans un emplacement
sécurisé, de tester la restauration des sauvegardes, et de conserver plusieurs copies à différents
moments dans le temps. Automatisez autant que possible le processus de sauvegarde pour vous
assurer qu'il est effectué de manière fiable et régulière. Vérifiez également régulièrement l'intégrité de
vos sauvegardes pour vous assurer qu'elles sont complètes et fonctionnelles.

En plus de la sauvegarde, assurez-vous de créer un plan de récupération d'urgence détaillé qui inclut les
étapes spécifiques à suivre en cas d'incident, les contacts d'urgence, les procédures de restauration, les
informations d'accès et les ressources nécessaires. Formez également les membres de votre équipe
sur les procédures de récupération d'urgence pour qu'ils sachent comment réagir en cas d'incident.

Enfin, suivez les meilleures pratiques de sécurité pour minimiser les risques d'incidents de sécurité, tels
que la mise à jour régulière de WordPress, des thèmes et des plugins, l'utilisation de mots de passe
forts, la limitation des accès aux utilisateurs autorisés uniquement, la configuration de pare-feu et de
plugins de sécurité, et la surveillance régulière de votre site pour détecter toute activité suspecte.
En mettant en place un plan de sauvegarde et de récupération d'urgence solide, vous pouvez vous
assurer que votre site WordPress est protégé contre les pertes de données et les incidents de sécurité,
et que vous êtes prêt à réagir rapidement en cas de besoin.

Gestion des utilisateurs avancée :

gestion des rôles et des permissions des utilisateurs
La gestion avancée des utilisateurs dans WordPress implique la gestion des rôles et des permissions
des utilisateurs, ce qui permet de définir les niveaux d'accès et d'autorisation pour les utilisateurs sur
votre site. Voici les étapes générales pour la gestion des rôles et des permissions des utilisateurs dans
WordPress :

1. Compréhension des rôles d'utilisateur par défaut : WordPress offre plusieurs rôles d'utilisateur
par défaut, tels que Administrateur, Éditeur, Auteur, Contributeur et Abonné. Chaque rôle a des
permissions spécifiques pour gérer et accéder à différentes fonctionnalités du site. Il est
important de comprendre les autorisations par défaut de chaque rôle pour déterminer quel rôle
attribuer à chaque utilisateur en fonction de leurs responsabilités et de leurs besoins d'accès.

2. Attribution des rôles aux utilisateurs : Vous pouvez attribuer des rôles aux utilisateurs dans
WordPress en modifiant les paramètres d'utilisateur dans le tableau de bord. Vous pouvez
attribuer un rôle à un nouvel utilisateur lors de la création de leur compte, ou modifier le rôle d'un
utilisateur existant en modifiant leur profil d'utilisateur. Il est important de s'assurer que les
utilisateurs ont le rôle approprié en fonction de leurs besoins d'accès et de leurs responsabilités
sur le site.

3. Création de rôles d'utilisateur personnalisés : Si les rôles d'utilisateur par défaut de WordPress
ne répondent pas à vos besoins, vous pouvez créer des rôles d'utilisateur personnalisés à l'aide
de plugins de gestion des rôles tels que User Role Editor, Members, etc. Ces plugins vous
permettent de créer des rôles d'utilisateur personnalisés avec des autorisations spécifiques en
fonction de vos besoins.

4. Gestion des autorisations des rôles d'utilisateur : Vous pouvez gérer les autorisations des rôles
d'utilisateur dans WordPress en attribuant ou en révoquant des autorisations spécifiques à
chaque rôle. Les plugins de gestion des rôles vous permettent généralement de définir les
autorisations d'accès pour les différentes fonctionnalités de WordPress, telles que la création,
l'édition, la suppression d'articles, de pages, de médias, la gestion des commentaires, etc. Vous
pouvez également définir des autorisations pour des plugins spécifiques ou des fonctionnalités
personnalisées sur votre site.

5. Vérification des autorisations des utilisateurs : Une fois que vous avez attribué des rôles et des
autorisations aux utilisateurs, il est important de vérifier que les autorisations sont correctement
appliquées. Vous pouvez tester les autorisations des utilisateurs en vous connectant en tant
qu'utilisateur avec le rôle attribué et en vérifiant si vous pouvez effectuer les actions autorisées
ou non. Si vous rencontrez des problèmes d'autorisations, vous pouvez ajuster les paramètres
de rôle et d'autorisation en conséquence.

Il est important de gérer attentivement les rôles et les permissions des utilisateurs dans WordPress
pour garantir que les utilisateurs ont uniquement l'accès nécessaire en fonction de leurs
responsabilités et pour protéger la sécurité et l'intégrité de votre site.
 Sécurité : mise en place de bonnes pratiques
de sécurité pour protéger le site WordPress contre les attaques
La sécurité est un aspect crucial de la gestion d'un site WordPress pour protéger vos données, votre
contenu et la confidentialité de vos utilisateurs. Voici quelques bonnes pratiques de sécurité que vous
pouvez mettre en place pour protéger votre site WordPress contre les attaques :

1. Mettre à jour régulièrement WordPress, les thèmes et les plugins : Assurez-vous de maintenir
votre installation WordPress, les thèmes et les plugins à jour avec les dernières versions. Cela
garantit que vous bénéficiez des corrections de sécurité et des mises à jour de fonctionnalités,
et que vous êtes protégé contre les vulnérabilités connues.

2. Utiliser des mots de passe forts : Utilisez des mots de passe forts pour tous les comptes
d'utilisateur sur votre site WordPress, y compris le compte d'administrateur. Évitez d'utiliser des
mots de passe évidents ou faciles à deviner, et envisagez d'utiliser un gestionnaire de mots de
passe pour générer et stocker en toute sécurité vos mots de passe.

3. Limiter les comptes d'utilisateur et les autorisations : Dans un premier temps, désactivez les
inscriptions d'utilisateurs sur votre site. Ne créez que les comptes d'utilisateur nécessaires sur
votre site WordPress et attribuez-leur les autorisations minimales nécessaires pour effectuer
leurs tâches spécifiques. Évitez d'utiliser le compte d'administrateur pour des tâches courantes
et créez des comptes d'utilisateur avec des autorisations limitées pour les tâches quotidiennes.
Vous pouvez aussi désactiver les commentaires sur les articles/pages. On utilise pas "admin"
comme login !

4. Sauvegarder régulièrement le site : Effectuez des sauvegardes régulières de votre site

WordPress, y compris la base de données et les fichiers, et stockez-les dans un emplacement
sécurisé en dehors du serveur. Cela vous permet de restaurer rapidement votre site en cas de
problème, comme une attaque ou une défaillance du serveur.

5. Utiliser des plugins de sécurité : Utilisez des plugins de sécurité fiables pour renforcer la
sécurité de votre site WordPress. Il existe de nombreux plugins de sécurité disponibles qui
peuvent vous aider à protéger votre site en mettant en place des pare-feu, en bloquant les
attaques par force brute, en détectant et en bloquant les activités suspectes, et en renforçant la
sécurité des mots de passe.

6. Configurer les autorisations de fichiers et de répertoires : Définissez les autorisations de

fichiers et de répertoires sur votre site WordPress de manière appropriée pour éviter que des
utilisateurs non autorisés ne puissent accéder à des fichiers sensibles ou modifier les fichiers
du site.

7. Utiliser HTTPS : Utilisez HTTPS pour sécuriser la communication entre les navigateurs des
utilisateurs et votre site WordPress. Obtenez un certificat SSL et configurez votre site pour qu'il
fonctionne en HTTPS pour chiffrer les données sensibles et protéger la confidentialité des
utilisateurs.

8. Limiter l'utilisation de plugins et de thèmes tiers : Limitez l'utilisation de plugins et de thèmes

tiers à partir de sources fiables et maintenus régulièrement. Évitez d'utiliser des plugins ou des
thèmes obsolètes ou non pris en charge, car ils peuvent contenir des vulnérabilités de sécurité.

9. Activer la sécurité du mot de passe de l'administrateur : Utilisez des solutions de sécurité

 supplémentaires telles que l'authentification à deux facteurs (2FA) pour l'accès à votre compte
d'administrateur. Cela ajoute une couche de protection supplémentaire en demandant une
deuxième forme d'authentification, généralement un code généré sur votre appareil mobile, pour
accéder à votre compte d'administrateur.

10. Masquer la version de WordPress : Ne laissez pas la version de WordPress que vous utilisez
visible dans le code source de votre site ou dans les en-têtes HTTP, car cela peut être une
information précieuse pour les attaquants. Vous pouvez masquer la version de WordPress en
utilisant des plugins ou en modifiant les fichiers de thème ou de plugin.

11. Limiter l'accès au tableau de bord d'administration : Restreignez l'accès au tableau de bord
d'administration de WordPress uniquement aux utilisateurs autorisés. Vous pouvez le faire en
configurant les autorisations d'accès au répertoire d'administration via le fichier .htaccess ou en
utilisant des plugins de sécurité qui offrent cette fonctionnalité.

12. Effectuer des vérifications de sécurité régulières : Effectuez régulièrement des vérifications de
sécurité de votre site WordPress pour détecter les éventuelles vulnérabilités ou les activités
suspectes. Vous pouvez utiliser des plugins de sécurité pour effectuer des analyses de sécurité,
vérifier les fichiers du site, et détecter les infections potentielles.

13. Limiter l'utilisation de scripts tiers : Évitez d'inclure des scripts externes non fiables ou non
vérifiés sur votre site WordPress, car cela peut introduire des vulnérabilités de sécurité. Limitez
l'utilisation de scripts tiers à partir de sources fiables et assurez-vous qu'ils sont régulièrement
mis à jour.

14. Utiliser un pare-feu : Utilisez un pare-feu pour protéger votre site WordPress contre les
attaques. Un pare-feu peut aider à filtrer le trafic malveillant, bloquer les tentatives d'intrusion et
protéger votre site contre les attaques par force brute, les injections SQL et autres types
d'attaques courantes.

15. Surveiller les journaux d'activité : Surveillez régulièrement les journaux d'activité de votre site
WordPress pour détecter les activités suspectes, telles que les tentatives de connexion
échouées, les tentatives d'accès aux fichiers sensibles, et autres activités potentiellement
malveillantes. Vous pouvez utiliser des plugins de sécurité pour afficher et analyser les journaux
d'activité de votre site.

16. Ne stockez jamais de données utilisateurs, si vous ne vous en servez pas ou si vous n'avez pas
le droit.

En mettant en place ces bonnes pratiques de sécurité, vous pouvez renforcer la sécurité de votre site
WordPress et protéger votre site, vos données et la confidentialité de vos utilisateurs contre les
attaques potentielles.

Conseils :

Comme expliqué dans le README.md ci-dessous, stockez de manière sécurisé toutes les informations
sensibles du site dans un fichier. Il vous permettra d'intervenir rapidement sur le site en cas de
problème, même lorsque vous avez oublié qu'il existe !

Vérifiez les fichiers de configuration du serveur apache à la racine de votre site WP :

● ./www/.htaccess
● ./www/wp-admin/.htaccess
 ...

Autres fichiers essentiels de configuration : Dossier partagé

Analyse du site : utilisation d'outils d'analyse

pour surveiller les performances du site
et obtenir des informations sur les visiteurs
Oui, l'analyse du site est essentielle pour surveiller les performances de votre site WordPress et obtenir
des informations sur vos visiteurs. Voici quelques étapes pour utiliser des outils d'analyse pour
surveiller les performances de votre site et obtenir des informations sur les visiteurs :

1. Configuration d'un outil d'analyse : Il existe plusieurs outils d'analyse populaires pour les sites
web, tels que Google Analytics, Matomo (anciennement Piwik), et bien d'autres. Choisissez un
outil d'analyse qui répond à vos besoins, inscrivez-vous et configurez-le sur votre site
WordPress. Cela peut nécessiter l'ajout d'un code de suivi sur vos pages ou l'installation d'un
plugin d'analyse qui facilite l'intégration de l'outil d'analyse.

2. Suivi des métriques de performance : Une fois que votre outil d'analyse est configuré, vous
pouvez commencer à surveiller les métriques de performance de votre site WordPress. Cela
peut inclure des informations telles que le nombre de visiteurs, la durée moyenne des sessions,
le taux de rebond, les pages les plus visitées, les sources de trafic, et bien plus encore. Ces
métriques vous donneront un aperçu précieux de la performance de votre site et de
l'engagement de vos visiteurs.

3. Analyse des comportements des visiteurs : Les outils d'analyse peuvent également vous fournir
des informations sur les comportements des visiteurs, tels que les pages qu'ils visitent, les
actions qu'ils effectuent sur votre site, les conversions, les parcours de navigation, et plus
encore. Ces informations vous permettront de comprendre comment les visiteurs interagissent
avec votre site, d'identifier les zones d'amélioration et d'optimiser l'expérience utilisateur.

4. Identification des sources de trafic : Les outils d'analyse vous permettent de connaître les
sources de trafic qui dirigent les visiteurs vers votre site WordPress. Cela peut inclure des
informations sur les moteurs de recherche, les sites web de référence, les médias sociaux, les
campagnes publicitaires, et d'autres canaux de trafic. Cela vous permettra de mesurer
l'efficacité de vos stratégies de marketing en ligne et d'optimiser vos efforts de promotion.

5. Suivi des objectifs : Les outils d'analyse vous permettent de définir et de suivre des objectifs
pour votre site WordPress, tels que le suivi des conversions, les soumissions de formulaires, les
achats, et d'autres actions importantes pour votre entreprise. Cela vous permettra de mesurer le
succès de vos objectifs et d'optimiser vos efforts pour atteindre vos objectifs commerciaux.

6. Rapports réguliers : Utilisez les rapports générés par votre outil d'analyse pour obtenir des
 informations détaillées sur les performances de votre site WordPress. Planifiez des rapports
réguliers pour surveiller les tendances, identifier les problèmes potentiels et prendre des
décisions éclairées pour améliorer votre site.

L'utilisation d'outils d'analyse pour surveiller les performances de votre site WordPress et obtenir des
informations sur les visiteurs est un élément clé de l'optimisation continue de votre site. Cela vous
permettra d'identifier les points forts et les points faibles de votre site, d'optimiser l'expérience
utilisateur, d'améliorer votre référencement et de prendre des décisions éclairées pour améliorer la
performance globale de votre site WordPress. En analysant régulièrement les données d'analyse, vous
pourrez obtenir des informations précieuses sur vos visiteurs, leur comportement sur votre site, les
sources de trafic, les performances des pages, et bien plus encore. Cela vous permettra d'apporter des
ajustements et des améliorations à votre site pour maximiser son efficacité et atteindre vos objectifs
commerciaux.

Il est important de noter que la protection des données des utilisateurs et la conformité aux lois sur la
confidentialité sont également des considérations importantes lors de l'utilisation d'outils d'analyse sur
votre site WordPress. Assurez-vous de respecter les lois et les réglementations en matière de
confidentialité des données, de configurer les paramètres d'analyse de manière appropriée et de
protéger les données des utilisateurs conformément aux meilleures pratiques de sécurité.

En résumé, l'utilisation d'outils d'analyse pour surveiller les performances de votre site WordPress et
obtenir des informations sur les visiteurs est un élément clé de l'optimisation continue de votre site.
Cela vous permettra de prendre des décisions éclairées, d'optimiser l'expérience utilisateur, d'améliorer
le référencement et d'atteindre vos objectifs commerciaux. Veillez toujours à respecter les lois sur la
confidentialité des données et à protéger les données des utilisateurs conformément aux meilleures
pratiques de sécurité.

Exercices

Exercice 1 : Installer / héberger une instance WP

Documentation :

● https://developer.wordpress.org/advanced-administration/before-install/howto-install/
● https://wpformation.com/choisir-hebergement-wordpress/

A voir, essayer Ampps.com ou Localwp.com pour un service dédicacé à WordPress

Création d'une base de donnée locale et installation de WP :

En suivant ces étapes, vous pouvez configurer et utiliser une base de données locale pour développer et
personnaliser votre site WordPress avec WAMP sur votre ordinateur.

Télécharger => Wampserver.com

1. Télécharger et installer XAMPP ou WAMP : Vous pouvez télécharger la dernière version de

WAMP depuis le site officiel de WAMP (Apachefriends.org) pour votre système d'exploitation
(Windows, macOS, Linux). Une fois téléchargé, exécutez le fichier d'installation pour installer
WAMP sur votre ordinateur.

2. Lancer les services de base de données dans WAMP : Une fois que vous avez installé WAMP,
 lancez-le et démarrez les services Apache et MySQL en cliquant sur les boutons "Start"
correspondants dans l'interface de WAMP. Cela va démarrer le serveur Apache pour le serveur
web et le serveur MySQL pour la base de données.

3. Accéder à phpMyAdmin : Dans l'interface de WAMP, cliquez sur le bouton "Admin" à côté de
MySQL pour accéder à phpMyAdmin, qui est une interface web pour gérer les bases de données
MySQL.

4. Créer une nouvelle base de données : Dans phpMyAdmin, cliquez sur l'onglet "Bases de
données" dans la barre de navigation supérieure, puis cliquez sur le bouton "Créer" pour créer
une nouvelle base de données. Vous pouvez choisir un nom pour votre base de données, par
exemple "wordpress", et spécifier l'encodage des caractères (utf8mb4_general_ci est
recommandé pour prendre en charge les caractères spéciaux).

5. Téléchargez la dernière version du CMS WordPress sur le site https://fr.wordpress.org. Dans une
installation typique de WAMP, la racine du répertoire "www" se trouve dans le dossier
d'installation de WAMP lui-même sur PC "C:\XAMP\htdocs", ou "C:\WAMP\www\", sur MAC
"/Applications/XAMPP/xamppfiles/htdocs", et sur Linux : "/opt/lampp/htdocs"

6. Exécuter l'installation de WordPress : Ouvrez un navigateur web et accédez à votre site local en
utilisant l'URL "http://localhost/nom-du-dossier-wordpress" où "nom-du-dossier-wordpress" est le
nom du dossier dans le répertoire "htdocs" où vous avez extrait les fichiers de WordPress.
Suivez les étapes d'installation de WordPress pour spécifier les informations nécessaires, y
compris le nom de la base de données, le nom d'utilisateur et le mot de passe que vous avez
configurés dans le fichier wp-config.php. Concernant le préfixe, vous pouvez conserver celui
proposé par WordPress ("wp_"), sauf si vous avez déjà un autre WordPress qui utilise cette base
de données.

○ Nom de la base de données => Nous avions créé une base : wordpress
○ Nom d’utilisateur MySQL => par défaut avec XAMPP : root
○ Mot de passe de l’utilisateur => par défaut avec XAMPP : [vide]
○ Adresse de la base de données => localhost
○ Préfixe de table => _wp
URL en Localhost dans le navigateur :

Chemin du fichier dans l'explorateur windows :

Vous pouvez vérifier que les informations sont correctement mises à jour dans le fichier :
./www/site1/wp-config.php

define( 'DB_NAME', 'wordpress' );

define( 'DB_USER', 'root' );
define( 'DB_PASSWORD', '' );
define( 'DB_HOST', 'localhost' );

Il est également important de noter que, comme il s'agit d'une installation locale, votre site WordPress ne
sera accessible qu'à partir de votre propre ordinateur. Si vous souhaitez rendre votre site accessible
depuis d'autres appareils ou partager votre travail avec d'autres personnes, vous devrez configurer un
serveur d'hébergement en ligne et transférer votre site WordPress de l'environnement local vers
l'environnement en ligne.

Se connecter/déconnecter de l’espace d’administration

● Pour se connecter
 ○ Ajouter /wp-admin à l’adresse URL du site
○ Entrer l’identifiant et le mot de passe
○ Choisir Tableau de bord dans le menu déroulant portant le nom de site afin d’accéder en
mode administrateur du site

● Se déconnecter
○ Se déconnecter à partir du menu en haut à droite de l’écran

Installation/Migration via FTP :

Le File Transfer Protocol ou FTP en abrégé, est un mode de communication entre votre ordinateur et les
serveurs de votre hébergeur. Il permet de copier, sauvegarder ou supprimer des fichiers en grand
nombre, à partir de l'ordinateur vers le serveur ou inversement. Afin d'installer WordPress sur votre
espace d'hébergement, vous devez télécharger sur votre ordinateur un logiciel qu’on appelle un client
FTP.
Il en existe au moins quatre, gratuits et faciles à utiliser par un système de glisser-déposer des fichiers :
Filezilla (Windows, Linux, Mac), CyberDuck (Windows, Mac), WinSCP (Windows) et Transmit (Mac)

Pour vous connecter, votre hébergeur vous a obligatoirement transmis par mail des identifiants FTP,
plus exactement 3 éléments :

● Le nom du serveur FTP (host/hostname) : souvent lié au nom de domaine ou au nom de

l'hébergeur.

● L'identifiant FTP (login) : c'est généralement votre nom d'utilisateur (votre pseudo) chez votre
hébergeur

● Votre mot de passe FTP (password) : il est fourni par l'hébergeur, parfois cela peut-être le même
identifiant que pour vous connecter à votre espace de gestion, parfois non. Vérifiez bien le mail
envoyé par votre hébergeur.

Pour modifier les paramètres PHP avec XAMPP

1. Démarrez les services Apache et MySQL dans XAMPP en cliquant sur les boutons "Start"
correspondants dans l'interface de gestion de XAMPP.

2. Ouvrez votre navigateur web et accédez à l'URL suivante : http://localhost/phpinfo.php. Cela

vous montrera les informations de configuration PHP actuelles de votre installation XAMPP.

3. Recherchez la section qui contient les paramètres PHP que vous souhaitez modifier. Par
exemple, vous pouvez rechercher des paramètres comme "max_execution_time" (temps
d'exécution maximal), "post_max_size" (taille maximale des données POST) ou
"upload_max_filesize" (taille maximale des fichiers téléchargés).

4. Notez la valeur actuelle de ces paramètres et fermez la page phpinfo.php dans votre navigateur.

5. Ouvrez le fichier php.ini qui se trouve dans le dossier de configuration de PHP de votre
installation XAMPP. Pour XAMPP sous Windows, le fichier php.ini se trouve généralement dans
le répertoire d'installation de XAMPP sous le chemin : C:\xampp\php\php.ini. Pour XAMPP sous
macOS, vous pouvez accéder au fichier php.ini en cliquant sur le bouton "Config" dans l'interface
de gestion de XAMPP, puis en sélectionnant "php.ini" dans le menu déroulant.

6. Recherchez les paramètres que vous souhaitez modifier dans le fichier php.ini et modifiez leurs
 valeurs en fonction de vos besoins. Par exemple, pour augmenter la valeur de
"max_execution_time" à 120 secondes, vous pouvez ajouter la ligne suivante dans le fichier
php.ini : max_execution_time = 120

7. Enregistrez les modifications dans le fichier php.ini et redémarrez le service Apache dans
XAMPP pour que les modifications prennent effet.

Pour modifier les paramètres PHP à l'aide d'un fichier .htaccess

1. Ouvrez le fichier .htaccess dans la racine du répertoire "www" de votre installation XAMPP. Si
vous ne trouvez pas de fichier .htaccess, vous pouvez en créer un nouveau à l'aide d'un éditeur
de texte.

2. Ajoutez les directives appropriées pour les paramètres PHP que vous souhaitez modifier dans le
fichier .htaccess. Par exemple, pour augmenter la valeur de "max_execution_time" à 120
secondes, vous pouvez ajouter la ligne suivante : php_value max_execution_time 120

3. Enregistrez les modifications dans le fichier .htaccess et redémarrez le service Apache dans
XAMPP pour que les modifications prennent effet.

Guides : Wordpress-support.pdf ...

Exercice 2 : Ajouter un premier article

Présentation de la page d'édition et de ses principaux champs :

1. Le titre de page. C'est le titre qui apparaît en haut de votre page, il est très important de le
soigner car ce sera le H1 de votre page.

2. Le permalien. N'utilisez pas de caractères spéciaux ni d'espace, seulement des tirets et des
lettres minuscules. Mettez-y vos mots clé en relation avec votre page.

3. Le Wysiwyg. C'est ce qui vous permet de faire votre mise en page facilement, un peu comme
sous Word Office. Nous développerons cette section dans le chapitre suivant.

4. Le SEO. Il est très important de remplir la balise "Title" et la balise "Description". Reportez vous
au chapitre sur le SEO.

5. L'extrait. Il n'est pas important pour une page de remplir ce champ. Cependant il est très
important de le remplir pour un article ! Ce sera l'extrait qui s'affiche sur votre page Blog. Un
résumé de votre article.

6. Le fil de discussion. Cocher les cases si vous désirez autoriser les internautes à laisser des
commentaires sur cette page. Sinon décocher les cases (les commentaires sont bons pour le
référencement).

7. L'image à la une. Il est très important pour un article de mettre une image à la une car ce sera
cette image qui sera affichée sur votre page blog à côté de votre extrait. Pour une page, vous
n'êtes pas obligé de renseigner ce champ.

8. Les attributs de pages. Suivant les thèmes vous pourrez être amené à choisir dans cette section
le Template (thème) de page prédéfinie que vous aimeriez utiliser pour cette page. Par exemple,
 souvent, la page contact est déjà créée, vous n'avez plus qu'à choisir dans la liste déroulante le
thème qui est associé à la page contact et votre page affichera un formulaire de contact sans
que vous n'ayez besoin de le faire. Certains thèmes n'ont aucun Template prédéfini.

9. L'espace de publication. C'est ici que vous pourrez avoir un aperçu de la page que vous êtes en
train d'éditer afin de voir comment elle apparaîtra sur votre site. Vous pourrez aussi déterminer
sa date de publication, l'enregistrer en brouillon (c'est à dire non visible sur le site). Vous pourrez
également choisir si cette page est privée ou non, lui attribuer un mot de passe. Et enfin publier
votre page !

Qu'est ce qu'un Wysiwyg ?

Un WYSIWYG est un acronyme pour "What You See Is What You Get", ce qui signifie "Ce que vous voyez
est ce que vous obtenez" en français. Il s'agit d'un type d'éditeur de texte ou d'éditeur de contenu qui
permet aux utilisateurs de créer et de modifier du contenu, tel que du texte, des images, des vidéos,
etc., dans une interface visuelle qui affiche directement le résultat final tel qu'il apparaîtra lorsqu'il sera
publié ou affiché sur un site web.

Notes sur la particularité des retours à la ligne avec "Maj + Entrée" : <br /> VS <p></p>

Exercice utilisation du Gutenberg :

● Wordpress-block-editor
● Guide_utilisation_mode_d_emploi_WordPress.pdf (Page 12 et 16)

Pour un meilleur référencement...

Il est important de respecter ce type de mise en page :

Titre de page (H1)

Petite introduction qui annoncera votre sujet. Penser à y placer des mots
clés. 2 ou 3 lignes suffiront.

Premier sous-titre de page (H2)

Votre texte. Pensez à mettre des mots-clé, des listes à puces, des liens
 internes et des liens externes. N’oubliez pas de placer une ou deux images
pour égayer vos textes.

Deuxième sous-titre (H2)

Votre texte. Il est important de bien hiérarchiser vos textes en section et

sous section. Exactement de la même manière dont nous faisions nos
dissertations à l’école ! (Quel cauchemar, je sais !!!)

Mettez autant de sous-titre (H2) et de sous-sous-titre (H3) que vous

souhaitez, mais respectez une certaine logique. Non seulement c'est plus
agréable pour le lecteur d’avoir un contenu aéré et organisé, mais ça l’est
tout autant pour Google, qui privilégie ce type de contenu.

Idéalement votre page devrait comporter entre 600 et 800 mots.

Conclusion

Exemple de site avec un bon rédactionnel SEO :

● Numerama.com

Exercice 3 : Créer des page de contenu et ajuster les menus

Pour l’instant, ajoutons simplement quelques pages à votre site.
Premièrement, accédez à Pages et cliquez sur Ajouter une nouvelle page.

L’éditeur de blocs s’ouvre.

Lorsque vous créez une nouvelle page, une option pour sélectionner une mise en page toute prête
s’affiche. Vous avez la possibilité de choisir une mise en page et de la modifier, ou bien de partir d’une
page vide.

À droite de l’éditeur se trouvent les réglages de la page. Vous pouvez y voir l’état de la page, ajouter des
catégories et des étiquettes à des articles, définir une image mise en avant, etc.
Parties qui composent l’éditeur de blocs. Si vous ne voyez pas le panneau de réglages à droite,
sélectionnez l’icône « d’engrenage » à côté de Publier.

Voyons l’éditeur plus en détail !

Éditeur de blocs

Vous allez créer vos pages et vos articles avec l’éditeur de blocs, considérez-le comme les
composantes de votre site Web ! Vous pouvez ajouter du contenu en insérant divers blocs. Pour cela,
cliquez sur l’icône d’insertion de bloc + qui se trouve à divers endroits dans l’éditeur.

Vous pouvez ajouter un bloc ou choisir le type de bloc dont vous avez besoin de plusieurs manières :

● Cliquez sur + à gauche d’un bloc vide.

● Cliquez sur + en haut à gauche de l’éditeur.
● Appuyez sur la touche Entrée/Retour à partir d’un bloc sélectionné pour créer un nouveau bloc
juste au-dessous.
● Cliquez sur + en haut au centre d’un bloc existant pour ajouter un bloc juste au-dessus.
● Cliquez sur les trois points juste au-dessus du bloc sélectionné et choisissez d’ajouter un bloc
au-dessus ou au-dessous de ce dernier.
 Différentes manières d’ajouter un bloc

Il est possible d’ajouter toutes sortes de blocs : paragraphes, images, galeries, colonnes, tableaux. La
liste est assez complète !

Voici les blocs courants que vous pourriez vouloir utiliser :

● Bloc de paragraphe : bloc par défaut pour ajouter du texte standard à un article ou une page ;
● Bloc d’image : pour ajouter des images individuelles dans l’article ou la page ;
● Bloc de couverture : pour ajouter du texte sur une image ;
● Bloc de colonnes : pour placer facilement des blocs côte à côte ;
● Bloc d’en-tête : pour ajouter un texte d’en-tête dans l’article ou la page ;

Liste de blocs

Lorsque vous cliquez sur l’icône d’insertion de bloc +, vous pouvez rechercher différents types de blocs
ou défiler vers le bas et développer chaque liste pour voir ce qui est disponible. Lorsqu’un bloc est
ajouté, vous pouvez le réorganiser en utilisant les flèches à gauche et à droite, ou en cliquant et en le
faisant glisser.

Lorsque vous ajoutez un bloc et que vous le sélectionnez, vous remarquerez qu’il y a deux zones de
réglages :

1. La barre d’outils qui apparaît juste au-dessus du bloc Liste.

2. Les réglages à droite de l’éditeur.
Supprimer un bloc

Vous pouvez supprimer un bloc en le sélectionnant, en cliquant sur le menu points de suspension (trois
points) dans la barre d’outils et en choisissant Retirer le bloc.
Comment utiliser l’éditeur de blocs

Lorsque vous êtes satisfait de l’apparence de votre page, cliquez sur Publier en haut à droite. Vous
voulez ajouter des pages supplémentaires ? Créez-les, publiez-les et passez à l’étape suivante. Si vous
voulez ajouter une page de blog, créez une page, publiez-la sous le nom « Blog » (ou autre nom de votre
choix !) et laissez-la vide. Nous ajouterons les articles de blog à l’étape suivante.

Vous avez peur que votre site soit vu avant qu’il ne soit prêt ? Votre site sera en mode « Bientôt disponible
» privé jusqu’à son lancement. Accédez à Réglages → Général et faites défiler jusqu’à Confidentialité pour
lancer le site ! Vous trouverez plus d’informations à ce propos ici.

Comment définir la page d'accueil ?

● https://wordpress.com/fr/support/pages/page-accueil/

Exercice pratique :

● Recréez la page "BSA Web - Telescope" : Dossier partagé

Exercice 4 : Customiser un thème : créer un thème enfant

Il est important de noter que les modifications que vous apportez dans le thème enfant ne seront pas
écrasées lors des mises à jour du thème parent, vous permettant ainsi de maintenir vos
personnalisations même lorsque vous mettez à jour le thème parent. Vous pouvez également ajouter
d'autres fichiers de thème (par exemple, des modèles de page) dans le répertoire du thème enfant si
vous souhaitez les personnaliser sans toucher au thème parent d'origine.

Il est recommandé de toujours créer une sauvegarde de votre site WordPress avant de créer un thème
enfant ou d'apporter des modifications importantes à votre thème, afin de pouvoir restaurer votre site
en cas de problème.

Pour créer un thème enfant :

 1. Créez un répertoire pour votre thème enfant : Dans le répertoire de thèmes de votre site
WordPress (/wp-content/themes/), créez un nouveau répertoire pour votre thème enfant. Vous
pouvez lui donner n'importe quel nom, mais il est recommandé d'utiliser un nom descriptif qui
indique qu'il s'agit d'un thème enfant d'un thème parent spécifique.

2. Créez un fichier de style CSS : À l'intérieur du répertoire du thème enfant, créez un fichier de
style CSS (par exemple, style.css) pour votre thème enfant. Ce fichier de style sera utilisé pour
ajouter vos modifications personnalisées.

3. Ajoutez un en-tête au fichier de style CSS : Ouvrez le fichier de style CSS du thème enfant et
ajoutez un en-tête pour décrire votre thème enfant. L'en-tête devrait ressembler à ceci :

/*

Theme Name: Nom du thème enfant

Template: nom-du-theme-parent

*/

Assurez-vous de remplacer "Nom du thème enfant" par le nom de votre thème enfant, et
"nom-du-theme-parent" par le répertoire du thème parent que vous souhaitez utiliser comme base pour
votre thème enfant.

4. Ajoutez vos modifications personnalisées : Sous l'en-tête du fichier de style CSS de votre thème
enfant, vous pouvez ajouter vos modifications personnalisées. Par exemple, vous pouvez
ajouter des styles CSS supplémentaires pour personnaliser l'apparence de votre site, ou des
fonctions PHP pour ajouter de nouvelles fonctionnalités.

5. Enregistrez et activez votre thème enfant : Enregistrez votre fichier de style CSS du thème enfant
et chargez-le sur le répertoire de thèmes de votre site WordPress, dans le répertoire du thème
enfant que vous avez créé. Ensuite, allez dans l'administration de WordPress, dans l'onglet
"Apparence > Thèmes", et activez votre thème enfant. Vos modifications personnalisées
devraient maintenant être appliquées à votre site WordPress.

Une CheatSheet utile par ici :

 Exercice 5 : Créer un formulaire à l'aide d'un plugin
● Contact Form 7 : Juste une autre extension de formulaire de contact. Simple mais souple
d’utilisation.
● Ninja Forms : Contact Form – The Drag and Drop Form Builder for WordPress

Code d'un formulaire d'exemple :

<div class="myCard">

<div class="myCardInside"><label> Nom

 [text your-name class:validate watermark] </label>

<label> Email (*)

[email* your-email] </label>

<label> Message (*)

[textarea* your-message class:validate watermark] </label>

<center>[submit id:form-submit class:button]</center>

<em><small>Les champs marqués (*) sont obligatoires</small></em></div>

</div>
Résultat :

Ressources

Assistance et documentation
● Guides d'assistance et de documentation
● WordPress Plugins
● Theme Directory
● WordPress Codex : the online manual for WordPress and a living repository for WordPress
information and documentation.
● Support forums for WordPress.org
● Guide de démarrage WordPress (wpfr)
● Stackoverflow : Questions tagged [wordpress]
● ChatGPT : Chat.openai.com

Communautés
● WordPress Paris : https://www.meetup.com/fr-FR/wordpress-ile-de-france/
● WordPress Francophone, site officiel de la communauté FR : https://wpfr.net
● WordPress Bootcamps : https://bootcamprankings.com/best-wordpress-bootcamps/ (...)

Gutenberg et "Full Site Editing"

● EDITOR https://wordpress.org/gutenberg/
● DOC1 https://developer.wordpress.org/block-editor/
● DOC2 https://github.com/WordPress/gutenberg/tree/trunk/docs/how-to-guides/block-tutorial
● DOC3 https://developer.wordpress.org/block-editor/how-to-guides/javascript/js-build-setup/
● DOC4
https://github.com/WordPress/gutenberg/blob/trunk/docs/getting-started/create-block/READ
ME.md
● CORE1 https://github.com/WordPress/gutenberg
● CORE2 https://github.com/WordPress/gutenberg/tree/HEAD/packages/block-library/src
● LIST https://wordpress.org/plugins/browse/block/
● PATTERNS https://wordpress.org/patterns/ + https://wordpress.org/patterns/new-pattern/
● PATERNS DOC https://learn.wordpress.org/lesson-plan/how-to-use-wordpress-block-patterns/
● REUSABLE https://wordpress.org/documentation/article/reusable-blocks/
● GROUP https://wordpress.org/documentation/article/group-block/
● DEV https://github.com/Automattic/block-experiments
● STORYBOOK https://wordpress.github.io/gutenberg/?path=/story/docs-introduction--page
● TUTO
https://github.com/WordPress/gutenberg/blob/trunk/docs/getting-started/create-block/READ
ME.md
● VALIDATE https://wordpress.org/plugins/developers/block-plugin-validator/
● ADD
https://make.wordpress.org/plugins/2020/07/11/you-can-now-add-your-own-plugins-to-the-bloc
k-directory/

Répertoire partagé
● Dossier : https://drive.google.com/drive/folders/1-lB0xfVNa0rJEO7Zo2Qz0W6e0oWH4zTE
● Cours : https://docs.google.com/document/d/1k0lhA-IyGVBvkKX_HDJDNCPQUIKEM/edit

Julien Guézennec @ PEAJ - Copyleft 2023

Autres cours : JavaScript, jQuery, HTML5 & CSS3 et Animations & JS