WordPress est actuellement l’outil de création et de gestion de sites web le plus utilisé dans le monde. Ce CMS (Content Mana­gement System) vous permet de créer et de gérer des blogs, comme des sites web plus institutionnels, et vous propose une interface de gestion simple mais très efficace.

Ce livre vous présente une démarche complète, méthodologique et pratique, pour concevoir votre site, de la réflexion initiale du projet à la mise en ligne du site. Il a été rédigé avec la version 6.7 de WordPress.

Nous commencerons par réaliser un "mini cahier des charges" afin de bien définir le projet. C'est une phase cruciale qu'il ne faut surtout pas négliger. Puis, nous mettrons en place un environnement technique local, sur votre machine, pour concevoir votre site et créer les utilisateurs susceptibles d’intervenir lors de la conception du site.

Avant d’aborder la création des contenus rédactionnels ainsi que leur mode d'édition avec la notion de bloc de contenu que nous propose l'éditeur Gutenberg de WordPress, nous nous attarderons sur les méthodes et techniques qui permettent d’optimiser le référencement futur de votre site (création de persona, définition des mots-clés, hiérarchisation des contenus…).

Nous verrons ensuite comment illustrer ces contenus par de nombreux types d'illustrations : image, galerie, vidéo, etc.

Mais un contenu rédactionnel sans un bon design ne suffit pas ! Dans un chapitre dédié, nous allons appréhender toutes les techniques permettant de créer une mise en forme et une mise en page attractive.

Pour ajouter de nouvelles fonctionnalités à votre site, il sera possible d’ajouter des extensions : nous exploiterons un compteur de vues, créerons un formulaire de contact, optimiserons les images, créerons un diaporama, une galerie de photos et proposerons un lecteur de fichier PDF aux visiteurs.

Pour rendre votre site encore plus attractif et ainsi, inciter les visiteurs à en parcourir les pages, vous pourrez exploiter les thèmes. Nous allons aborder tous les aspects de la gestion des thèmes : la personnalisation des styles et des modèles de page, l’utilisation des compositions avec les barres de navigation, les en-têtes et les pieds de page, en exploitant au mieux les blocs de mise en page et de mise en forme.

Vous serez alors prêt à publier votre site chez un hébergeur professionnel afin que tous les internautes puissent y accéder. Pour finir, nous n'oublierons pas de créer des sauvegardes régulières du site et de mettre en place les actions permettant de le sécuriser au mieux.

Ce livre est un guide complet qui vous permettra de créer votre site de A à Z.

Les concepts clés et les objectifs

1. Créer des sites web avec WordPress
2. Les fonctionnalités de WordPress
3. Objectifs du livre

Le cahier des charges

1. Concevoir un cahier des charges
2. Présenter l'entité
3. Déterminer les cibles
4. Définir les objectifs du site
5. Spécifier les objectifs quantitatifs et techniques
6. Exploiter un site e-commerce
7. Concevoir la charte graphique et le design
8. Élaborer la structure du site
9. Placer les éléments de navigation
10. Maquetter les contenus
11. Lister les utilisateurs et leur rôle
12. Gérer l'accessibilité du site
13. Concevoir un site en Green IT
14. Acquérir un nom de domaine et une extension
15. Héberger le site web
16. Rédiger le cahier des charges

La création du site en local

1. Appréhender la méthodologie de conception
2. L'environnement local de développement
3. Installer WordPress en local
   1. 1. Télécharger l’environnement de développementLocal
   2. 2. Appréhender l’interface d’exploitation
   3. 3. Installer WordPress
   4. 4. Gérer les sites locaux
   5. 5. Utiliser la messagerie Mailpit
4. Exploiter l'administration
   1. 1. Se connecter à l’administration
   2. 2. Localiser l’interface d’administration
   3. 3. Utiliser la barre des outils
   4. 4. Utiliser la barre des menus
   5. 5. Afficher les options des écrans
5. Paramétrer le site
   1. 1. Exploiter les réglages généraux
   2. 2. Optimiser les permaliens
   3. 3. Afficher les paramètres de confidentialité
   4. 4. Paramétrer les mises à jour

Les utilisateurs

