Il s’agit d’une s\u00e9rie de tutoriels couvrant les bases du d\u00e9veloppement d’un th\u00e8me WordPress \u00e0 partir de z\u00e9ro. C’est pour vous qui avez un peu essay\u00e9 de changer d’autres th\u00e8mes, souhaitant en savoir assez pour cr\u00e9er le v\u00f4tre, ou essay\u00e9 de cr\u00e9er votre propre th\u00e8me \u00e0 partir de z\u00e9ro, mais avez eu du mal \u00e0 comprendre les bases de ce dont un th\u00e8me a besoin. \u00c0 travers 12 le\u00e7ons, ce didacticiel vise \u00e0 vous guider dans le d\u00e9veloppement de votre propre th\u00e8me 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\u00e8me \u00e9tonnant et pr\u00eat \u00e0 l’emploi ou \u00e0 vendre, mais de vous donner les bases solides n\u00e9cessaires pour le construire et l’\u00e9tendre.<\/p>\n
Je vous recommande de tout \u00e9crire vous-m\u00eame au lieu de copier-coller le code. C’est la meilleure fa\u00e7on d’apprendre (rassurez-vous, on ne parle pas ici de milliers de lignes)! Les le\u00e7ons sont configur\u00e9es pour que vous appreniez ce que fait chaque bit de code, \u00e9tape par \u00e9tape, afin que vous puissiez le modifier et l’ajouter en cours de route, afin que vous puissiez le faire ressembler \u00e0 ce que vous voulez qu’il soit ou ressembler \u00e0. \u00c0 la fin de chaque le\u00e7on, je cr\u00e9erai un lien vers des pages de documentation pour chaque m\u00e9thode utilis\u00e9e, g\u00e9n\u00e9ralement vers WordPress Codex<\/a>.<\/p>\n Ce tutoriel ne couvrira aucun style (CSS), mais il explique comment vous pouvez ajouter vos feuilles de style \u00e0 votre th\u00e8me et explique comment dire \u00e0 WordPress d’ajouter dynamiquement des classes utiles dans votre code HTML. Je vous encourage \u00e0 personnaliser votre th\u00e8me au fur et \u00e0 mesure que vous suivez.<\/p>\n Ce tutoriel est pour vous qui :<\/p>\n Ce dont vous aurez besoin pour suivre ce tutoriel, c’est :<\/p>\n Vous trouverez ci-dessous des liens directs vers les 12 le\u00e7ons de ce didacticiel\u00a0; Cependant, \u00e0 la fin de chaque le\u00e7on, vous trouverez des liens de navigation vers la le\u00e7on suivante ou pr\u00e9c\u00e9dente, vous n’avez donc pas besoin de revenir ici.<\/p>\n Sans plus tarder, commen\u00e7ons<\/strong>! Si vous avez d\u00e9j\u00e0 une configuration de d\u00e9veloppement WordPress locale, passez directement \u00e0 la Partie 1: Introduction<\/a>.<\/p>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 0.5: Configuration du d\u00e9veloppement WordPress local<\/a><\/p>\n L’\u00e9tape 0.5 du didacticiel sur le th\u00e8me WordPress pour les d\u00e9butants explique comment configurer un environnement de d\u00e9veloppement local avec WAMP ou XAMPP et installer WordPress.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour d\u00e9butants \u2013 Partie 1: Introduction<\/a><\/p>\n Dans cette le\u00e7on, vous commencerez \u00e0 apprendre comment WordPress charge le contenu en fonction de la page sur laquelle vous vous trouvez et de la hi\u00e9rarchie des fichiers de mod\u00e8le de th\u00e8me. Vous apprendrez \u00e9galement ce qui est n\u00e9cessaire pour un th\u00e8me valide. Et \u00e0 la fin nous allons enfin cr\u00e9er notre th\u00e8me et l’activer.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 2: Mod\u00e8les<\/a><\/p>\n Cette le\u00e7on vous apprendra comment structurer les principaux mod\u00e8les de construction dans un th\u00e8me WordPress. Nous allons commencer \u00e0 cr\u00e9er les mod\u00e8les les plus importants.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 3: Contenu dynamique<\/a><\/p>\n Dans cette le\u00e7on du didacticiel sur le th\u00e8me WordPress pour les d\u00e9butants, nous d\u00e9couvrirons les crochets dans WordPress et ajouterons quelques crochets dans notre th\u00e8me qui sont n\u00e9cessaires pour qu’un th\u00e8me fonctionne correctement avec WordPress et les plugins. Nous commencerons \u00e9galement \u00e0 acc\u00e9der au contenu dynamique de WordPress dans notre en-t\u00eate, par exemple en obtenant automatiquement le titre de la page actuelle.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 4: La boucle de publication<\/a><\/p>\n Dans cette le\u00e7on du didacticiel sur le th\u00e8me WordPress pour les d\u00e9butants, nous aborderons en d\u00e9tail la "boucle de publication" dans WordPress\u00a0; qu’est-ce que c’est, \u00e0 quoi elle ressemble, pourquoi nous l’utilisons et comment acc\u00e9der aux publications. Nous passerons ensuite \u00e0 la mise en \u0153uvre de la boucle dans notre th\u00e8me.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 5: Acc\u00e9der aux informations sur les publications<\/a><\/p>\n Cette le\u00e7on du didacticiel sur le th\u00e8me WordPress pour les d\u00e9butants portera sur la fa\u00e7on dont nous pouvons acc\u00e9der et produire des informations telles que son lien, son titre, etc. \u00e0 partir de chaque article lorsqu’il se trouve dans la boucle de publication. Nous faisons cela avec des balises de mod\u00e8le. Dans le processus, nous ajouterons \u00e9galement les mod\u00e8les de vue unique \u00e0 notre th\u00e8me.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 6: Fonctions d’un th\u00e8me.php<\/a><\/p>\n Aujourd’hui, nous allons apprendre o\u00f9 et comment ajouter du code en dehors des mod\u00e8les de notre th\u00e8me. Nous faisons cela en ajoutant le fichier functions.php du th\u00e8me. En cours de route, nous apprendrons \u00e9galement comment ajouter correctement vos feuilles de style et vos scripts.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 7: Configuration du th\u00e8me et images en vedette<\/a><\/p>\n Cette le\u00e7on se poursuit en ajoutant le code de base requis pour configurer un th\u00e8me WordPress. Nous apprenons \u00e0 ajouter des supports th\u00e9matiques et \u00e0 filtrer le titre de la page d’accueil.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 8: Traduction<\/a><\/p>\n Nous apprenons comment fonctionne la traduction (ou i18n) dans WordPress et comment rendre les textes traduisibles. Comprend \u00e9galement un guide d’utilisation de PoEdit pour g\u00e9n\u00e9rer des fichiers .po.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour d\u00e9butants \u2013 Partie 9: Menus et zones de widgets<\/a><\/p>\n Cette le\u00e7on explique comment ajouter deux fonctionnalit\u00e9s principales de WordPress \u00e0 notre th\u00e8me\u00a0; menus et zones de widgets. Nous apprenons \u00e0 enregistrer un emplacement pour le menu de navigation principal d’un site et \u00e0 afficher le menu dans nos mod\u00e8les, ainsi qu’\u00e0 autoriser l’ajout de widgets dans notre barre lat\u00e9rale et notre pied de page.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 10: Ajout de plus de mod\u00e8les<\/a><\/p>\n Dans cette le\u00e7on du didacticiel sur le th\u00e8me WordPress pour les d\u00e9butants, nous allons nous plonger davantage dans les mod\u00e8les. Nous allons en apprendre davantage sur les composants de mod\u00e8le et les impl\u00e9menter pour les r\u00e9utiliser. Et nous ajouterons plus de mod\u00e8les par d\u00e9faut de WordPress \u00e0 notre th\u00e8me.<\/p>\n<\/li>\n Tutoriel sur le th\u00e8me WordPress pour les d\u00e9butants \u2013 Partie 11: Mod\u00e8les de page personnalis\u00e9s<\/a><\/p>\n Dans cette le\u00e7on de didacticiel sur le th\u00e8me WordPress pour les d\u00e9butants, nous apprenons les mod\u00e8les de page, ce qu’ils sont, comment les cr\u00e9er et les meilleures pratiques. Nous allons cr\u00e9er un mod\u00e8le pleine largeur \u00e0 titre d’exemple. En cours de route, nous ajoutons \u00e9galement une classe au corps en demandant si la page utilise un mod\u00e8le de page sp\u00e9cifique.<\/p>\n<\/li>\nConditions pr\u00e9alables<\/h2>\n
\n
\n
Table des mati\u00e8res du didacticiel<\/h2>\n
\n