Les débuts (2003-2004)

1. WordPress est né de b2/cafelog, un projet de blog initié par Michel Valdrighi en 2001.
2. En 2003, Matt Mullenweg et Mike Little ont repris le projet abandonné et l'ont transformé en WordPress.
3. La première version, WordPress 0.7, est sortie le 27 mai 2003.

L’essor du CMS (2005-2010)

• 2004-2005 : WordPress gagne en popularité avec des fonctionnalités comme les plugins, permettant aux développeurs d'ajouter des extensions.
• 2005 : Lancement de WordPress.com, une version hébergée par Automattic (société fondée par Matt Mullenweg).
• 2008 : Refonte majeure avec un nouvel éditeur et une interface améliorée.
• 2010 : WordPress devient entièrement indépendant avec la création de la WordPress Foundation.

L’âge d’or et la domination du web (2011-2020)

• 2013 : WordPress alimente plus de 18% des sites web.
• 2018 : Lancement de Gutenberg, un éditeur de blocs révolutionnaire.
• 2020 : WordPress représente plus de 40% du web.

WordPress aujourd’hui (2021 - présent)

• WordPress continue d'évoluer avec des améliorations sur la sécurité, la performance et l'expérience utilisateur.
• Il domine toujours le marché des CMS avec plus de 43% des sites web en 2024.

Gutenberg (éditeur natif de WordPress)

Gutenberg est l’éditeur officiel de WordPress depuis la version 5.0 (2018). Il repose sur un système de blocs, permettant d’ajouter du texte, des images, des vidéos et d’autres éléments facilement.

✅ Points forts :

• Léger et rapide (intégré nativement à WordPress, donc pas de surcouche lourde).
• Compatible avec la plupart des thèmes WordPress.
• Éditeur d’avenir : WordPress continue de l’améliorer avec le Full Site Editing (FSE).
• Gratuit (aucun coût supplémentaire).

❌ Points faibles :

• Moins flexible qu’Elementor pour des mises en page complexes.
• Moins de contrôle sur la personnalisation sans CSS.
• Certains blocs avancés nécessitent des plugins supplémentaires (ex : Kadence Blocks, Spectra).

Elementor (Page Builder tiers)

Elementor est un constructeur de pages très populaire, lancé en 2016. Il propose une interface en glisser-déposer (drag & drop) et permet de créer des designs très avancés sans toucher au code.

✅ Points forts :

• Très intuitif, avec un aperçu en temps réel des modifications.
• Large choix de widgets et de modèles préconçus.
• Compatible avec la plupart des thèmes et extensions.
• Fonctionnalités avancées avec la version Elementor Pro (formulaires, pop-ups, WooCommerce…).

❌ Points faibles :

• Plus lourd que Gutenberg (peut ralentir le site si mal optimisé).
  La version gratuite est limitée (il faut Elementor Pro pour des fonctionnalités avancées).
• Moins bien intégré aux mises à jour de WordPress (risque de conflits avec certains thèmes/plugins).

Valable sur votre site de cours

Elementor Pro

Le domaine vous est imposé pour les besoins du cours. Vous pouvez à tout moment ajouter un nom de domaine personnalisé.

Pour le choix d'un nom de domaine, consultez notre rubrique ad hoc.

Pour l'hébergement, vérifiez qu'il dispose d'une installation automatique de WordPress.

Pour le cours vous êtes hébergé chez Cybériade. Cet hébergement est à votre disposition gratuitement durant votre formation et même après si vous ne faites la demande.

Méthode 1 : Installation automatique (recommandée)

La plupart des hébergeurs proposent une installation en 1 clic de WordPress via cPanel ou un autre panneau d’administration.

Dans votre cas vous pouvez ajouter des sites WordPress depuis votre interface Plesk sur le serveur de Cybériade.

Méthode 2 : Installation manuelle

1. Télécharger WordPress depuis wordpress.org.
2. L’envoyer sur votre serveur via FTP.
3. Créer une base de données MySQL via votre hébergeur.
4. Lancer l’installation en accédant à votre site (monsite.com/wp-admin).

Se connecter au tableau de bord (monsite.com/wp-admin).

Configurer les réglages :

• Réglages → Général : Modifier le titre et la description du site.
• Réglages → Permaliens : Choisir “Titre de l’article” (/mon-article/) pour un bon référencement (SEO).
• Installer un certificat SSL pour activer le HTTPS (via Plesk).

Le thème définit l’apparence de votre site.

Où trouver des thèmes ?

• Gratuits : Bibliothèque WordPress (Apparence → Thèmes), ex : Astra, OceanWP, Neve.
• Premium : ThemeForest, Elegant Themes (Divi), GeneratePress.

Conseils

Choisissez un thème rapide et bien codé, compatible avec Gutenberg ou Elementor en fonction de vos choix.

Le nombre de téléchargements, la fraîcheur de la mise à jour et le popularité d'un thème sont des indiques de qualité et de stabilité.

Dans la pratique, vous allez choisir un thème qui pourra servir de base à la plupart des sites que vous créerez.

Les plugins ajoutent des fonctionnalités à votre site.

Indispensables :

• Yoast SEO ou Rank Math (optimisation SEO).
• WP Rocket ou LiteSpeed Cache (accélération du site).
• Wordfence Security ou Sucuri (sécurité).
• Contact Form 7 ou WPForms (formulaires de contact).
• WooCommerce (si boutique en ligne).

Conseil : N’installez pas trop de plugins pour ne pas ralentir votre site !

Un bon site a du contenu bien structuré et optimisé pour Google.