1. Comprendre les comptes utilisateurs
2. Modifier un profil utilisateur
   1. 1. Accéder au profil
   2. 2. Modifier les paramètres de l’interfaced’administration
   3. 3. Modifier les paramètres nominaux
   4. 4. Modifier les informations de contact
   5. 5. Modifier les informations personnelles
   6. 6. Gérer le mot de passe
3. Gérer les comptes utilisateurs
   1. 1. Ajouter un nouveau compte
   2. 2. Modifier et supprimer un compte
   3. 3. Se connecter en tant qu’utilisateur
4. Connaître les droits

La rédaction et le référencement

1. Écrire pour le Web
   1. 1. Connaître les objectifs de la rédactionpour le Web
   2. 2. Définir les cibles de la rédactionweb
   3. 3. Créer des persona
   4. 4. Exploiter des mots-clés
   5. 5. Déterminer les mots-clés
   6. 6. Positionner et gérer la densité desmots-clés
   7. 7. Adopter un style clair pour l’écriture web
   8. 8. Structurer les pages avec les titres
   9. 9. Insérer des liens
   10. 10. Exploiter les balises d’en-tête des pages
2. Connaître les bases du référencement
   1. 1. Comprendre les objectifs du référencement
   2. 2. Découvrir ce que sont les mots-clés
   3. 3. Exprimer un besoin avec la requête
   4. 4. Connaître l’utilité des URL
   5. 5. Comprendre l’indexation et le crawl
   6. 6. Comprendre l’importance des liens
   7. 7. Connaître les freins au référencement
3. Appliquer les bons réglages dans WordPress
   1. 1. Renseigner le titre et le slogan du site
   2. 2. Indiquer la catégorie par défaut
   3. 3. Paramétrer la lecture des contenus
   4. 4. Parfaire l’affichage des commentaires
   5. 5. Optimiser les permaliens
4. Optimiser le contenu rédactionnel dans WordPress
   1. 1. Rédiger le titre, la balise title et la descriptiondes contenus
   2. 2. Personnaliser les permaliens
   3. 3. Utiliser les catégories
   4. 4. Exploiter les étiquettes
   5. 5. Hiérarchiser les contenus avec les titres
   6. 6. Insérer les mots-clés dans le contenu
   7. 7. Maîtriser l’extrait
5. Exploiter des extensions pour le SEO
   1. 1. Analyser le site avec SEOKEY
   2. 2. Optimiser le contenu avec SEOKEY
   3. 3. Exploiter l’extension SEOKEY
   4. 4. Analyser le site avec Yoast SEO
   5. 5. Optimiser le contenu avec Yoast SEO
   6. 6. Exploiter l’extension Yoast SEO

Les articles et les pages

1. Aborder les contenus rédactionnels
2. Exploiter les articles
   1. 1. Créer un nouvel article
   2. 2. Utiliser les catégories
   3. 3. Utiliser les étiquettes
   4. 4. Paramétrer les articles
   5. 5. Gérer la publication des articles
   6. 6. Gérer les articles
3. Exploiter les pages

Les blocs pour le texte

1. Aborder les interfaces de saisie
2. Utiliser la barre des outils
3. Exploiter les options d'affichage
   1. 1. Modifier les vues
   2. 2. Changer l’éditeur
   3. 3. Utiliser les outils
   4. 4. Gérer les préférences d’édition
      1. a. Les préférences générales
      2. b. Les préférences d’apparence
      3. c. Les préférences d’accessibilité
      4. d. Les préférences d’utilisation desblocs
4. Maîtriser l'usage des blocs
   1. 1. Insérer un bloc
   2. 2. Copier et dupliquer un bloc
   3. 3. Supprimer un bloc
   4. 4. Déplacer un bloc
   5. 5. Renommer un bloc
   6. 6. Transformer un type de bloc
5. Utiliser les blocs pour le texte
   1. 1. Mettre en forme les blocs
   2. 2. Connaître les réglages communs desblocs de texte
      1. a. Les couleurs des blocs
      2. b. La typographie des blocs
      3. c. Les marges des blocs
      4. d. Les bordures des blocs
   3. 3. Ajouter et mettre en forme un bloc Titre
   4. 4. Ajouter et mettre en forme un bloc Paragraphe
   5. 5. Ajouter et mettre en forme un bloc Liste
   6. 6. Ajouter et mettre en forme les blocs de citations
   7. 7. Ajouter et mettre en forme un bloc Tableau
   8. 8. Ajouter les blocs Détails et Couplet
   9. 9. Ajouter des blocs pour des réseaux sociaux

