Maxime BJ présentePassez au Full Site Editing !
Même si cette formation pose des bases intéressantes sur WordPress, je vous recommande de passer directement à la formation le Full Site Editing qui est la nouvelle approche moderne.
Pourquoi vous former au développement de thèmes WordPress ?
Après tout, aujourd’hui, la majorité des webmaster utilisent des constructeurs de pages comme Elementor pour faire des sites professionnels rapidement.
Oui, mais voilà : vous allez être limité ! Si vous avez des bases de code (HTML, CSS et PHP) alors vous avez tout intérêt à apprendre à développer vos thèmes sur mesure.
À l’issue de cette formation, vous n’aurez plus aucune limite. Vous pourrez prendre n’importe quel type de projet WordPress, et vous pourrez même postuler pour des agences ou start-ups.
En réalité, il est aujourd’hui difficile de trouver des profils techniques sur WordPress. Alors saisissez votre chance !
Introduction
WordPress
Pour débuter, nous allons parler un peu de WordPress, et son écosystème. Pourquoi utiliser WordPress ? Pourquoi développer sur mesure, quelles sont les autres alternatives ? Et surtout, quel niveau dois-je avoir pour commencer sereinement cette formation.
1A • L’écosystème WordPress et les prérequis
Avant d'entrer dans le vif du sujet il est intéressant d'en savoir un peu plus sur l'écosystème WordPress, de réviser quelques bases de WordPress et prendre connaissance des prérequis.
-
1. Pourquoi créer son site avec WordPress ? — Lecture : 10 min
-
2. Prérequis techniques pour développer sous WordPress — Lecture : 7 min
-
3. Créer son thème ou utiliser des page builders ? — Lecture : 6 min
-
4. Starter themes, Frameworks WordPress ou fait-maison ? — Lecture : 5 min
-
5. Logiciels et outils nécessaires pour la formation — Lecture : 8 min • Pratique : 30 min
-
6. Sites, ressources et où trouver de l’aide pour WordPress ? — Lecture : 8 min
1B • Installer WordPress et travailler en local
Avant de se lancer dans la création de son thème, voyons d'abord comment mettre en place un environnement de travail sur votre ordinateur.
-
1. Pourquoi travailler son site localement ? — Lecture : 6 min
-
2. Installer WordPress avec Local (ex Local by Flywheel) — Lecture : 9 min
-
3. Créer un Blueprint avec Local by Flywheel — Prochainement…
-
4. Alternative : un serveur local MAMP — Lecture : 3 min
-
5. Installer WordPress en local avec MAMP — Lecture : 6 min
-
6. WordPress sous le capot : les fichiers du coeur et la base de données — Lecture : 10 min
-
7. Debugguer son code avec le log PHP et le Debug True — Lecture : 5 min
-
8. Analyse wp-config.php et bonnes pratiques — Lecture : 6 min
Partie 2
Créer son thème
Dans cette partie nous allons apprendre à créer un thème à partir de rien.
2A • Les concepts de base pour créer son thème
WordPress fournit toute une architecture ainsi que des fonctions pour vous aider dans la conception de votre thème. Et les maitriser vous fera gagner beaucoup de temps !
-
1. Introduction : anatomie d’un thème — Lecture : 2 min
-
2. Créer la base de son thème WordPress — Lecture : 4 min
-
3. L’en-tête et le pied de page — Lecture : 5 min
-
4. Préparer des faux contenus avec FakerPress — Lecture : 3 min • Pratique : 5 min
-
5. Le Template Hierarchy — Lecture : 7 min • Pratique : 10 min
-
6. La boucle WordPress et les templates tags — Lecture : 9 min
-
7. Les templates parts — Lecture : 4 min
-
8. Les conditional tags — Lecture : 4 min
-
9. Les templates de pages personnalisés — Lecture : 2 min
-
10. Les champs personnalisés : custom fields — Lecture : 3 min
-
11. Query Monitor : des outils pour faciliter le développement de thèmes — Prochainement…
2B • Les fonctionnalités de thème de WordPress
Tout ce qu'il faut connaitre pour configurer votre thème via le fichier functions.php : Images à la Une, menus, sidebar, commentaires...
-
1. Les Hooks et le fichier functions.php — Lecture : 4 min
-
2. Charger les scripts et les styles — Lecture : 7 min • Pratique : 10 min
-
3. Les images mises en avant, les tailles d’images et le srcset — Lecture : 6 min • Pratique : 15 min
-
4. Les menus et le moteur de recherche — Lecture : 5 min
-
5. Les sidebars et les widgets — Lecture : 3 min
-
6. La pagination et la navigation entre articles — Lecture : 4 min
-
7. Les commentaires — Lecture : 5 min
-
8. Réglages et hooks avancés pour functions.php — Prochainement…
-
9. Désactiver certaines fonctionnalités de WordPress pour un site plus performant — Prochainement…
2C • Les Custom Post Types et Taxonomies
Ou en français, les types de publication personnalisés. Ils vont permettre de publier du contenu qui n'irait ni dans les pages, ni dans les articles.
-
1. Les types de publications et les taxonomies — Lecture : 5 min
-
2. Créer un Custom Post Type dans un thème — Lecture : 7 min • Pratique : 15 min
-
3. CPT, Template Hierarchy et Conditionnal tags — Lecture : 3 min
-
4. Créer des Taxonomies — Lecture : 3 min • Pratique : 10 min
-
5. Créer un Custom Post Type sans programmation avec ACF — Prochainement…
Partie 3
Advanced Custom Fields
On peut vite atteindre les limites de WordPress, et être bloqué dans la réalisation de designs modernes et avancés. Heureusement pour nous, Advanced Custom Fields, qui s'est rapidement imposé comme un outil incontournable, va nous sauver la mise grâce à son sytème de champs additionnels améliorés. Aujourd'hui, il est impossible de s'en passer !
3A • Les champs de base d'ACF
On commence par les bases : Comment créer et assigner un groupe de champ, découvrir tous les champs disponibles et et leurs subtilités.
-
1. Advanced Custom fields : Créer son premier groupe de champs — Lecture : 9 min
-
2. Les principaux champs ACF (1/3) • Contenus et médias — Lecture : 6 min
-
3. Les principaux champs ACF (2/3) • Choix, relations et jQuery — Lecture : 7 min
-
4. Les principaux champs ACF (3/3) • Dispositions et champs de la version Pro — Lecture : 5 min
3B • Les champs avancés d'ACF
Maintenant, il est temps d'aller plus loin et de libérer tout le potentiel d'ACF grâce à des champs avancés vraiment remarquables : relationnel, répéteur, flexible...
-
1. Le champ galerie d’ACF, avec lightbox et diaporama — Lecture : 9 min
-
2. Le champ répéteur d’ACF — Lecture : 7 min
-
3. Le champ flexible d’ACF — Lecture : 7 min
-
4. Le champ relationnel d’ACF — Lecture : 8 min
-
5. Le champ Google Map d’ACF — Lecture : 9 min
3C • Aller plus loin avec ACF
ACF nous permet d'aller encore plus loin en nous donnant la possibilité de créer des pages d'options, de mettre en forme nos champs, les exporter et les versionner, et même de créer des blocs dans Gutenberg.
-
1. Créer une page d’options avec ACF — Lecture : 5 min
-
2. Mise en forme des champs, logique conditionnelle et dispositions ACF — Lecture : 11 min
-
3. Assigner des champs aux taxonomies, utilisateurs, menus, widgets… — Lecture : 7 min
-
4. Hooker les champs ACF pour modifier leurs valeurs — Lecture : 6 min
-
5. Créer des blocs dans Gutenberg avec ACF — Lecture : 8 min
-
6. Export Json des groupes ACF : Synchronisation local – en ligne — Lecture : 5 min
-
7. Utiliser les formulaires ACF en front — Lecture : 4 min
-
8. Des Add-ons utiles pour ACF — Lecture : 3 min
-
9. Étude de cas : Foodtruck • Relationnel + Options + CPT + Map + Shortcodes — Lecture : 6 min
Partie 4
Concepts avancés
Tirer parti des Hooks, internationaliser son thème, utiliser de l'Ajax et l'API Rest dans vos thèmes... Découvrez les concepts avancés de WordPress.
4A • La WP Query
Autre concept très important de WordPress, la WP Query vous permettra de récupérer des publications afin de les afficher à votre façon sur votre site.
-
1. Créer des requêtes personnalisées avec la WP Query — Lecture : 8 min
-
2. Modifier les paramètres de la boucle WordPress — Lecture : 3 min
-
3. Créer un système de filtre avec la WP Query — Prochainement…
4B • Utiliser les hooks : actions et filtres
Utiliser la puissance du système de hooks afin de modifier ou personnaliser le comportement du CMS
-
1. Utiliser le hook « save post » pour ajouter un temps de lecture à un article — Lecture : 5 min
-
2. Utiliser le hook « save post » pour créer un sommaire — Lecture : 6 min
4C • WordPress et ajax
Utiliser Ajax en toute simplicité dans vos thèmes pour réaliser une recherche dynamique ou encore un "Load more".
-
1. Créer une requête Ajax avec WordPress — Lecture : 13 min
-
2. WordPress et Ajax : charger dynamiquement des articles via un « load more » — Prochainement…
-
3. WordPress et Ajax : lancer une recherche dynamique — Prochainement…
-
4. WordPress, Ajax et JSON : charger une définition au survol — Prochainement…
4D • Personnaliser l’admin WP
WordPress vous permet de personnaliser l'interface d'administration afin de l'épurer pour vos clients ou ajouter de nouveaux blocs pour vos besoins spécifiques.
-
1. Personnaliser la page de connexion de WordPress et son logo — Lecture : 2 min
-
2. Ajouter des metabox dans l’admin WordPress — Prochainement…
-
3. Personnaliser et alléger l’interface d’administration pour vos utilisateurs — Prochainement…
4E • La WP Rest API
WordPress dispose désormais d'une API Rest qui vous permettra de relier votre site à des applications tierces et mobiles. Tout un monde de nouvelles possibilités et technologies s'offre à vous.
-
1. L’API REST de WordPress — Lecture : 8 min
-
2. Lire et écrire des données via l’API Rest de WordPress, authentification — Prochainement…
4F • L'URL Rewriting
Pour aller encore plus loin, il est possible de manipuler les URL de WordPress, ce qui va nous offrir de nouvelles possibilités pour aller plus loin que la structure des permaliens originale.
-
1. La réécriture d’URL dans WordPress — Lecture : 7 min
-
2. Réecrire les URL d’un système de filtre — Prochainement…
-
3. Étude de cas : Capitaine WP • Relation parent / enfant avec les CPT et l’URL rewriting — Prochainement…
4G • WordPress en profondeur
Comment fonctionne WordPress ? Quelle est l'organisation de la base de données ? Dans quel ordre sont chargés les modules ? Connaitre WordPress en profondeur vous permettra de mieux développer vos thèmes.
-
1. Comment fonctionne la WP query dans le coeur — Prochainement…
-
2. Les variables globales utiles de WP — Prochainement…
-
3. Comment se charge le coeur de WP — Prochainement…
4H • Concepts en vrac
Allons plus loin avec l'API Transient, Heartbeats, les rôles utilisateurs et l'internationalisation de votre thème.
-
1. Les rôles utilisateurs et capacités — Lecture : 6 min
-
2. Internationaliser et traduire son thème WordPress — Lecture : 8 min
-
3. WordPress et les thèmes enfants — Lecture : 7 min
-
4. Timber pour WordPress : avantages d’une approche MVC — Lecture : 6 min
Partie 5
Page Builders et Gutenberg
Les Pages Builders comme Elementor et l'arrivée récente de Gutenberg ont changé l'écosystème WordPress et la façon dont on fait nos thèmes. On va découvrir leurs possibilités et étudier la possibilité de les utiliser dans nos thèmes sur mesure, afin de nous faire gagner du temps.
5A • Gutenberg, l'éditeur de blocs
Gutenberg est l'éditeur moderne de WordPress, qui moderne l'écriture de contenus riches avec une approche en blocs qui permet aux développeurs de créer les leurs. Présentation de cet éditeur dynamique, flexible et moderne.
-
1. Présentation du projet Gutenberg — Lecture : 7 min
-
2. Gutenberg n’est pas (encore) un page builder — Lecture : 6 min
-
3. Pourquoi apprendre à développer avec Gutenberg — Lecture : 7 min
5B • Les Page Builders
Les Page Builders ont connu un développement rapide ces dernières années. Ils sont présent sur tous les thèmes premium. Voyons comment les intégrer dans nos thèmes afin de tirer parti de leur puissance de personnalisation.
-
1. Quel constructeur de pages utiliser en agence ? — Lecture : 6 min
-
2. Prise en main d’Elementor Pro et de son Theme Builder — Prochainement…
5C • Constructeurs de pages et développement sur mesure
Les constructeurs de pages sont devenus incontournables ces dernières années car ils permettent d'aller vite, et réduire les coûts de fabrication (ainsi que le budget client). Mais cela ne veut pas dire qu'il faut choisir entre page builder ou développement sur mesure. Il existe une approche hybride qui consiste à créer des blocs sur mesure pour ces constructeurs.
-
1. Page builders + développement sur mesure : une approche hybride — Lecture : 6 min
-
2. Les Shortcodes — Lecture : 6 min
-
3. Étude de cas : Une zone dynamique dans Elementor avec un Shortcode — Prochainement…
-
4. Créer un Widget natif Elementor — Prochainement…
-
5. Ajouter des paramètres à notre Widget Elementor — Prochainement…
Partie 6
Mettre en ligne son site WordPress
On a bien progressé, il est temps de mettre en ligne une première version du site. Voici comment réussir sa mise en ligne sans encombre et passer en HTTPS.
-
1. Quel hébergeur choisir pour son site WordPress ? — Lecture : 11 min
-
2. Mettre en ligne un site WordPress local — Lecture : 7 min
-
3. Comment rapatrier un site en ligne en local — Lecture : 5 min
-
4. Passer son site WordPress en HTTPS avec un certificat SSL Let’s Encrypt — Lecture : 4 min
-
5. Synchroniser sa base de données avec WP Migrate DB Pro — Prochainement…
Partie 7
Les extensions incontournables
Utiliser des extensions ou tout développer sur mesure ? Quelles extensions utiliser avec son thème ? Comment en tirer parti et s'interfacer avec ? Découvrez comment développer en harmonie avec vos extensions favorites.
-
1. Bien choisir ses extensions WordPress — Lecture : 10 min
-
2. Les extensions incontournables d’un site WordPress — Lecture : 7 min
-
3. Performances : optimiser le temps de chargement avec un cache — Lecture : 9 min
-
4. Performances : optimiser les images avec Imagify — Lecture : 6 min
-
5. Quelles extensions pour travailler en e-commerce avec WordPress ? — Lecture : 6 min
-
6. Quelles extensions pour un site multilangue avec WordPress ? — Lecture : 6 min
-
7. Quand développer sur mesure, quand utiliser une extension ? — Prochainement…
-
8. Tirer parti des extensions qui proposent leurs propres Hooks — Prochainement…
-
9. Cas : lancer une action après l’envoi d’un formulaire Gravity — Prochainement…
-
10. Cas : lancer une action après un achat WooCommerce — Prochainement…
Conclusion
Vous êtes un développeur de thèmes !
Vous êtes maintenant un développeur de thèmes ! Qu'est-ce qui vous attend pour la suite ?