La hiérarchie des templates

WordPress utilise une hiérarchie précise pour choisir quel fichier utiliser. Par exemple :

• Pour un article de blog, WordPress va chercher successivement single-{post-type}.php, puis single.php, puis index.php si aucun fichier plus spécifique n’est présent.
• Pour une page, il utilisera unéventuel template personnalisé (fichier avec un commentaire Template Name), sinon page.php, puis index.php.
• Pour les archives de catégories, il cherchera category-{slug}.php, puis category.php, puis archive.php, puis index.php.

Comprendre cette hiérarchie vous permet de créer des modèles spécifiques pour les types de contenus les plus importants de votre site, tout en gardant index.php comme solution de repli.

La boucle WordPress (The Loop)

Les fichiers de templates utilisent la boucle WordPress, un ensemble de fonctions PHP qui permettent de parcourir et d’afficher les contenus dynamiques. Un exemple typique de boucle est :

  
 
  
 
 
Aucun contenu disponible pour le moment.

Cette structure est fondamentale : elle permet à WordPress d’afficher les articles, les pages ou les résultats de recherche en fonction du contexte.

Créer un thème WordPress à partir de zéro

Étape 1 : Créer le dossier du thème

Pour créer un nouveau thème, commencez par :

1. Accéder au répertoire /wp-content/themes/ de votre installation WordPress.
2. Créer un nouveau dossier, par exemple mon-theme-personnalise. Évitez les espaces et les caractères spéciaux ; utilisez plutôt des tirets.

Étape 2 : Créer le fichier style.css

À l’intérieur de ce dossier, créez un fichier nommé style.css. En haut de ce fichier, ajoutez un commentaire contenant les métadonnées du thème :

/*
Theme Name: Mon Thème Personnalisé
Theme URI: https://exemple.com/mon-theme
Author: Votre Nom
Author URI: https://exemple.com
Description: Thème WordPress personnalisé, léger et optimisé.
Version: 1.0.0
Text Domain: mon-theme-personnalise
*/

Ce bloc de commentaires est indispensable pour que WordPress reconnaisse et affiche votre thème dans le tableau de bord, dans le menu Apparence > Thèmes.

En dessous de ce commentaire, vous pouvez commencer à ajouter vos styles CSS. Par exemple :

body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 0; padding: 0;
}

Étape 3 : Créer le fichier index.php

Créez ensuite un fichier index.php dans le même dossier. Ce fichier sera le template principal de votre thème. Commencez par un contenu minimal utilisant les fonctions get_header et get_footer :

 
 
   
> 
 
  
 
   
Aucun article trouvé.
  
 

Étape 4 : Créer header.php et footer.php

Pour séparer la structure de l’en-tête et du pied de page, créez deux fichiers : header.php et footer.php.

Exemple minimal de header.php :

>
 ">   

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
> 
 
 
    
 
  
 
 

Exemple minimal de footer.php :