• Publiez des articles et pages en utilisant des mots-clés pertinents.
• Ajoutez des images optimisées (compressez-les avec TinyPNG ou ShortPixel).
• Remplissez les balises SEO avec Yoast ou Rank Math.

Conseil : Pour un blog, publiez du contenu régulier et de qualité pour améliorer votre référencement.

• Tester la vitesse (PageSpeed Insights ou GTmetrix).
• Tester les liens internes et externes
• Vérifier l’affichage mobile (Outils → Mobile-Friendly Test).
• Mettre en place des sauvegardes automatiques (ex: UpdraftPlus).

Félicitations ! Votre site est prêt et vous CIE est accompli

• Partagez-le sur Google My Business, les réseaux sociaux, et ajoutez-le sur Google Search Console.
• Suivez vos stats avec Google Analytics.
• Si besoin, créez une newsletter avec Mailchimp ou Brevo (ex Sendinblue).

Interface de base d'un WordPress de base.

Bienvenue votre nouvel interface.

Les permaliens nommés sont optimisés pour SEO

Il est possible d'ajouter des extensions, de les désactiver ou de les supprimer de votre site.

Il est très important de désactiver et de supprimer les extensions qui ne sont pas ou plus utilisées.

Toujours vérifier le compatibilité des extensions à installer.

Dans le cadre de ce cous nous allons installer les extensions suivantes :

Le choix du théme est l'opération la plus importante et détermine tout le travail à suivre

L’utilisation d’un thème enfant dans WordPress est essentielle pour plusieurs raisons :

1. Préserver les modifications lors des mises à jour

Si vous modifiez directement un thème parent, toutes vos personnalisations seront perdues lorsque vous mettrez le thème à jour. Un thème enfant permet de conserver vos modifications tout en profitant des mises à jour du thème parent.

2. Faciliter la personnalisation

Un thème enfant vous permet de modifier uniquement les fichiers nécessaires (CSS, templates, fonctions) sans avoir à toucher au thème parent. Cela vous offre plus de flexibilité et réduit les risques d’erreurs.

3. Améliorer la sécurité

Comme vous n’avez pas besoin de modifier directement le thème parent, vous évitez d’éventuelles failles de sécurité en conservant un code propre et maintenu par les développeurs du thème d’origine.

4. Expérimenter sans risque

Avec un thème enfant, vous pouvez tester de nouvelles fonctionnalités sans compromettre la stabilité du site. Si un problème survient, il suffit de revenir aux fichiers d’origine du thème parent.

5. Organisation et clarté du code

Un thème enfant permet de structurer vos personnalisations dans un dossier distinct, rendant votre développement plus organisé et facile à maintenir.

Conclusion

Utiliser un thème enfant est une bonne pratique recommandée en développement WordPress. Il permet de personnaliser un site sans risque, tout en bénéficiant des mises à jour du thème parent.

Travailler pour un client imaginaire

Imaginez un client qui vous demande la réalisation d'un site web. Il compte sur vous pour lui faire une proposition tant graphique, que technique et le conseiller pour assurer sa promotion dans l'avenir proche.

Dans un premier temps, il nous faut :

• le thème du site
• Le nom du site (titre affiché, et/ou sur le logo)
• Une suggestion de nom de domaine
• Une description succincte du contenu

Délai : jour #1

Dessiner l'arbre

Dessiner l'arbres des pages prévues sur le site, en partant de la page d'accueil.

Vous avez le choix de l'outil (PowerPoint, Excel, Illustrator  ou autre)

Sur chaque page indiquer sont titre et son type et une idée de son contenu futur.

type = page d'information, liste d'articles, formulaire, page de boutique, etc...

Délai : jour #2

La maquette qui sera validée par votre client

Vous avez le choix de la technique.

Etant donné que le temps est compté dans ce cours, cette partie ne devra pas être développé au-delà de la page d'accueil.

Délai : jour #2

Sur WordPress , les rôles des utilisateurs définissent leurs permissions et accès aux fonctionnalités du site. Il y a cinq rôles principaux (plus un rôle supplémentaire pour les réseaux multisites) :

1. Administrateur
- A tous les droits sur le site.
- Peut gérer les utilisateurs, thèmes, plugins et paramètres.
- A le contrôle total des publications et des commentaires.
- Peut modifier le code du site (si l’édition des fichiers est activée).

2. Éditeur
- Gère l’ensemble des publications, y compris celles des autres utilisateurs.
- Peut publier, modifier et supprimer des articles et des pages.
- Peut modérer les commentaires.

3. Auteur
- Peut créer, modifier, publier et supprimer ses propres articles .
- Ne peut pas modifier les articles des autres utilisateurs.
- Peut ajouter des médias à ses articles.

4. Contributeur
- Peut rédiger et modifier ses propres articles, mais ne peut pas les publier.
- Un administrateur ou un éditeur doit approuver et publier ses articles.
- Ne peut pas téléverser d’images ou de fichiers.

5. Abonné
- Peut uniquement lire le contenu restreint (si un abonnement est requis pour voir certains articles).
- Peut modifier son propre profil.
- N’a pas accès aux fonctionnalités d’édition ou d’administration.

6. Super Administrateur (uniquement pour un réseau multisite)
- A les mêmes droits que l’Administrateur, mais sur plusieurs sites d’un réseau WordPress multisite.
- Peut gérer tous les sites, les utilisateurs et les paramètres globaux.

Chaque rôle peut être modifié avec des plugins comme User Role Editor pour ajuster les permissions. Tu cherches à attribuer un rôle spécifique sur ton site ?

Lancer