Comprendre la hiérarchie des modèles WordPress pour un développement plus rapide

Créer un thème WordPress n'est pas sorcier. Si vous commencez par les bases, vous pouvez facilement vous plonger dans le développement du thème WordPress. Mais avant de vous plonger dans le développement hardcore, il est absolument nécessaire que vous compreniez la hiérarchie des modèles WordPress et la hiérarchie des thèmes WordPress. Les pages d'un site Web WordPress sont construites à l'aide d'un seul fichier de modèle ou d'une combinaison de fichiers de modèle demandés sur une zone particulière d'une page Web.

Voici quelques exemples de fichiers de hiérarchie de modèles WordPress :

1. Index.php
2. Barre latérale.php
3. En-tête.php
4. pied de page.php

Ils résident dans le dossier wp-content/themes/theme-name . Il existe de nombreux fichiers de structure de template WordPress mais seuls deux fichiers sont absolument nécessaires pour qu'un thème WordPress fonctionne, ce sont index.php et style.css. De plus, functions.php (non considéré comme un fichier modèle) est un fichier obligatoire qui contient les fonctionnalités d'un thème. Pour ajouter une apparence plus personnalisée à notre site Web et nous sentir, nous pouvons utiliser divers fichiers de modèles disponibles dans la hiérarchie des thèmes WordPress.

Tout d'abord, pour comprendre comment il rend une page et comment il monte dans la hiérarchie des modèles WordPress, considérons cet exemple.

Un visiteur visite une page de témoignages sur votre site WordPress et vous avez créé un modèle de page personnalisé appelé page-testimonials.php , WordPress chargera alors page-testimonials.php. Si toutefois, page-testimonials.php n'existe pas, WordPress se repliera et chargera page.php, et si page.php n'existe pas dans les fichiers de thème, alors WordPress chargera le fichier index.php .

Je vais diviser les fichiers modèles en sections afin qu'il soit plus facile de comprendre leur objectif et où ils sont utilisés.

Hiérarchie de base des pages WordPress

La hiérarchie de base des pages WordPres comprend :

1. index.php
2. en-tête.php
3. pied de page.php
4. barre latérale.php

1. Index.php

Comme je l'ai mentionné précédemment, index.php fait partie d'un fichier modèle dans la hiérarchie des pages WordPress nécessaire au fonctionnement d'un thème WordPress. index.php est le plus souvent utilisé pour rendre la page d'accueil d'un thème WordPress. Chaque fois qu'un fichier modèle n'existe pas, par exemple single.php ou post.php, WordPress charge le fichier index.php.

Le fichier index.php contient généralement d'autres fichiers de modèle tels que header.php, footer.php et sidebar.php, qui contiennent respectivement la section principale du site, la zone de pied de page et les barres latérales avec des zones de widgets. Il contient également une boucle qui affiche les articles ou les pages du modèle.

2. en-tête.php

Le header.php contient la section head d'un site WordPress, et il est communément appelé au début de tous les fichiers modèles. Il contient généralement les informations d'en-tête, les analyses, les appels aux fichiers CSS, la navigation sur le site, les titres de page et le logo du site, etc.

3. pied de page.php

De même, footer.php dans un fichier de la hiérarchie des pages WordPress est utilisé pour créer la section de pied de page d'un thème WordPress et appelé dans la section de pied de page de tous les fichiers modèles. Le footer.php contient généralement les informations de copyright, les appels aux fichiers JS, les zones de widgets qui ont généralement une navigation sur le site.

4. barre latérale.php

Alors que le sidebar.php, comme son nom l'indique, est utilisé pour construire la barre latérale d'un site et est appelé dans les fichiers modèles comme index.php, page.php, single.php pour appeler dans la barre latérale. Il contient généralement des zones de widgets pour une personnalisation facile.

Pages d'affichage de la page d'accueil

1. page d'accueil.php
2. home.php
3. page.php
4. index.php

Les pages d'accueil des sites WordPress affichent soit les derniers articles de blog, soit une page statique. Cela dépend des paramètres sous Paramètres du tableau de bord WordPress -> Lecture . S'il est défini sur les derniers articles, il affichera les derniers articles de blog sur la page d'accueil et lorsqu'il est défini sur une page statique, il chargera un modèle à partir de la hiérarchie des modèles WordPress, tel que page.php ou front-page.php.

