Ne vous inqui\u00e9tez pas si l’image semble trop d\u00e9routante au premier abord! Au fur et \u00e0 mesure que nous progressons dans le didacticiel, vous vous retrouverez \u00e0 vous r\u00e9f\u00e9rer \u00e0 cette image afin de trouver les mod\u00e8les que vous souhaitez impl\u00e9menter dans votre th\u00e8me.<\/p>\n
La fa\u00e7on dont vous lisez l’image est en allant de gauche vers la droite. En fonction de la page sur laquelle vous vous trouvez, les mod\u00e8les sont tr\u00e8s sp\u00e9cifiques, et plus vous progressez vers la droite, plus les mod\u00e8les deviennent g\u00e9n\u00e9raux. La solution de repli finale est la plus \u00e0 droite\u00a0; Tous les fichiers de mod\u00e8le r\u00e9pertori\u00e9s dans l’image ci-dessus doivent r\u00e9sider dans le dossier racine de votre th\u00e8me et \u00eatre nomm\u00e9s pr\u00e9cis\u00e9ment comme indiqu\u00e9. Vous ne pouvez pas placer vos mod\u00e8les dans des sous-dossiers \u00e0 des fins d’organisation car WordPress ne pourra pas les trouver !<\/p>\n On va commencer simple! Aujourd’hui, nous allons cr\u00e9er les seuls quelques fichiers requis pour que WordPress le reconnaisse en tant que th\u00e8me, puis nous d\u00e9velopperons \u00e0 partir de l\u00e0.<\/p>\n Vous n’avez besoin que de deux fichiers pour cr\u00e9er un th\u00e8me WordPress valide.<\/p>\n Dans l’illustration de la hi\u00e9rarchie des mod\u00e8les, avez-vous remarqu\u00e9 celui qui se trouve tout \u00e0 droite\u00a0; appel\u00e9 Cr\u00e9ons notre th\u00e8me en cr\u00e9ant ces deux fichiers !<\/p>\n Tous les th\u00e8mes doivent \u00eatre dans chacun leurs dossiers s\u00e9par\u00e9s \u00e0 l’int\u00e9rieur du sous-dossier Dans Entrez votre dossier de th\u00e8me et cr\u00e9ez un nouveau fichier vide nomm\u00e9 Nous sommes d\u00e9j\u00e0 \u00e0 mi-chemin\u00a0! Cr\u00e9ons le deuxi\u00e8me fichier requis. Dans votre dossier de th\u00e8me, cr\u00e9ez un nouveau fichier vide nomm\u00e9 Ouvrez le Dans ce didacticiel, nous allons rester simple\u00a0; nous ajouterons le nom du th\u00e8me et vous \u00e9crirez votre propre nom en tant qu’auteur. Vous pouvez continuer et utiliser le(s) nom(s) que vous souhaitez, c’est ce que j’ai entr\u00e9 dans mon Enregistrez et fermez le fichier (ce tutoriel ne touchera plus \u00e0 ce fichier), sauf si vous souhaitez \u00e9crire du CSS pour votre th\u00e8me au fur et \u00e0 mesure.<\/p>\n Toutes nos f\u00e9licitations! Vous avez maintenant cr\u00e9\u00e9 un th\u00e8me WordPress valide !<\/p>\n Allons dans le panneau d’administration de WordPress et naviguons vers "Apparence> Th\u00e8mes", et voyons si nous pouvons y trouver notre th\u00e8me.<\/p>\nindex.php<\/code>, qui sera charg\u00e9 si aucun autre mod\u00e8le de raccord n’a \u00e9t\u00e9 trouv\u00e9.<\/p>\nAnatomie d’un th\u00e8me WordPress<\/h2>\n
index.php<\/code>? Il s’agit du dernier mod\u00e8le de secours si WordPress ne trouve aucun mod\u00e8le. C’est l’un des fichiers requis. L’autre fichier est un fichier de feuille de style (.css<\/code>). Il ne doit pas n\u00e9cessairement contenir de CSS, mais il doit contenir un bloc de commentaires qui fournit des informations WordPress sur votre th\u00e8me. Ces deux choses sont tout ce dont vous avez besoin pour un th\u00e8me WordPress valide.<\/p>\nCr\u00e9ation de votre premier th\u00e8me<\/h2>\n
\/wp-content\/themes\/<\/code>. Si vous acc\u00e9dez \u00e0 ce dossier dans votre navigateur de fichiers, vous verrez probablement d\u00e9j\u00e0 quelques dossiers de th\u00e8mes ici\u00a0; vingt-neuf, vingt-sept, etc. Ce sont des th\u00e8mes fournis par d\u00e9faut avec WordPress.<\/p>\n\/wp-content\/themes\/<\/code>, cr\u00e9ez un nouveau dossier. Nommez-le de mani\u00e8re appropri\u00e9e (minuscules, sans espaces, diff\u00e9rent des autres dossiers). Habituellement, le nom du dossier est une version slug du nom de votre th\u00e8me. Pour ce tutoriel, je nommerai mon dossier de th\u00e8me \u00abwptutorial<\/code>\u00bb.<\/p>\n![\"Tutoriel](\"https:\/\/codex.wordpress.org\/File:Template_Hierarchy.png#file\")
<\/a><\/p>\nindex.php<\/code>. J’ai \u00e9dit\u00e9 le fichier et j’ai juste ajout\u00e9 du texte al\u00e9atoire, afin que nous puissions voir plus facilement quand il est utilis\u00e9\u00a0:<\/p>\n<\/a><\/p>\nstyle.css<\/code>.<\/p>\nstyle.css<\/code>fichier et d\u00e9marrez imm\u00e9diatement un bloc de commentaires (\/*<\/code>et fermez-le avec *\/<\/code>). Dans ce bloc de commentaires, nous devons suivre certaines r\u00e8gles WordPress pour d\u00e9finir notre th\u00e8me. Au minimum, nous devons d\u00e9finir le nom de notre th\u00e8me. Mais nous pouvons \u00e9galement ajouter des informations sur l’auteur, la page d’accueil, le num\u00e9ro de version, les informations de licence et bien plus encore. Consultez la documentation de WordPress sur ce que vous pouvez ajouter<\/a>.<\/p>\nstyle.css<\/code>:<\/p>\n\/* \nTheme Name: A White Pixel Theme \nAuthor: Alex White \n*\/<\/code><\/pre>\nActivation de votre th\u00e8me<\/h2>\n