Les médias

1. Exploiter les médias
   1. 1. Utiliser les médias
   2. 2. Connaître les formats des images
   3. 3. Connaître les formats audio-vidéo
   4. 4. Paramétrer les médias dans WordPress
   5. 5. Gérer la médiathèque dusite
2. Utiliser le bloc Image
   1. 1. Insérer une image dans le bloc Image
   2. 2. Modifier la légende
   3. 3. Personnaliser les dimensions de l’image
   4. 4. Changer la taille de l’image
   5. 5. Recadrer l’image
3. Utiliser le bloc Galerie
4. Utiliser le bloc Bannière
5. Insérer une vidéo
6. Insérer de l'audio

La mise en page

1. Exploiter les blocs de mise en page
   1. 1. Connaître les blocs disponibles et leur utilisation
   2. 2. Utiliser le bloc Média & texte
   3. 3. Utiliser le bloc Colonnes
   4. 4. Utiliser le bloc Rangée
   5. 5. Utiliser le bloc Empilement
   6. 6. Utiliser le bloc Grille
   7. 7. Utiliser le bloc Séparateur
   8. 8. Utiliser le bloc Espacement
   9. 9. Utiliser le bloc Groupe
2. Utiliser les compositions

Les extensions

1. Gérer les extensions
   1. 1. Comprendre l’utilité des extensions
   2. 2. Rechercher une extension dans l’administration
   3. 3. Rechercher une extension sur le site officiel WordPress
   4. 4. Rechercher une extension sur le Web
   5. 5. Connaître les critères de sélectiond’une extension
   6. 6. Installer et activer une extension
   7. 7. Mettre à jour les extensions
   8. 8. Supprimer une extension
2. Afficher un compteur de vues
   1. 1. Installer l’extension Post Views Counter
   2. 2. Paramétrer le comptage des vues
   3. 3. Afficher le nombre de vues
3. Concevoir un formulaire
   1. 1. Installer l’extension WPForms
   2. 2. Créer le formulaire
   3. 3. Ajouter et personnaliser des champs de saisie simples
   4. 4. Insérer des choix uniques
   5. 5. Insérer d’autres champs
   6. 6. Gérer les champs
   7. 7. Personnaliser le bouton d’envoi
   8. 8. Personnaliser l’affichage du formulaire
   9. 9. Paramétrer l’envoi du formulaire
   10. 10. Afficher le formulaire dans une page
   11. 11. Mettre en forme le formulaire
   12. 12. Gérer les formulaires
4. Optimiser les images du site
   1. 1. Optimiser les images publiées sur le web
   2. 2. Installer l’extension ShortPixel
   3. 3. Paramétrer les réglages générauxde ShortPixel
   4. 4. Ajouter des images dans la médiathèque
5. Créer un diaporama
   1. 1. Installer l’extension MetaSlider
   2. 2. Insérer les photos dans la médiathèque
   3. 3. Créer le diaporama et ajouter des photos
   4. 4. Paramétrer le diaporama
   5. 5. Insérer le diaporama dans un contenu
6. Afficher une galerie photo
   1. 1. Installer l’extension Envira Gallery
   2. 2. Insérer les photos dans la médiathèque
   3. 3. Créer la galerie et ajouter des photos
   4. 4. Paramétrer la galerie
   5. 5. Insérer la galerie dans un contenu
7. Utiliser un lecteur PDF
   1. 1. Installer l’extension PDF Viewer Block pour Gutenberg
   2. 2. Utiliser l’extension

Les thèmes

1. Comprendre l'utilisation des thèmes
   1. 1. Éviter les anciens thèmes
   2. 2. Exploiter les thèmes optimisés pourGutenberg
   3. 3. Comprendre les constructeurs de thèmes tiers
   4. 4. Connaître d’autres types de thèmes
2. Gérer les thèmes
   1. 1. Rechercher des thèmes
   2. 2. Prévisualiser, installer et activer un thème
   3. 3. Supprimer les thèmes non utilisés
