• 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 !

Mockup Vidéo - 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.

Hugo Blanchard

Formation idéale pour apprendre ou consolider ses connaissances dans le développement de thèmes WordPress. Les vidéos sont très claires et faciles à suivre !

Hugo Blanchard

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

Le thème qu’on va construire ensemble

Le thème que l’on va construire ensemble, Voyager, est un thème simple et épuré, avec une typographie lisible et une mise en page claire et aérée. Il est léger et performant, et même s’il ne comporte que peu d’options supplémentaire, il supporte toutes les fonctionnalités de base attendues d’un thème WordPress, et vous permettra donc d’apprendre toutes les bases de développement de thème 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.

Plan de la formation

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 !

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
  • Les standards de code de WordPress
  • Personnaliser les menus
  • Créer un système d’icônes
  • Ajouter nos icônes au menu
  • Ajouter le support pour les sous-menus
  • Mise en place de l’entête personnalisée de WordPress
  • Les réglages de l’image d’entête
  • Les entêtes vidéos
  • Mise en place du logo personnalisé
  • Mise en place du fil d’Ariane
  • Les tailles d’image par défaut de WordPress
  • Filtrer les tailles d’image par défaut de WordPress
  • Déclarer une nouvelle taille d’image personnalisée
  • Ajouter le support pour les formats de publication
  • Ajouter des icônes de pagination
  • Ajouter le support pour les arrière-plans personnalisés
  • L’outil de personnalisation de WordPress
  • Panneaux, sections et réglages
  • Les types de contrôles
  • Ajouter les réglages de notre thème
  • Ajouter des styles dans l’éditeur
  • Gestion des alignements des blocs
  • Ajouter le support pour l’alignement des blocs
  • Les réglages de couleurs et gradients
  • Le réglage des tailles de police

Décliner les modèles du thème

  • Importer le contenu de test
  • Le modèle des commentaires
  • Personnaliser les commentaires
  • Tester le thème
  • Décliner les modèles
  • Retour sur la hiérarchie des modèles
  • Les modèles spécifiques et personnalisés

Touches finales

  • Préparer le thème pour la production
  • Les guidelines de l’équipe de revue des thèmes
  • Tester notre thème avec l’extension Theme Check
  • Ecrire la documentation
  • Conclusion

Des questions ?

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.

Vincent Dubroeucq

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é.