Développement de thèmes WordPress : le guide ultime sur la structure des dossiers

WBOY
Libérer: 2024-08-20 06:52:32
original
1130 Les gens l'ont consulté

WordPress Theme Development: The Ultimate Folder Structure Guide

WordPress est un cadre flexible pour la création de sites Web. Vous pouvez créer tout type de site Web tel qu'un CMS, un commerce électronique, une page de destination unique, etc. Ici, je vais discuter de la structure du projet WordPress, afin que vous puissiez créer votre thème personnalisé. Les thèmes populaires comme Divi, Astra, Neve, Oceanwp, etc. sont des choix fantastiques lorsque vous créez un site Web pour vous-même ou pour un client. Mais parfois, vous devez également créer votre thème personnalisé pour créer des sites Web à partir de zéro. Le principal avantage de l’utilisation de WordPress comme backend est que vous disposez d’un panneau d’administration prêt à l’emploi avec des fonctionnalités robustes telles que des articles de blog, S.EO, une bibliothèque de plugins polyvalente pour divers travaux.

Voyons comment construire la structure d'un projet WordPress approprié :

index.php
page.php
single.php
404.php
front-page.php
category.php
header.php
footer.php
archive.php
template-name.php
sidebar-name.php
/assets
          /js
          /css
          /images
          /fonts
          /icon

/templates
          contact_us.php
          about_us.php
Copier après la connexion

? Pour la page d'accueil :
?front-page.php (s'il existe) : Ce fichier contient header.php et footer.php. À côté, il contient également des sections de page d'accueil telles que des bannières, des carrousels, des images de première page, etc.
?home.php (si aucune page d'accueil statique n'est définie, ou si front-page.php n'existe pas)
index.php (si ni front-page.php ni home.php n'existent)

? page.php : appelle lorsque vous appelez une page dans le frontend. en utilisant ce fichier, le contenu de la page est affiché. Pour afficher le contenu à l'intérieur de la page, vous devez appeler la fonction « the_content() ».

? single.php : lorsque vous appelez un article de blog, ce fichier est appelé à ce moment-là. Pour installer ce fichier, procurez-vous le fichier post-details.html auprès du développeur frontend ou de votre thème HTML.

? 404.php : appelle lorsque la page est introuvable. Parfois, nous accédons à une page du navigateur concernant notre site Web WordPress, et entre-temps, cette page ou ce slug n'existe pas ! cette fois-là, ce fichier est appelé. Il mentionne également un lien de redirection vers la page d'accueil, qui traite en utilisant «  .

? category.php : lorsque vous souhaitez afficher les articles liés à une catégorie particulière, cette fois-ci, cette page est appelée.

? header.php : Ce fichier contient la section d’en-tête liée au site Web. Il comprend des balises méta, des favicon, des fichiers d'en-tête, une barre de navigation et des pages et même parfois des zones de bannière communes.

? footer.php : ce fichier contient des informations sur la section de pied de page telles que des liens rapides vers des pages, une section de newsletter, l'adresse e-mail de l'administrateur du site, un numéro de téléphone, une adresse e-mail, etc.

? archive.php : une page d'archives dans WordPress vous permet d'orienter facilement les lecteurs à travers votre contenu précédemment publié, tel que des blogs. Les pages d'archives WordPress sont produites pour organiser une liste de publications sous un type de publication, une catégorie ou une balise particulière.

? template-name.php : lorsque vous devez appeler une certaine partie dans chaque page du site Web WordPress, vous pouvez alors utiliser cette technique de fichier. Par exemple, chaque site Web comporte une section intitulée « entrer en contact » ou « s'abonner à la newsletter ». Cette section est toujours présente en haut ou en pied de page de chaque page de ce site Web. Nous pouvons donc créer un fichier comme "template-get_in_touch.php" et l'appeler via

?‍? sidebar-name.php : Les barres latérales jouent un rôle important dans la conception de la mise en page d'un site Web WordPress pour afficher du contenu autre que les articles principaux d'un site Web. Par exemple, une courte liste d'articles récents, de commentaires récents, une liste de pages ou d'articles populaires sur un site Web peuvent facilement être affichés sur l'ensemble du site.

? actifs/ : contient des fichiers comme js, des images statiques css, des polices, etc. Ces fichiers ne sont pas modifiés dynamiquement, ils sont requis par de nombreuses pages. Pour appeler ces actifs, vous pouvez utiliser « /assets/js/file.js”

? templates/ : Ce dossier contient de nombreux fichiers php qui peuvent être utilisés par certaines pages de wordpress comme « Modèle ». Par exemple, j'ai une page appelée contact et j'ai créé un fichier sous le nom « contact_us.php » et j'ai défini son « Nom du modèle » sur « Contactez-nous » dans le dossier templates/. Je peux maintenant sélectionner ce modèle dans la page « contact ».

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!