Maxime BJ présente

La formation

Développer un thème WordPress sur mesure

137 cours

Niveau : Technique

Partie

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

Partie

Partie 2

Créer son thème, les fondamentaux

Dans cette partie nous allons apprendre à créer un thème à partir de rien.

2.1 Les concepts apportés par WordPress

WordPress fournit toute une architecture ainsi que des fonctions pour vous aider dans la conception de votre thème.

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

2.3 Mon premier thème par la pratique : site culinaire

Dans cette partie premium nous allons créer pas à pas un site culinaire avec un blog de recettes. Ce site sera étoffé au fur et à mesure de la formation et vous permettra de bien appréhender la création d'un thème sur mesure.

2.4 Les hooks : actions et filtres

Ces fonctions vont vous permettre de vous brancher à certains moments clé de WordPress afin de modifier son comportement. C'est l'un des concepts les plus importants et intéressant du CMS.

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

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

2.7 Les Champs personnalisés

Besoin d'ajouter une note à un article, une information complémentaire ? Les champs personnalisés sont là pour ça.

Partie

Partie 3

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.

Partie

Partie 4

Concepts avancés

Internationaliser son thème, utiliser de l'Ajax, les shortcodes et l'API Rest dans vos thèmes... Découvrez les concepts avancés de WordPress.

4.1 WordPress et ajax

Utiliser Ajax en toute simplicité dans vos thèmes pour réaliser une recherche dynamique ou encore un "Load more".

4.2 Les shortcodes

Les shortcodes, quoique moins utilisés actuellement, sont intéressants à connaitre, ils permettent d'exécuter du code PHP dans le contenu d'une page.

4.3 Quelques concepts WP avancés

Allons plus loin avec l'API Transient, Heartbeats, les rôles utilisateurs et l'internationalisation de votre thème.

4.4 Personnaliser l’admin WP

WordPress vous permet de personnaliser l'interface d'administration afin de l'épurer pour vos clients ou ajouter de nouveaux blocs pour vos besoins spécifiques.

4.5 La WP Rest API

WordPress dispose désormais d'une API Rest qui vous permettra de relier votre site à des applications tierces et mobiles. Tout un monde de nouvelles possibilités et technologies s'offre à vous.

Partie

Partie 5

Développement de thèmes au delà des limites de WP

Les technologies natives de WordPress nous permettent pas mal de choses, mais nous allons être bloqué très rapidement. Étudions des solutions tierces comme l'utilisation d'Advanced Custom Fields et les Page Builders pour s'ouvrir à de nouvelles possibilités.

5.1 Les Pages builders

Les Page Builders ont connu un développement rapide ces dernières années. Ils sont présent sur tous les thèmes premium. Voyons comment les intégrer dans nos thèmes afin de tirer parti de leur puissance de personnalisation.

5.2 Advanced Custom Fields

L'autre solution élégante, appréciée des développeurs encore plus que les Page Builders, c'est l'extension Advanced Custom fields, ou ACF pour les intimes qui propose la création de champs additionnels vraiment sexy.

Partie

Partie 6

Développer en harmonie avec des extensions

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.

Partie

Partie 7

Les Starter Themes et frameworks

Afin de ne pas réinventer constamment la roue, il existe des themes de départ et même des framework. Ils vous feront gagner énormément de temps à chaque nouveau projet.

7.1 Le starter Theme Capitaine WP

Fort de son expérience de plus de 10 ans, Capitaine WP vous propose son propre thème de départ que l'on va passer au crible et que vous pourrez télécharger.

Partie

Partie 8

Approche MVC avec Timber et Twig

Séparer le code PHP du template, c'est bien plus propre. Et comme c'est impossible dans WordPress de base, nous allons utiliser Timber et Twig en toute simplicité !

Partie

Partie 9

WordPress en profondeur

Comment fonctionne WordPress ? Quelle est l'organisation de la base de données ? Dans quel ordre sont chargés les modules ? Connaitre WordPress en profondeur vous permettra de mieux développer vos thèmes.

Partie

Partie 10

Les études de cas

Rien de mieux que des cas précis pour se confronter à la réalité des problématiques, et progresser. Dans cette partie je vous présente plusieurs de mes projets personnels et clients, que l'on va analyser en détails.

10.1 Le Making Of de Xyoos

Xyoos est un site d'informatique destiné aux débutants. Il a été réalisé avec WordPress, utilise ACF et le starter theme Capitaine WP

10.2 Le Making Of de Détours (Canal+)

Détours est un site d'actualités autour de l'évasion, du voyage et fait partie d'une série de sites de Canal+.

10.3 Créer un système de filtre en Ajax

Imaginons un site immobilier avec un système de recherche par filtres et critères, et le tout en Ajax ! C'est par ici !

10.4 Un builder avec ACF comme CapitaineWP

Est-ce que le capitaine a utilisé un Page builder pour ce site ? Eh non ! A partir d'ACF et du champ flexible, vous pourrez faire des miracles sans la lourdeur d'un builder.

10.5 Créer des relations parent/enfant entre les Post Types

WordPress ne permet pas nativement de créer des relations entre les custom post types, c'est pourtant utile dans le cas d'un site de formation où les cours sont des enfants des formations. Cette partie vous montrera comment créer des liaisons et modifier la structure des URLs pour refléter cette relation.

10.6 Une page auteur avec ses articles associés

Rendons la page Auteur de WordPress bien plus sexy avec la présentation de celui-ci et ses derniers articles.

Partie

Partie 11

Les Checklistes

Des checklistes visuelles indispensables pour ne jamais rien oublier lorsque l'on démarre ou lorsque l'on met en ligne un projet !

Partie

Conclusion

Vous êtes un développeur de thème !

Vous êtes maintenant un développeur de thèmes ! Qu'est-ce qui vous attend pour la suite ?

1b63c96b78013de481876c3226626c80)