3. Comprendre la structure des thèmes
   1. 1. Appréhender les principes généraux
   2. 2. Connaître l’utilisation des modèlesde page
   3. 3. Connaître l’utilisation des compositions
   4. 4. Connaître l’utilisation des en-têteset des pieds de page
   5. 5. Connaître l’utilisation des navigations
   6. 6. Comprendre les styles des thèmes
4. Modifier les styles du thème Twenty Twenty-Five
   1. 1. Accéder aux styles du thème
   2. 2. Modifier la typographie
   3. 3. Modifier les couleurs
   4. 4. Ajouter une image d’arrière-plan
   5. 5. Modifier les ombres portées
   6. 6. Paramétrer la mise en page
   7. 7. Personnaliser tous les blocs
   8. 8. Enregistrer les modifications
5. Exploiter les blocs de mise en page
   1. 1. Utiliser les blocs de mise en page
   2. 2. Utiliser le bloc Groupe
   3. 3. Connaître les déclinaisons du blocGroupe
   4. 4. Mettre en forme les blocs Groupe, Rangée,Empilement et Grille
   5. 5. Mettre en page le bloc Rangée
   6. 6. Mettre en page le bloc Empilement
   7. 7. Mettre en page le bloc Grille
   8. 8. Utiliser les blocs Colonnes et Colonne
   9. 9. Utiliser le bloc Séparateur
   10. 10. Utiliser le bloc Espacement
6. Utiliser les compositions
   1. 1. Comprendre l’utilisation des compositions
   2. 2. Exploiter des en-têtes
   3. 3. Personnaliser le menu de navigation
   4. 4. Paramétrer le menu de navigation
   5. 5. Créer un nouveau menu de navigation
   6. 6. Gérer les menus de navigation
   7. 7. Exploiter les pieds de page
7. Comprendre le bloc Boucle de requête
   1. 1. Connaître l’utilisation du bloc de requête
   2. 2. Exploiter le bloc de requête
   3. 3. Connaître les blocs imbriqués decontenu
   4. 4. Utiliser le bloc sans contenu
   5. 5. Exploiter le bloc de pagination
   6. 6. Connaître les autres boucles de requête
8. Exploiter les blocs du site
9. Insérer des blocs liés aux contenus
10. Insérer des widgets
11. Afficher des contenus embarqués
12. Comprendre le modèle de la page d'accueil du blog
    1. 1. Utiliser le modèle page d’accueil du blog
    2. 2. Afficher la structure générale dumodèle
    3. 3. Découvrir la composition d’en-tête
    4. 4. Découvrir le groupe central
    5. 5. Découvrir la composition du pied de page
13. Comprendre le modèle des publications seules
    1. 1. Utiliser les publications en page seule
    2. 2. Afficher la structure générale dumodèle
    3. 3. Découvrir les compositions
    4. 4. Découvrir le groupe central
    5. 5. Comprendre l’affichage du contenu des articles
    6. 6. Comprendre l’affichage de la pagination
    7. 7. Comprendre l’affichage des commentaires
14. Créer des modèles de page
    1. 1. Ajouter un nouveau modèle
    2. 2. Créer un modèle pour un seul article
    3. 3. Créer un modèle pour certains articles

La publication du site

1. Rappel de la méthodologie de développement
2. Héberger le site
3. Effectuer la migration
   1. 1. Installer l’extension de migration
   2. 2. Effectuer la sauvegarde locale du site
   3. 3. Installer WordPress chez l’hébergeur
   4. 4. Importer le site local chez l’hébergeur
   5. 5. Sécuriser le compte administrateur
4. Sauvegarder le site publié
   1. 1. Installer l’extension de sauvegarde illimitée
   2. 2. Effectuer une sauvegarde manuelle
   3. 3. Effectuer des sauvegardes planifiées
   4. 4. Créer des sauvegardes planifiées
   5. 5. Modifier une sauvegarde planifiée
5. Restaurer le site
   1. 1. Effectuer une restauration du contenu
   2. 2. Effectuer une restauration complète du site
6. Sécuriser le site
   1. 1. Sécuriser le site avec HTTPS
   2. 2. Obtenir un certificat SSL
   3. 3. Sécuriser le site WordPress