- Un client vous demande des personnalisations avancées et vous ne savez pas par où commencer ?
- Vous avez besoin de refondre votre site ou le site d’un client ?
- Vous aimeriez contribuer à WordPress en développant un thème pour le publier sur le répertoire, ou le vendre ?
- Ou vous voulez simplement apprendre les mécaniques propres aux thèmes WordPress pour monter en compétences ?
Il n’existe pas une seule et unique façon de développer un thème pour WordPress, car chaque développeur va avoir son process, ses outils et ses opinions plus ou moins tranchées.
Par contre, il existe un certain nombre de passages obligés qui vont permettre à votre thème d’être bien intégré à WordPress, d’être compatible avec un maximum d’extensions et d’être approuvé sur le répertoire officiel.
Et c’est exactement ce que j’aimerais vous enseigner dans Développer son thème WordPress Classique !
Développer son Thème WordPress Classique, c’est un cours vidéo complet dans lequel vous apprendrez toutes les mécaniques de base nécessaires pour bien appréhender le développement de thème WordPress.
A partir de simples maquettes statiques HTML/CSS/JavaScript, vous apprendrez à construire un thème WordPress traditionnel respectant toutes les bonnes pratiques de développement de thème, le tout en suivant un process pas à pas qui vous garantira de ne rien oublier et de ne pas partir dans tous les sens !
A l’issue de cette formation, vous aurez toutes les connaissances et compétences nécessaires pour développer des thèmes WordPress intégrant toutes les fonctionnalités natives qu’un utilisateur peut attendre d’un thème :
- Logo
- Entête personnalisée
- Image et couleur d’arrière plan personnalisées
- Widgets et menus personnalisés
- Modèles de pages courants
- Modèles de pages personnalisés
- Réglages supplémentaires dans l’outil de personnalisation
- et bien plus !
Je vous montrerai comment construire le thème de A à Z, sans utiliser de starter theme ou framework, qui certes vous font gagner du temps, mais vous empêchent de comprendre véritablement tous les rouages des thèmes WordPress.
Vous apprendrez tout ce dont vous avez besoin pour produire un thème conforme aux exigences et standards de WordPress :
- Comment organiser vos fichiers,
- Comment fonctionnent les templates WordPress et la hiérarchie,
- Comment charger correctement vos styles et scripts,
- Comment mettre en place la boucle de WordPress,
- Comment déclarer le support pour les principales fonctionnalités de WordPress: images mises en avant, menus personnalisés, zones de widgets, logo personnalisé, etc…
- Comment déclarer un menu, une zone de widget, gérer les images d’entête et les images mises en avant,
- Comment tester votre thème,
- Comment intégrer votre thème au nouvel éditeur de WordPress
Thème classique ou Block Theme ?
WordPress 5.9 nous apporte une nouvelle fonctionnalité qui va révolutionner la façon dont les thèmes peuvent être développés : le Full Site Editing.
Derrière ce nom se cache simplement la possibilité d’administrer les styles de votre thème et de personnaliser ou créer des modèles de page entiers (entête, contenu et pied de page) depuis une nouvelle interface d’administration.
Les Block Themes sont des thèmes qui embrassent complètement cette nouvelle fonctionnalité et dont les modèles sont construits entièrement à base des blocs disponibles dans le coeur de WordPress.
Les thèmes classiques sont codés en PHP et n’utilisent les blocs que dans le contenu de la page à proprement parler, mais pas dans son entête ou pied de page.
Savoir développer un thème de manière traditionnelle est essentiel pour bien comprendre comment WordPress fonctionne, c’est pourquoi dans cette formation, vous apprendrez à développer un thème de façon classique, en PHP, pour bien comprendre toutes les mécaniques des thèmes WordPress.
Les Block Themes feront l’objet d’une autre formation indépendante, qui sortira un peu plus tard dans l’année.
Voici un aperçu de l’ensemble des vidéos de la formation, pour vous donner une idée du processus global et de tout ce que vous apprendrez !
Le plan va peut-être encore bouger un peu, notamment les deux dernières sections, car je suis encore en train de réfléchir sur la meilleure progression ! Il est donné à titre indicatif pour le moment.
Introduction
- Objectifs.
- Pourquoi développer son thème ?
- Pré-requis de la formation
- Le thème que l’on va créer ensemble
- Analyse du prototype
Mise en place du thème
- Les fichiers requis
- Le fichier
style.css - Mise en place de la feuille de style.
- Le squelette du thème
- Les hooks essentiels d’un thème
- Charger les ressources correctement
- Mise en place la navigation
- Mise en place de l’entête du site
- Quelques bonnes pratiques simples
- Derniers ajustements de l’entête
- La boucle de WordPress
- Charger les partiels.
- Le modèle des cartes
- Les métadonnées des cartes
- Le modèle d’erreur
- Mise en place la pagination
- Mise en place de la zone de widget.
Les fonctionnalités
- Comment WordPress choisit le modèle à utiliser
- Mise en place de la vue simple
- Ajustement de l’entête du site
- Personnaliser les éléments du menu
- Ajouter des icônes aux éléments de menu.
- Ajout d’une entête personnalisée
- Mise en place du logo personnalisé
- Mise en place des breadcrumbs avec Yoast SEO
- Gérer l’affichage du titre et slogan.
- Les tailles d’image par défaut de WordPress
- Comment ajouter des tailles d’image
- Ajout du support pour les post-formats
- Ajouter des icônes dans la pagination
- Mise en place de l’arrière plan personnalisé.
- L’outil de personnalisation de WordPress
- Ajouter un réglage pour changer les couleurs du titre de la page
- Ajouter un réglage pour changer le texte de copyright du footer
- Rendre les réglages dynamiques
- Ajouter le support pour le nouvel éditeur
- Ajouter le support pour l’alignement des blocs
- Ajouter une feuille de styles pour l’éditeur
- Ajuster la largeur de l’éditeur
- Couleurs et gradients
- Typography
- Espacement
Décliner les modèles du thème
- Importer le contenu de test
- Ajouter la section commentaires
- Créer un modèle personnalisé pour les commentaires
- Ajout des styles pour les blocs
- Tester son thème avec le contenu de test.
- Retour sur la hiérarchie des modèles
- Séparation de
singular.phpensingle.phpetpage.php - Ajout et personnalisation du modèle
404.php - Ajout et personnalisation du modèle
search.php - Ajout et personnalisation du modèle
archive.php - Ajout d’un modèle de page personnalisé
- Ajout d’un modèle de post personnalisé
- Gestion de la page d’accueil du site :
home.phpetfront-page.php
Touches finales
- Gérer les réglages du thème avec le fichier
theme.json - Comprendre le chargement des thèmes et les thèmes enfants
- Préparer le thème pour la production
- Minifier les assets CSS et JS
- Publier son thème WordPress sur le répertoire
Quels sont les prérequis techniques pour suivre le cours ?
Il faut avoir un minimum de connaissances en HTML, CSS, et PHP. Mais pas besoin d’être un expert. On va découvrir ensemble un peu de WordPress Magic.
Comment se déroule le cours ?
Le cours sera sous forme d’une série de vidéos, à visionner à votre propre rythme ! Vous pourrez coder en même temps, ou juste regarder et apprendre, une vidéo à la fois ou dix par jour !
Vais-je pouvoir me servir de mes connaissances pour mes clients ?
Absolument ! C’est le but du jeu ! Vous apprendrez tout ce dont vous aurez besoin pour comprendre les thèmes WordPress, personnaliser des thèmes existants ou les créer de toute pièce.
Quid du Full Site Editing ?
Pas de panique ! Vous apprendrez ce qu’il faut savoir sur le Full Site Editing dans une autre formation. Dans cette formation, on va se concentrer sur le développement de thème classique.
J’ai une question !
Pas de souci, envoyez-moi un petit mail à vincent@vincentdubroeucq.com, ou via le formulaire de contact. Je vous réponds au plus vite !
Je m’appelle Vincent Dubroeucq, je suis designer et développeur WordPress, formateur et orateur. J’enseigne le développement WordPress sur mon blog.
Mon objectif est d’aider un maximum de gens à se former au développement pour WordPress, et ce de la façon la plus structurée possible. Et pour moi, le plus simple et efficace pour ce faire et de commencer par un thème classique.
A la fin de cette série de vidéos, vous pourrez développer votre premier thème en toute confiance, car vous aurez une méthode et une checklist de passages obligés pour produire un thème simple mais de qualité.