Coder votre 1er Thème WordPress à partir de zéro
Avant d’aller fouiller le code de WordPress, il faut d’abord se placer dans la peau de celui ou celle qui va éditer le site par la suite. Apprendre WordPress en profondeur coté utilisateur avant de décomposer les mécaniques du CMS, c’est une étape nécéssaire pour concevoir un thème efficace.
Bien que les concepts de WordPress soient faciles à appréhender, il faudra du temps et bien des cas différents avant d’être à l’aise lors de la création d’un thème.
Voyons ensemble étape par étape comment faire un thème WordPress.
Introduction au développement de thème WordPress
- Qu’est-ce qu’un thème WordPress ?
- Quel thème choisir dans la jungle de WordPress ?
- Pourquoi opter pour des thèmes sur mesure ?
- Exemple de thèmes WordPress
- Dans quel ordre se charge WordPress ?
Choisir une quête
La théorie c’est bien beau, mais ça ne remplace pas la pratique pour autant. Nos formations sont basées sur des exemples directement appliqués à des cas pratiques et leurs spécificités. À vous de sélectionner celle qui vous plaît :
- Créer le site d’un·e photographe
- Créer le site d’un·e passionné·e de cuisine
- Créer le site d’une start-up
- Créer le site d’un évènement en ligne
Construire un thème à partir de rien
- Anatomie d’un thème : connaître les fichiers des thèmes
- La base d’un thème :
index.phpetstyle.css - Créer le header et le footer
- Utiliser les « Templates Tags » pour afficher le contenu de la page
- Découvrir la boucle de WordPress
- Comprendre la hiérarchie des templates
- Afficher le contenu d’un Article
- Afficher la page d’accueil avec
front-page.php - Afficher le listing des Articles avec
home.php - Réutiliser des composants avec les « Templates Part«
- Afficher le contenu des Pages avec
page.php - Comment créer un modèle de page personnalisé ?
- Supporter les Post Formats
- Les « Conditional Tags »
- Utiliser les champs personnalisés à bon escient
Supporter les fonctionnalités de WordPress dans un thème
- Comprendre les hooks, les actions et les filtres dans WordPress
- Quel est le rôle du
functions.php? - Enregistrer ses styles et scripts en suivant les bonnes pratiques
- Gérer les images mises en avant et tailles d’images personnalisées
- Définir un emplacement pour afficher un menu
- Définir un emplacement pour afficher un widget
- Personnaliser son thème via le Customizer
Exploiter pleinement les possibilités de Gutenberg dans un thème
- Supporter les alignements de Gutenberg
- Personnaliser la palette de couleur
- Insérer des feuilles de styles dans l’édition de contenu
- Ajouter des variations de styles dans les blocs
- Créer des compositions de blocs et comprendre la différence entre les blocs réutilisables et les modèles de blocs
Aller plus loin
- Utiliser les types de contenus personnalisés et les taxonomies
- Rendre traduisible un thème WordPress
- Optimiser un thème pour le SEO
- Créer des contenus personnalisés avec ACF
- Faire de l’AJAX avec WordPress
- Utiliser Advanced Custom Fields pour enrichir le contenu de WordPress
- Publier un thème sur le répertoire officiel de WordPress
Industrialiser la production de thème
- Créer un thème starter réutilisable de projet en projet
- Mettre en place un environnement de développement
- Industrialiser les déploiements de sites WordPress
- Automatiser les tâches courantes de WordPress avec WP-CLI
- Utiliser des moteurs de templating pour gérer le rendu des thèmes WordPress :
- Utiliser Twig dans WordPress avec Timber
- Utiliser Blade dans WordPress avec Sage
Se former avec une agence WordPress
-
Créer un thème WordPress sur mesure2700,00 € HT
