Il s’agit d’une série de tutoriels couvrant les bases du développement d’un thème WordPress à partir de zéro. C’est pour vous qui avez un peu essayé de changer d’autres thèmes, souhaitant en savoir assez pour créer le vôtre, ou essayé de créer votre propre thème à partir de zéro, mais avez eu du mal à comprendre les bases de ce dont un thème a besoin. À travers 12 leçons, ce didacticiel vise à vous guider dans le développement de votre propre thème WordPress, tout en apprenant les pratiques courantes et les bases du fonctionnement de WordPress. Le but de ce didacticiel n’est pas de terminer avec un thème étonnant et prêt à l’emploi ou à vendre, mais de vous donner les bases solides nécessaires pour le construire et l’étendre.
Je vous recommande de tout écrire vous-même au lieu de copier-coller le code. C’est la meilleure façon d’apprendre (rassurez-vous, on ne parle pas ici de milliers de lignes)! Les leçons sont configurées pour que vous appreniez ce que fait chaque bit de code, étape par étape, afin que vous puissiez le modifier et l’ajouter en cours de route, afin que vous puissiez le faire ressembler à ce que vous voulez qu’il soit ou ressembler à. À la fin de chaque leçon, je créerai un lien vers des pages de documentation pour chaque méthode utilisée, généralement vers WordPress Codex.
Ce tutoriel ne couvrira aucun style (CSS), mais il explique comment vous pouvez ajouter vos feuilles de style à votre thème et explique comment dire à WordPress d’ajouter dynamiquement des classes utiles dans votre code HTML. Je vous encourage à personnaliser votre thème au fur et à mesure que vous suivez.
Conditions préalables
Ce tutoriel est pour vous qui :
- Connaître les bases du HTML et du CSS
- Connaître un peu PHP. Vous n’avez pas besoin d’être un expert, mais vous devez connaître les bases
- Sont familiarisés avec l’utilisation de WordPress
- Vouloir apprendre!
Ce dont vous aurez besoin pour suivre ce tutoriel, c’est :
- Une structure de développement local. Vous pouvez développer en transférant via FTP vers un domaine, mais il est recommandé d’en configurer un localement. Vous auriez (évidemment) également besoin d’avoir WordPress installé sur votre site de développement. J’explique brièvement comment procéder dans la partie 0.
- Un bon éditeur de texte. Vous pouvez utiliser n’importe quel éditeur, tel que le Bloc-notes et autres, mais il est recommandé d’utiliser un logiciel ciblé pour le codage (il est plus facile de lire, de trouver et d’écrire du code). Personnellement j’utilise Sublime Text 3.
Table des matières du didacticiel
Vous trouverez ci-dessous des liens directs vers les 12 leçons de ce didacticiel ; Cependant, à la fin de chaque leçon, vous trouverez des liens de navigation vers la leçon suivante ou précédente, vous n’avez donc pas besoin de revenir ici.
Sans plus tarder, commençons! Si vous avez déjà une configuration de développement WordPress locale, passez directement à la Partie 1: Introduction.
-
L’étape 0.5 du didacticiel sur le thème WordPress pour les débutants explique comment configurer un environnement de développement local avec WAMP ou XAMPP et installer WordPress.
-
Tutoriel sur le thème WordPress pour débutants – Partie 1: Introduction
Dans cette leçon, vous commencerez à apprendre comment WordPress charge le contenu en fonction de la page sur laquelle vous vous trouvez et de la hiérarchie des fichiers de modèle de thème. Vous apprendrez également ce qui est nécessaire pour un thème valide. Et à la fin nous allons enfin créer notre thème et l’activer.
-
Tutoriel sur le thème WordPress pour les débutants – Partie 2: Modèles
Cette leçon vous apprendra comment structurer les principaux modèles de construction dans un thème WordPress. Nous allons commencer à créer les modèles les plus importants.
-
Tutoriel sur le thème WordPress pour les débutants – Partie 3: Contenu dynamique
Dans cette leçon du didacticiel sur le thème WordPress pour les débutants, nous découvrirons les crochets dans WordPress et ajouterons quelques crochets dans notre thème qui sont nécessaires pour qu’un thème fonctionne correctement avec WordPress et les plugins. Nous commencerons également à accéder au contenu dynamique de WordPress dans notre en-tête, par exemple en obtenant automatiquement le titre de la page actuelle.
-
Tutoriel sur le thème WordPress pour les débutants – Partie 4: La boucle de publication
Dans cette leçon du didacticiel sur le thème WordPress pour les débutants, nous aborderons en détail la "boucle de publication" dans WordPress ; qu’est-ce que c’est, à quoi elle ressemble, pourquoi nous l’utilisons et comment accéder aux publications. Nous passerons ensuite à la mise en œuvre de la boucle dans notre thème.
-
Cette leçon du didacticiel sur le thème WordPress pour les débutants portera sur la façon dont nous pouvons accéder et produire des informations telles que son lien, son titre, etc. à partir de chaque article lorsqu’il se trouve dans la boucle de publication. Nous faisons cela avec des balises de modèle. Dans le processus, nous ajouterons également les modèles de vue unique à notre thème.
-
Tutoriel sur le thème WordPress pour les débutants – Partie 6: Fonctions d’un thème.php
Aujourd’hui, nous allons apprendre où et comment ajouter du code en dehors des modèles de notre thème. Nous faisons cela en ajoutant le fichier functions.php du thème. En cours de route, nous apprendrons également comment ajouter correctement vos feuilles de style et vos scripts.
-
Cette leçon se poursuit en ajoutant le code de base requis pour configurer un thème WordPress. Nous apprenons à ajouter des supports thématiques et à filtrer le titre de la page d’accueil.
-
Tutoriel sur le thème WordPress pour les débutants – Partie 8: Traduction
Nous apprenons comment fonctionne la traduction (ou i18n) dans WordPress et comment rendre les textes traduisibles. Comprend également un guide d’utilisation de PoEdit pour générer des fichiers .po.
-
Tutoriel sur le thème WordPress pour débutants – Partie 9: Menus et zones de widgets
Cette leçon explique comment ajouter deux fonctionnalités principales de WordPress à notre thème ; menus et zones de widgets. Nous apprenons à enregistrer un emplacement pour le menu de navigation principal d’un site et à afficher le menu dans nos modèles, ainsi qu’à autoriser l’ajout de widgets dans notre barre latérale et notre pied de page.
-
Tutoriel sur le thème WordPress pour les débutants – Partie 10: Ajout de plus de modèles
Dans cette leçon du didacticiel sur le thème WordPress pour les débutants, nous allons nous plonger davantage dans les modèles. Nous allons en apprendre davantage sur les composants de modèle et les implémenter pour les réutiliser. Et nous ajouterons plus de modèles par défaut de WordPress à notre thème.
-
Tutoriel sur le thème WordPress pour les débutants – Partie 11: Modèles de page personnalisés
Dans cette leçon de didacticiel sur le thème WordPress pour les débutants, nous apprenons les modèles de page, ce qu’ils sont, comment les créer et les meilleures pratiques. Nous allons créer un modèle pleine largeur à titre d’exemple. En cours de route, nous ajoutons également une classe au corps en demandant si la page utilise un modèle de page spécifique.
-
Tutoriel sur le thème WordPress pour les débutants – Partie 12: Requête de publication personnalisée
Dans cette dernière leçon, nous apprenons à écrire votre propre requête de messages et à les parcourir sans interrompre la boucle parent dans le modèle. Nous allons créer une partie de modèle pour les articles uniques qui affiche les articles associés dans la même catégorie.
-
Tutoriel sur le thème WordPress pour les débutants – Conclusion et prochaines étapes
Nous concluons ce didacticiel sur le thème WordPress pour les débutants en faisant un bref récapitulatif de ce que nous avons appris. Et examinez ce que vous pouvez faire ensuite et comment vous améliorer en tant que développeur de thèmes WordPress.