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.
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.
1 • 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 ? • 10 min
-
2. Prérequis techniques pour développer sous WordPress • 7 min
-
3. Créer son thème ou utiliser des page builders ? • 6 min
-
4. Starter themes, Frameworks WordPress ou fait-maison ? • 5 min
-
5. Logiciels et outils nécessaires pour la formation • 8 min • Pratique : 30 min
-
6. Sites, ressources et où trouver de l’aide pour WordPress ? • 8 min
2 • 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 ? • 6 min
-
2. Installer WordPress avec Local (ex Local by Flywheel) • 9 min
-
3. Alternative : un serveur local MAMP • 3 min
-
4. Installer WordPress en local avec MAMP • 6 min
-
5. WordPress sous le capot : les fichiers du coeur et la base de données • 10 min
-
6. Debugguer son code avec le log PHP et le Debug True • 5 min
-
7. Analyse wp-config.php et bonnes pratiques • 6 min
Partie 2
Créer son thème
Dans cette partie nous allons apprendre à créer un thème à partir de rien.
1 • 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 • 2 min
-
2. Créer la base de son thème WordPress • 4 min
-
3. L’en-tête et le pied de page • 5 min
-
4. Préparer des faux contenus avec FakerPress • 3 min • Pratique : 5 min
-
5. Le Template Hierarchy • 7 min • Pratique : 10 min
-
6. La boucle WordPress et les templates tags • 9 min
-
7. Les template parts • 4 min
-
8. Les conditional tags • 4 min
-
9. Les templates de pages personnalisés • 2 min
-
10. Les champs personnalisés : custom fields • 3 min
2 • 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 • 4 min
-
2. Charger les scripts et les styles • 7 min • Pratique : 10 min
-
3. Les images mises en avant, les tailles d’images et le srcset • 6 min • Pratique : 15 min
-
4. Les menus et le moteur de recherche • 5 min
-
5. Les sidebars et les widgets • 3 min
-
6. La pagination et la navigation entre articles • 4 min
-
7. Les commentaires • 5 min
3 • 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 • 5 min
-
2. Déclarer un Custom Post Type dans un thème avec ou sans code • 8 min
-
3. CPT, Template Hierarchy et Conditionnal tags • 3 min
-
4. Créer des Taxonomies • 3 min • Pratique : 10 min
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 !
1 • 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 • 9 min
-
2. Les principaux champs ACF (1/3) • Contenus et médias • 6 min
-
3. Les principaux champs ACF (2/3) • Choix, relations et jQuery • 7 min
-
4. Les principaux champs ACF (3/3) • Dispositions et champs de la version Pro • 5 min
2 • 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 • 10 min
-
2. Le champ répéteur d’ACF • 6 min
-
3. Le champ flexible d’ACF • 7 min
-
4. Le champ relationnel d’ACF • 10 min
-
5. Le champ Google Map d’ACF • 9 min
3 • 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 • 5 min
-
2. Mise en forme des champs, logique conditionnelle et dispositions ACF • 12 min
-
3. Assigner des champs aux taxonomies, utilisateurs, menus, widgets… • 7 min
-
4. Hooker les champs ACF pour modifier leurs valeurs • 6 min
-
5. Créer des blocs sur-mesure pour Gutenberg avec ACF • 14 min
-
6. Export Json des groupes ACF : Synchronisation local – en ligne • 5 min
-
7. Utiliser les formulaires ACF en front • 4 min
-
8. Des Add-ons utiles pour ACF • 3 min
-
9. Étude de cas : Foodtruck • Relationnel + Options + CPT + Map + Shortcodes • 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.
1 • 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 • 8 min
-
2. Modifier les paramètres de la boucle WordPress • 3 min
2 • 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 • 5 min
-
2. Utiliser le hook « save post » pour créer un sommaire • 6 min
3 • Communiquer avec le back-end
WordPress propose plusieurs solutions pour communiquer avec son back-end, notamment avec les requêtes Ajax ou via la REST API.
4 • Pousser la technique
Dans cette partie, nous allons voir plusieurs concepts au travers de hooks et de fonctions WordPress pour pousser la personnalisation de votre site encore plus loin.
-
1. Personnaliser la page de connexion de WordPress et son logo • 2 min
-
2. Les Shortcodes • 6 min
-
3. La réécriture d’URL dans WordPress • 7 min
-
4. Les rôles utilisateurs et capacités • 6 min
-
5. Internationaliser et traduire son thème WordPress • 8 min
-
6. WordPress et les thèmes enfants • 7 min
-
7. Timber pour WordPress : avantages d’une approche MVC • 6 min
Partie 5
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 ? • 11 min
-
2. Mettre en ligne un site WordPress local • 7 min
-
3. Comment rapatrier un site en ligne en local • 5 min
-
4. Passer son site WordPress en HTTPS avec un certificat SSL Let’s Encrypt • 4 min
Partie 6
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 • 10 min
-
2. Les extensions incontournables d’un site WordPress • 7 min
-
3. Performances : optimiser le temps de chargement avec un cache • 9 min
-
4. Performances : optimiser les images avec Imagify • 6 min
-
5. Quelles extensions pour travailler en e-commerce avec WordPress ? • 6 min
-
6. Quelles extensions pour un site multilangue avec WordPress ? • 6 min