Ce que la plupart des concepteurs Web ont mal à propos de la hiérarchie des thèmes WordPress

La conception de thèmes WordPress peut à première vue sembler plutôt intimidante; même pour les concepteurs de sites Web chevronnés. Le plus simple des thèmes semble être composé de plusieurs fichiers qui sont en quelque sorte interconnectés.


Mais la bonne nouvelle est la suivante: Il y a un système logique derrière la confusion. Si vous souhaitez retrousser vos manches et apprendre un peu de PHP, vous pouvez transformer vos conceptions HTML statiques en sites Web WordPress dynamiques.

Vous pouvez bien sûr utiliser nos services à la place, mais nous aimons vous donner le choix!

Dans cet article, je veux commencer par me concentrer sur l’erreur clé que la plupart des concepteurs de thèmes WordPress potentiels font quand il s’agit de travailler avec la hiérarchie des modèles de thèmes WordPress, puis continuer pour vous donner un large aperçu de la façon dont les thèmes WordPress devraient se réunir.

Le plus grand secret du développement de thèmes WordPress

Malgré toutes les complications apparentes avec le développement de thèmes WordPress, la création de votre propre thème WordPress peut être aussi simple que vous le souhaitez.

Et si je vous disais que vous pouvez créer un thème WordPress simple avec seulement deux fichiers?

Ces deux fichiers sont index.php et style.css. Ils ne seront finalement pas tout ce que vous voulez, mais ils sont tout ce dont vous avez besoin.

Si vous avez déjà créé une conception statique avec un fichier index.html et style.css, vous pouvez littéralement copier et coller le contenu de chacun dans un nouveau fichier index.php et style.css, ajouter un peu d’informations supplémentaires, compresser les fichiers dans un dossier et téléchargez-le sur WordPress. Hey presto – votre premier thème WordPress!

Pour prouver mon point de vue, faisons-le. Commençons par notre fichier index.php:

Mon premier thème WordPress

Bonjour le monde!

Comme vous pouvez le voir, nous utilisons le même HTML de base que nous le ferions normalement, sans PHP en vue. En théorie, PHP est facultatif en ce qui concerne le développement de thèmes, bien que vous en trouverez certainement le besoin si vous souhaitez concevoir des sites Web WordPress à part entière. Omettre PHP dans vos fichiers de thème rend essentiellement WordPress redondant.

En ce qui concerne votre fichier style.css, il n’a besoin que d’une chose pour fonctionner: un en-tête de feuille de style. Il s’agit de quelques informations qui permettent à WordPress d’identifier votre thème.

Voici un exemple simple, qui doit être inséré en tant que commentaire dans votre fichier style.css:

/ *

Nom du thème: Mon premier thème WordPress
Auteur: My Name
Description: Mon tout premier thème WordPress!
Version: 1.0

* /

De nombreux autres éléments d’en-tête peuvent être inclus dans votre feuille de style, mais seule une poignée est obligatoire. Voici la liste complète:

  • Nom du thème.
  • URI du thème. Si votre thème a une page d’accueil, c’est ici que vous l’ajoutez.
  • Auteur. Ne sois pas timide!
  • URI de l’auteur. Si vous avez un site Web personnel / portfolio, vous pouvez le lier ici.
  • La description.
  • Version.
  • Licence. Cliquez ici pour en savoir plus sur les licences WordPress.
  • URI de licence. Il est recommandé d’inclure un lien vers la licence que vous choisissez pour votre thème.
  • Mots clés. Ces balises sont utilisées dans WordPress.org pour filtrer votre thème par caractéristiques spécifiques (par exemple. "une colonne", "en-tête personnalisé").
  • Domaine de texte. Ceci est utilisé à des fins d’internationalisation / traduction.

(Veuillez noter que le nom de votre thème doit être unique. Si vous choisissez un nom qui existe déjà, vous créerez un conflit dans WordPress.)

Enregistrez votre fichier index.php et style.css dans un dossier et donnez-lui un nom unique. Utilisez des tirets au lieu d’espaces. Une fois que vous avez terminé, zippez le fichier.

