WordPress - Développez avec PHP extensions, widgets et thèmes avancés (théorie, TP, ressources) (4e édition)

Présentation

Ce livre sur WordPress (en version 5.4.1 au moment de l'écriture) s'adresse aux développeurs professionnels, autodidactes et passionnés ayant des connaissances en PHP. Il permet de comprendre les rouages de ce CMS et d'acquérir une maîtrise du développement d'extensions en PHP en suivant un apprentissage progressif.

L'auteur présente l'interaction entre PHP et le backoffice du CMS à travers plusieurs exemples qui évoluent de la programmation procédurale vers la programmation orientée objet en passant par l'utilisation de requêtes SQL. Il présente ensuite l'interaction avec AJAX/JSON.

Le lecteur apprend à installer WordPress, à utiliser l'outil d'administration, à ajouter des fonctionnalités, à utiliser des extensions pour les développeurs, à enregistrer en base de données, à ajouter des tables pour maîtriser complètement les principes de fonctionnement du CMS et apprendre ensuite à réaliser des thèmes avancés, des widgets, des extensions. Une partie du livre traite de la loi RGPD, du référencement, de l'optimisation, de la sécurité, de la traduction, de la migration, de la mise en ligne... Les extensions indispensables telles que ACF, Duplicator, WooCommerce ou Yoast SEO sont détaillées.

Les fonctions propres à WordPress sont détaillées avec des exemples et mises en situation à travers des travaux pratiques : création et ajout de fonctionnalités dans l'administration d'un thème, création d'un thème à partir d'une maquette HTML, ajout d'un éditeur wysiwyg, création d'une extension fil d'Ariane, création d'un widget, création d'une extension Google Maps, création d'une extension avec un formulaire pour récupérer des adresses mails en AJAX/JSON.
Un chapitre est dédié à WooCommerce afin de créer une boutique en ligne facilement, d'utiliser ses classes, ses fonctions et ses hooks. Vous pourrez ainsi récupérer n'importe quelles informations dans vos codes PHP.

Des liens vers le guide de références ainsi que le champ lexical utilisé donneront les clés nécessaires pour approfondir les connaissances sur un sujet précis.

Des éléments complémentaires sont en téléchargement sur le site www.editions-eni.fr.

Quizinclus dans
la version en ligne !

Testez vos connaissances à l'issue de chaque chapitre
Validez vos acquis

Table des matières

Avant-propos

1. Introduction
2. À qui s’adresse cet ouvrage ?
3. Prérequis
4. Objectifs du livre

Introduction à WordPress

1. Introduction
2. Qu'est-ce que WordPress ?
1. 2.1 La licence GNU GPL
2. 2.2 Les avantages de WordPress
3. 2.3 Les inconvénients de WordPress
3. Le codex WordPress : guide de référence
4. Installer WordPress
1. 4.1 Créer la base de données
2. 4.2 Transférer les fichiers WordPress
3. 4.3 Configurer le site
4. 4.4 Les différents identifiants
5. L'administration et les menus
1. 5.1 Tableau de bord
  1. 5.1.1 Accueil
  2. 5.1.2 Mises à jour
2. 5.2 Articles
  1. 5.2.1 Tous les articles
  2. 5.2.2 Ajouter
  3. 5.2.3 Gutenberg et le système de blocs
  4. 5.2.4 Blocs communs
  5. 5.2.5 Mise en forme
  6. 5.2.6 Mise en page
  7. 5.2.7 Widgets
  8. 5.2.8 Contenus embarqués
  9. 5.2.9 Les autres réglages
  10. 5.2.10 Vue
  11. 5.2.11 Éditeur
  12. 5.2.12 Outils
  13. 5.2.13 L’ajout de médias dans les articles
  14. 5.2.14 Les sections du menu de droite, partie Document
  15. 5.2.15 Catégories
  16. 5.2.16 Étiquettes
3. 5.3 Médias
  1. 5.3.1 Bibliothèque
  2. 5.3.2 Modifier une image
  3. 5.3.3 Ajouter
4. 5.4 Pages
5. 5.5 Commentaires
6. 5.6 Apparence
  1. 5.6.1 Thèmes
  2. 5.6.2 Personnaliser
  3. 5.6.3 Widgets
  4. 5.6.4 Menus
  5. 5.6.5 Arrière-plan
  6. 5.6.6 Éditeur
7. 5.7 Extensions
  1. 5.7.1 Extensions installées
  2. 5.7.2 Ajouter
  3. 5.7.3 Éditeur
8. 5.8 Utilisateurs
  1. 5.8.1 Tous les utilisateurs
  2. 5.8.2 Ajouter
  3. 5.8.3 Votre profil
9. 5.9 Outils
  1. 5.9.1 Outils disponibles
  2. 5.9.2 Importer
  3. 5.9.3 Exporter
  4. 5.9.4 Santé du site
  5. 5.9.5 Exporter les données
  6. 5.9.6 Effacer les données
10. 5.10 Réglages
  1. 5.10.1 Général
  2. 5.10.2 Écriture
  3. 5.10.3 Lecture
  4. 5.10.4 Discussion
  5. 5.10.5 Médias
  6. 5.10.6 Permaliens
  7. 5.10.7 Confidentialité
  8. 5.10.8 Les autres onglets
6. Conclusion

WordPress et PHP

1. Introduction
2. La structure des fichiers et dossiers WordPress
1. 2.1 Les fichiers et dossiers à la racine du site
2. 2.2 Le dossier wp-content
3. La base de données WordPress
4. La structure et les fichiers principaux d'un thème
1. 4.1 Les fichiers principaux
2. 4.2 Les autres fichiers
3. 4.3 Les dossiers éventuellement présents à la racine d'un thème
5. Les fonctions d'inclusion
6. Les marqueurs conditionnels
7. La boucle et ses fonctions
1. 7.1 Les principales fonctions d'affichage dans une boucle
2. 7.2 Les principales fonctions pour récupérer des variables dans une boucle
8. Les fonctions pour les textes dans les fichiers PHP
9. Les chemins dans les URL
10. La fonction bloginfo()
11. La fonction wp_nav_menu()
12. Les hooks (filtres et actions)
1. 12.1 Les actions
2. 12.2 Les filtres
3. 12.3 Ajouter des filtres et des actions dans une classe
4. 12.4 Supprimer les filtres et les actions
5. 12.5 Tester les filtres et les actions
6. 12.6 L'ordre d’exécution des actions
13. Les globales
1. 13.1 Les globales dans les boucles
2. 13.2 Les globales pour détecter le navigateur
3. 13.3 Les globales pour les serveurs
4. 13.4 Les globales pour les versions de WordPress
5. 13.5 Les globales diverses
14. Les classes de WordPress
15. La classe WP_Query et les requêtes sur le contenu
1. 15.1 Les méthodes
2. 15.2 Les arguments
  1. 15.2.1 Trier par catégories
  2. 15.2.2 Trier par étiquettes
  3. 15.2.3 Trier par auteurs
  4. 15.2.4 Trier par pages et par articles
  5. 15.2.5 Choisir l'ordre d'affichage
  6. 15.2.6 Plus de filtres
  7. 15.2.7 La concaténation d'arguments
3. 15.3 Plusieurs boucles sur la même page
4. 15.4 D'autres fonctions pour faire des requêtes
5. 15.5 WP_Query et les fonctions
16. La classe wpdb et les requêtes au format SQL
1. 16.1 Les méthodes utiles
2. 16.2 Les principales méthodes de requêtes et leurs arguments
3. 16.3 Créer des tables pour les plugins avec la fonction dbdelta()
17. La classe WP_rewrite et la réécriture d'URL
1. 17.1 Passer une variable dans une URL avec la fonction add_rewrite_tag()
2. 17.2 Réécrire l'URL avec la fonction add_rewrite_rule()
3. 17.3 Régénérer les règles d'écriture
18. Les shortcodes
1. 18.1 Créer des shortcodes
2. 18.2 Ajouter des arguments aux shortcodes
3. 18.3 Récupérer du contenu
4. 18.4 Utiliser les shortcodes dans des fichiers PHP
19. Conclusion

Les thèmes enfants

1. Qu'est-ce qu'un thème enfant ?
2. Créer et utiliser un thème enfant
1. 2.1 Créer un dossier pour le thème enfant
2. 2.2 Le fichier style.css
3. 2.3 Les modèles de page
4. 2.4 Le fichier functions.php
5. 2.5 Mettre en file d'attente les feuilles de style
6. 2.6 Les chemins des dossiers enfants
7. 2.7 Charger un dossier languages dans le thème enfant
3. Des thèmes enfants pour les extensions

Personnaliser le site avec le fichier functions.php

1. Introduction
2. Créer des fonctions simples en PHP
1. 2.1 Afficher une image
2. 2.2 Afficher une publicité
3. Créer une fonction fil d’Ariane simple
4. Créer une fonction pour afficher des articles d’une catégorie avec l'objet WP_Query
1. 4.1 Une fonction simple avec get_posts()
2. 4.2 La même fonction avec l'objet WP_Query
5. Ajouter un lien « Lire la suite » aux résumés
6. Ajouter des feuilles de style et des scripts
1. 6.1 Les fonctions d'ajout
2. 6.2 Des scripts mis à disposition
3. 6.3 Inclure les styles et les scripts avec des hooks
4. 6.4 Créer la fonction dans le fichier functions.php
7. Créer des emplacements pour les menus
8. Créer des sidebars et des zones pour les sidebars
9. Customiser un thème avec add_theme_support()
1. 9.1 Les formats
  1. 9.1.1 Ajouter un format
  2. 9.1.2 Fonctionnement
  3. 9.1.3 Utilisation
2. 9.2 Les photos vignettes (thumbnails)
  1. 9.2.1 Définir une taille de vignette
  2. 9.2.2 Créer une seconde vignette
3. 9.3 Les arrière-plans (background)
4. 9.4 Les en-têtes (headers)
5. 9.5 Le logo
10. Ajouter d'autres types d'articles
11. Ajouter des taxonomies spécifiques
12. Conclusion

Les champs personnalisés

1. Qu'est-ce qu’un champ personnalisé ?
2. Afficher les champs personnalisés avec the_meta()
3. Afficher les champs personnalisés avec get_post_meta()
4. Automatiser les champs personnalisés avec add_post_meta()
5. La table wp_postmeta
6. L'extension ACF (Advanced Custom Fields)
1. 6.1 Ajouter un nouveau groupe de champs
2. 6.2 Récupérer et afficher la valeur des champs personnalisés dans les modèles de page

Les modèles de page

1. Qu'est-ce qu'un modèle de page ?
2. Créer des modèles de page pour l'accueil
3. Créer des modèles de page pour le bloc Attributs de page
4. Créer d'autres modèles de page
5. Hiérarchie des modèles de page

Créer un thème et des fonctionnalités avancés

1. Introduction
2. Créer le thème
3. Customiser le thème de base
1. 3.1 Nettoyer le thème et préparer la base
2. 3.2 Modifier la page d’accueil
4. Ajouter un logo avec la fonction add_theme_support()
5. Ajouter un onglet Options du thème
1. 5.1 La fonction add_theme_pages()
2. 5.2 Créer l'onglet
3. 5.3 Les bonnes pratiques
4. 5.4 Appeler le fichier dans functions.php
6. Mettre en place la page d'options
7. Ajouter une feuille de style CSS et un script JavaScript
8. Ajouter une image bannière
1. 8.1 Créer une méthode comprenant un champ input de type file
2. 8.2 Créer le code HTML
3. 8.3 Vérifier le fichier téléchargé
4. 8.4 Transférer l'image avec la fonction wp_handle_upload()
5. 8.5 Utiliser les options pour enregistrer en base de données
6. 8.6 Afficher l'image sur le site
7. 8.7 Insérer une image par défaut dès l'activation du thème
8. 8.8 Créer un aperçu dans l'administration
9. Créer un bouton qui remet les options par défaut
10. Choisir une couleur avec Iris (color picker)
1. 10.1 Ajouter le script JavaScript et le CSS Iris, palette de WordPress
2. 10.2 Ajouter la couleur par défaut
3. 10.3 Ajouter le formulaire
4. 10.4 Ajouter le code JavaScript pour faire fonctionner Iris
5. 10.5 Enregistrer les informations
6. 10.6 Afficher le résultat
11. Ajouter des textes sur la page d'accueil
1. 11.1 Ajouter le code aux méthodes de la classe
2. 11.2 Ajouter un éditeur WYSIWYG avec la fonction wp_editor()
3. 11.3 Enregistrer les informations
4. 11.4 Afficher le résultat
5. 11.5 Ajouter du code CSS pour rendre le thème responsive
12. Ajouter une sidebar dans le footer pour la page d'accueil
13. En résumé
14. Conclusion

Créer un thème à partir d'une maquette HTML

1. Introduction
2. Bootstrap
1. 2.1 Installation de Bootstrap
2. 2.2 Rappel sur le fonctionnement de la grille Bootstrap
3. 2.3 Les classes de mise en page : les composants
3. La maquette HTML
1. 3.1 Création de la grille Bootstrap
2. 3.2 Ajout du contenu HTML
3. 3.3 Ajout du CSS
4. 3.4 Ajout du menu responsive
5. 3.5 Ajout des media queries Bootstrap
4. Préparer le thème
5. Importer les dossiers et fichiers dans le thème
6. Créer un template de page pour l'accueil
7. Copier le code HTML dans le thème
8. Changer les liens
9. Ajouter le logo et le titre du site par l'administration
10. Gérer le menu via l'administration
11. Ajouter les champs avec l'extension ACF
12. Ajouter des champs au footer du thème
13. Conclusion

Les extensions et les widgets

1. Introduction
2. Les widgets
3. Les extensions utiles
4. Les extensions Page builder
5. Les extensions diaporama
6. Les extensions pour l'administration
7. Les grosses extensions
8. Les extensions pour les développeurs

La loi RGPD

1. Qu'est-ce que la loi RGPD ?
2. WordPress et la loi RGPD
3. Exportation et suppression des données
4. La page de politique de confidentialité
5. Akismet et les commentaires
6. Les cookies
7. Les newsletters
8. Les autres formulaires
9. Conclusion

Créer une extension simple en PHP

1. Introduction
2. Préparer les éléments
3. Afficher l'extension dans l'administration
4. Créer le code PHP de base
5. Ajouter une feuille de style à votre extension
6. Créer un shortcode
7. Créer un onglet dans le menu d'administration
1. 7.1 Afficher un onglet principal
2. 7.2 Ajouter des fonctions pour les sous-menus d'un onglet principal de WordPress
3. 7.3 Ajouter des fonctions pour les sous-menus d'un onglet principal personnalisé
4. 7.4 Créer l'onglet
8. Créer la même extension en objet
9. Le dossier mu-plugins
10. Conclusion

Créer une extension widget en PHP

1. Introduction
2. Configurer l’extension
3. La classe WP_Widget
4. Configurer le widget
5. Enregistrer le widget avec la fonction register_widget()
6. Afficher le widget grâce à un hook
7. Créer le formulaire du widget
1. 7.1 Ajouter les champs HTML
2. 7.2 Ajouter les méthodes get_field_id() et get_field_name()
3. 7.3 Ajouter des paramètres par défaut
8. Enregistrer et mettre à jour les options du widget
9. Afficher le widget dans la sidebar

Créer une extension avec PHP/MySQL

1. Introduction
2. Préparer les éléments
3. Construire la classe
4. Créer et supprimer la table
1. 4.1 Créer la table
2. 4.2 Supprimer la table lors de la désactivation de l'extension
3. 4.3 Supprimer la table lors de la suppression de l'extension
5. Ajouter le sous-menu de l'extension et la page de configuration
1. 5.1 Ajouter le sous-menu
2. 5.2 Afficher la page d'administration
3. 5.3 Créer le formulaire pour enregistrer les cartes
6. Ajouter les fichiers JavaScript et CSS
1. 6.1 Ajouter les fichiers
2. 6.2 Faire appel au hook d'action load-(page)
3. 6.3 Vérifier les champs du formulaire avec jQuery
7. Enregistrer les cartes
1. 7.1 Récupérer et vérifier les variables
2. 7.2 Enregistrer la carte avec une requête INSERT
3. 7.3 Rediriger après l'insertion
8. Créer un menu avec les différentes cartes
1. 8.1 Récupérer toutes les cartes avec une requête SELECT
2. 8.2 Créer le menu avec une boucle
9. Afficher les pages cartes
1. 9.1 Mettre en place un second template
2. 9.2 Ajouter le menu au second template
10. Afficher l’aperçu d’une carte et ajouter son titre
1. 10.1 Récupérer l’id de la carte avec une requête SELECT
2. 10.2 Ajouter le code JavaScript de l'API Google Maps
11. Mettre à jour les cartes
1. 11.1 Créer le formulaire pour la mise à jour des cartes
2. 11.2 Récupérer et vérifier les variables
3. 11.3 Mettre à jour les informations avec une requête UPDATE
4. 11.4 Rediriger l’utilisateur vers la carte après la mise à jour
12. Supprimer les cartes
1. 12.1 Créer un bouton pour supprimer la carte
2. 12.2 Récupérer et vérifier les variables
3. 12.3 Supprimer la carte avec une requête DELETE
4. 12.4 Rediriger l’utilisateur après la suppression
13. Afficher la carte sur le site côté utilisateur avec un shortcode
1. 13.1 Ajouter l'appel JavaScript à l'API Google Maps
2. 13.2 Créer des shortcodes pour chaque carte
3. 13.3 Afficher le code sur la page de chaque carte

Créer une extension avec Ajax et JSON

1. Introduction
2. Préparer les éléments
1. 2.1 Configurer l’extension
2. 2.2 Construire la classe
3. 2.3 Créer la table
4. 2.4 Supprimer la table lors de la suppression de l'extension
5. 2.5 Ajouter un sous-menu et la page de configuration
6. 2.6 Ajouter les fichiers JavaScript et CSS
3. Créer le shortcode et l'ajouter au site
1. 3.1 Créer le shortcode
2. 3.2 Insérer le shortcode
3. 3.3 Afficher le code dans l'administration pour les utilisateurs
4. Vérifier les champs du formulaire en jQuery
5. Effectuer la requête Ajax
1. 5.1 WordPress et Ajax
2. 5.2 Transmettre des variables PHP au fichier JavaScript
3. 5.3 Générer une clé de sécurité
4. 5.4 La fonction Ajax
6. Récupérer les données et enregistrer une adresse e-mail
1. 6.1 Les hooks d'action wp_ajax_(action) et wp_ajax_nopriv_(action)
2. 6.2 Vérifier la clé de sécurité
3. 6.3 Enregistrer l'adresse e-mail avec une requête d'insertion
4. 6.4 Vérifier les doublons avant l'insertion
5. 6.5 Transmettre la réponse à la requête Ajax
6. 6.6 Ajouter une image de chargement (loader)
7. Afficher et gérer les adresses e-mail dans l'administration
1. 7.1 Ajouter une méthode listant les adresses e-mail
2. 7.2 Créer un tableau avec toutes les adresses e-mail
3. 7.3 Créer une liste d'adresses e-mail pour la copier-coller facilement
8. Supprimer des adresses e-mail
1. 8.1 Créer un événement JavaScript sur le bouton de suppression
2. 8.2 Transmettre les variables au fichier JavaScript
3. 8.3 Créer la requête Ajax
4. 8.4 Créer le hook et la méthode pour la requête Ajax
5. 8.5 Créer la méthode de suppression
6. 8.6 Supprimer et transmettre la réponse à la requête Ajax
7. 8.7 Mettre à jour la liste et vérifier que le tableau n'est pas vide
8. 8.8 Ajouter une image de chargement (loader)

Soumettre une extension à WordPress

1. Introduction
2. Les prérequis WordPress
1. 2.1 La licence
2. 2.2 Le fichier readme.txt
3. Soumettre l'extension
1. 3.1 Créer un compte sur wordpress.org
2. 3.2 Envoyer l'extension
3. 3.3 Le dossier de subversion SVN

Traduire le thème et les extensions

1. Introduction
2. WordPress et les langues
1. 2.1 Le dossier wp-content/languages
2. 2.2 Les fichiers de langue du dossier wp-content/languages
3. 2.3 D'autres dossiers languages
4. 2.4 Le fonctionnement
3. Utiliser le logiciel Poedit
1. 3.1 Télécharger et installer le logiciel
2. 3.2 Créer le fichier de langue
3. 3.3 Traduire
4. Utiliser les fichiers dans un thème ou une extension
5. Traduire les nouvelles chaînes
6. Traduire les pages et les articles

Optimiser et sécuriser un site

1. Introduction
2. Optimiser un site
3. Sécuriser un site

Sauvegarder un site

1. Introduction
2. Télécharger les fichiers par FTP
3. Sauvegarder la base de données
4. Sauvegarder le site avec l'extension BackWPup
5. Sauvegarder le site avec l'extension Duplicator
6. Rétablir le site en cas de crash

Mettre en ligne ou migrer son site

1. Introduction
2. Importer la base de données
3. Modifier les URL avec des requêtes SQL
4. Transférer les fichiers et modifier le fichier wp-config.php
5. Migrer son site avec Duplicator

Le référencement

1. Qu'est-ce que le référencement ?
2. Le référencement naturel et WordPress
1. 2.1 Les balises H
2. 2.2 Les permaliens
3. 2.3 Les images
3. L'extension Yoast par Team yoast
1. 3.1 Les recommandations pour les pages et articles
2. 3.2 La partie SEO
3. 3.3 La partie lisibilité
4. 3.4 La partie Réseaux sociaux
5. 3.5 Section Réglages généraux
6. 3.6 Section Réglages SEO
7. 3.7 Section Réseaux sociaux
8. 3.8 Section Outils
9. 3.9 Section Premium
4. Optimiser son site en temps de chargement
5. Générer plus de trafic
1. 5.1 Google My Business
2. 5.2 Les backlinks & Ancres
3. 5.3 Le référencement payant Google Ads

WooCommerce

1. Introduction
2. Configuration de WooCommerce
1. 2.1 L'assistant de configuration
2. 2.2 Les menus
3. 2.3 Le menu WooCommerce
4. 2.4 Le menu Produits
5. 2.5 Le menu Statistiques
6. 2.6 Les widgets
3. Les modèles de pages de WooCommerce
4. Les extensions WooCommerce
5. Les classes WooCommerce
1. 5.1 Récupérer les informations des produits avec WC_Product
2. 5.2 Récupérer les informations du panier avec la classe WC_Cart
3. 5.3 Récupérer les informations sur la commande avec la classe WC_Order
6. Les marqueurs conditionnels de WooCommerce
7. Les hooks WooCommerce
1. 7.1 Les hooks d'action sur les pages Boutique, Archive et Catégorie
2. 7.2 Les hooks d'action sur la page Produit
3. 7.3 Les hooks d'action sur la page Panier
4. 7.4 Les hooks d'action sur la page Commande
5. 7.5 Les hooks d'action sur la page Mon compte - Connexion
6. 7.6 Les hooks d'action sur la page Mon compte
7. 7.7 Les hooks d'action après un achat selon le statut de commande
8. 7.8 Les hooks d'action des e-mails WooCommerce

WordPress MU

1. Introduction
2. Qu'est-ce que WordPress MU ?
3. Transformer un site en WordPress MU
1. 3.1 Activer le multisite
2. 3.2 Configurer et choisir les URL
3. 3.3 Modifier les fichiers wp-config.php et .htaccess
4. Gérer un réseau
1. 4.1 Dans le panel d'administration du réseau
2. 4.2 Dans le panel d'administration de chaque site

Annexes

1. Les liens utiles
2. Glossaire
1. 2.1 Les langages de programmation de WordPress
2. 2.2 Les termes WordPress, du Web et de programmation
8. Index

Auteur

Laurent DUMOULINEn savoir plus

Laurent DUMOULIN est graphiste, développeur, blogueur, consultant et formateur. Il accompagne au quotidien les particuliers et entreprises dans leurs projets de développement web sur WordPress. Il est très actif au sein des communautés du monde libre et en particulier dans celle dédiée à WordPress. Ses différentes expériences professionnelles, sa curiosité et sa passion lui confèrent une connaissance très riche de ce CMS et de ses extensions, pour le plus grand bénéfice des lecteurs de ce livre.