April 27, 2018
Apprenez comment développer un thème WordPress simple en partant d’un template HTML/CSS.
L’objectif est de comprendre les fondamentaux et les bonnes pratiques de développement de thèmes WordPress :
Faire apparaître son thème dans l’administration de WordPress
Organiser les fichiers du thème de façon claire et lisible.
Comment WordPress choisit les templates (modèles de pages) à utiliser
Charger les ressources CSS/JS correctement
Mettre en place la boucle de WordPress (responsable de l’affichage du contenu), les menus, les zones de widgets.
Utiliser les templates tags de WordPress pour afficher les informations nécessaires, et créer ses propres templates tags.
S’assurer que le thème est sécurisé, traduisible et accessible.
Si le temps le permet, on pourra plonger dans des sujets plus avancés, comme :
Mettre en place les fonctionnalités comme l’image d’entête personnalisée, le logo personnalisé, etc…
Comment intégrer le thème à l’outil de personnalisation de WordPress.
Le but est que les utilisateurs/développeurs voulant développer un thème repartent avec une méthode simple, pas à pas et une bonne appréhension des spécificités de développement de thème pour WordPress.
Le thème développé ne sera donc pas d’une complexité élevée, au contraire, mais permettra d’avoir la vue d’ensemble la plus complète possible du process et des bonnes pratiques de développement.
Le code source du prototype HTML/CSS ainsi que le thème à différentes étapes de son développement seront disponibles sur GitHub.
Prérequis pour tirer le maximum de l’atelier :
Des connaissances de base en HTML/CSS/PHP. JavaScript pas forcément nécessaire.
Un environnement de développement WordPress local (MAMP / Local by Flywheel / Bitnami, etc…)
Un éditeur de code (VS Code, Atom, etc…)