Ensuite, accédez à Apparence > Thèmes de votre installation WordPress et cliquez sur le bouton Ajouter un nouveau. Depuis l’écran résultant, vous pouvez télécharger et activer votre nouveau thème.

Une fois que vous avez fait cela, accédez à votre page d’accueil et vous verrez votre tout premier thème WordPress:

Votre premier site WordPress

Pour confirmer que cela a été reconnu comme un thème dans WordPress, revenez simplement à Apparence > Thèmes. Vous trouverez votre thème parmi tous les autres que vous avez installés sur votre site, et vous pouvez même cliquer dessus pour révéler d’autres détails que vous avez inclus dans l’en-tête de votre feuille de style:

Détails du thème WordPress

Certes, votre thème n’a pas grand-chose à écrire à ce stade, mais l’exemple ci-dessus montre à quel point la conception d’un thème WordPress peut être simple.

Il révèle également ce grand secret que j’ai mentionné ci-dessus: index.php ne représente pas seulement la page d’accueil de votre site (bien qu’il le puisse) – il est la base de tout dans la conception de thèmes WordPress.

Présentation de la hiérarchie des modèles de thèmes index.php et WordPress

Vous seriez pardonné de supposer que index.php est destiné à être la page d’accueil de votre site WordPress. Et bien non. C’est beaucoup plus important.

J’ai dit ci-dessus que vous pouvez créer un thème WordPress avec seulement deux fichiers, dont l’un est index.php. Eh bien, je voulais dire que dans tous les sens – pas seulement en termes de création d’un simple "Bonjour le monde!" exemple.

Vous voyez, la hiérarchie des modèles de thème de WordPress fonctionne de telle manière que si un fichier de modèle plus spécifique n’existe pas, il reviendra par défaut au fichier suivant le plus «senior». Et devinez quel est le fichier le plus ancien; à quoi WordPress finit par défaut? C’est vrai: index.php.

Pour vous donner une meilleure idée de ce que je veux dire, voici une représentation visuelle de la hiérarchie des modèles de thème WordPress:

Hiérarchie des modèles de thème WordPress

Comme vous pouvez le voir, il existe un grand nombre de fichiers de modèles qui peuvent être utilisés pour créer un thème WordPress – tout, d’une page de blog unique (single-post.php) à une page d’erreur 404 (404.php). Mais la chose la plus importante est la suivante: si WordPress ne trouve pas le fichier le plus spécifique, il revient par défaut au fichier le plus ancien suivant.

En fin de compte, cela ramène à index.php: le papa des fichiers de modèle de thème WordPress.

Donc index.php n’est pas du tout la page d’accueil – idéalement, WordPress chercherait d’abord front-page.php, ou ensuite home.php à cet effet. Index.php est un dernier recours.

Où allez-vous partir d’ici?

Nous n’avons fait qu’effleurer la surface du développement de thèmes WordPress dans cet article, mais vous devez maintenant savoir que chaque fichier de modèle dans un thème WordPress se rapporte à un type de page particulier que vous verriez sur le front-end. Par exemple, un seul article de blog est plus spécifiquement représenté par single-post.php, puis single.php, puis index.php.

WordPress continuera de fonctionner en arrière jusqu’à ce qu’il trouve quelque chose pour accrocher son chapeau, mais les fichiers de thème plus spécifiques vous donnent la possibilité de créer des conceptions et des mises en page personnalisées pour les différentes pages de votre site.

Une fois que vous avez compris cela, vous pouvez commencer à partir d’une position simple (c’est-à-dire index.php) et étoffer votre conception à partir de là. Comme je l’ai dit; vous pouvez créer un thème WordPress avec seulement deux fichiers, mais en réalité, vous voudrez tirer le meilleur parti de ce que WordPress a à offrir et exploiter plus pleinement sa hiérarchie de modèles de thème.

Si vous souhaitez explorer la hiérarchie des modèles de thème WordPress plus en détail, je recommande les deux ressources suivantes:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map