Si front-page.php existe , WordPress utilisera ce fichier modèle à la fois pour les paramètres « derniers articles de blog » et « page statique ». Le home.php sera chargé si front-page.php n'existe pas et que les « derniers articles de blog » sont définis dans les paramètres de lecture de WordPress.

Si dans Paramètres -> Lire une page statique avec une page de publications est sélectionné, WordPress recherchera le modèle page.php pour afficher la page d'accueil.

Si toutefois, front-page.php, page.php et home.php n'existent pas, WordPress reviendra à index.php pour afficher la page d'accueil.

Pages à publication unique

1. unique.php
2. singulier.php

1. unique.php

Dans WordPress, les articles de blog uniques sont rendus à l'aide du fichier single.php. Dans WordPress version 4.3 et plus, un nouveau fichier de modèle WordPress, singular.php a été ajouté.

Pour les types de publication personnalisés WordPress, nous pouvons utiliser single-{post-type}.php. Par exemple, notre type de publication est animaux, alors WordPress recherchera single-animals.php et il aura la priorité sur single.php. Si le fichier post-type n'existe pas, il utilisera single.php pour afficher la page.

2. singulier.php

Le singulier.php est utilisé dans les cas où page.php et single.php ont généralement le même code. Si single.php n'existe pas, WordPress recherchera singular.php.

Pages statiques

Les pages sont rendues dans l'ordre suivant :

1. modèles de pages
2. page-{slug}.php
3. page-{id}.php
4. page.php
5. singulier.php
6. index.php

Comme indiqué ci-dessus, si nous voulons avoir un look similaire pour single.php et page.php, il est préférable de créer un singular.php.

Pages d'archives

1. auteur.php
2. catégorie.php
3. taxonomie.php
4. date.php
5. balise.php
6. archive.php

Les pages d'archives dans WordPress sont les pages utilisées pour récupérer les publications d'auteurs, de catégories, de taxonomies, de dates, de balises, etc. spécifiques.

Nous pouvons avoir un seul modèle d'archive qui est archive.php. Mais pour explorer davantage de modèles, nous avons author.php, category.php, taxonomy.php, date.php, tag.php et tous sont assez explicites.

Nous pouvons en outre créer des modèles personnalisés, par exemple

category-{slug}.php – si le slug d'une catégorie est cute-kittens, WordPress recherchera category-cute-kittens.php, s'il n'existe pas, category.php sera utilisé.

category-{id}.php – si id = 3, WordPress recherchera category-3.php pour afficher la page. Sinon, il chargera category.php

Une théorie similaire de {slug} et {id} s'applique à la page "Tag"

Pour les modèles d'auteur personnalisés, nous pouvons utiliser author-{nicename}.php ou author-{id}.php. Si le nom de l'auteur est Andy, WordPress recherchera author-andy.php, s'il n'existe pas, WordPress reviendra à author.php pour afficher la page.

Autres fichiers de modèles WordPress

– recherche.php

Les résultats de la recherche dans WordPress utilisent le fichier modèle search.php. S'il n'existe pas, les résultats de la recherche sont rendus à partir de index.php.

– pièce jointe.php

Ce fichier modèle est utilisé pour afficher les pages de pièces jointes, telles que les images et les vidéos. image.php et video.php sont utilisés pour le rendu des images et des vidéos respectivement. Si ces fichiers n'existent pas, alors attachment.php est utilisé.

– 404.php

Les pages introuvables dans WordPress sont rendues à partir de 404.php. Si le 404 n'existe pas, il rend la page à partir d'index.php.

– commentaires.php

C'est un modèle de commentaires, il est appelé dans les fichiers modèles comme single.php ou page.php pour ajouter la section commentaires.

Derniers mots

Comprendre la hiérarchie des modèles WordPress est très utile si vous souhaitez développer des thèmes WordPress personnalisés et/ou personnaliser la structure des fichiers de thèmes WordPress. Vous aurez plus de facilité à trouver les bons fichiers de modèle à modifier et à personnaliser. La bonne chose à propos de la hiérarchie des modèles WordPress est qu'elle suit une convention de nommage stricte. C'est un jeu d'enfant de créer des thèmes WordPress une fois que vous les maîtrisez. Vous pouvez vous référer à la hiérarchie des thèmes WordPress pour une référence rapide et visuelle pour le développement de thèmes.