Aucun contenu disponible pour le moment.

/*
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
*/

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

 
 
   
> 
 
  
 
   
Aucun article trouvé.
  
 

>
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
> 
 
 
    
 
  
 
 

Étape 5 : Déclarer les fonctionnalités dans functions.php

Le fichier functions.php est essentiel pour configurer les fonctionnalités de base de votre thème : prise en charge des images mises en avant, menus de navigation, chargement des scripts et feuilles de style, etc. Créez ce fichier et ajoutez :

 gérée par WordPress add_theme_support( 'title-tag' ); // Support des images à la une add_theme_support( 'post-thumbnails' ); // Menus de navigation register_nav_menus( array( 'primary' => 'Menu principal', 'footer' => 'Menu pied de page', ) ); // Support du HTML5 pour plusieurs éléments add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption', ) );
}
add_action( 'after_setup_theme', 'mon_theme_setup' ); function mon_theme_scripts { // Feuille de style principale wp_enqueue_style( 'mon-theme-style', get_stylesheet_uri, array, wp_get_theme->get( 'Version' ) );
}
add_action( 'wp_enqueue_scripts', 'mon_theme_scripts' );

Évitez d’utiliser @import dans les fichiers CSS pour charger des feuilles de style supplémentaires, car cela dégrade les performances. Préférez toujours wp_enqueue_style et wp_enqueue_script dans functions.php.

Créer un thème enfant (child theme)

Pourquoi un thème enfant ?

Un child theme permet de personnaliser un thème existant (thème parent) sans modifier directement ses fichiers. Ainsi, lorsque le thème parent est mis à jour, vos modifications restent intactes. C’est la méthode recommandée pour personnaliser un thème téléchargé depuis le répertoire officiel ou acheté sur une marketplace.

Étapes pour créer un thème enfant

Pour créer un thème enfant WordPress moderne, procédez comme suit :

1. Dans /wp-content/themes/, créez un nouveau dossier, par exemple mon-theme-enfant.
2. Dans ce dossier, créez un fichier style.css contenant au minimum :

/*
Theme Name: Mon Thème Enfant
Template: nom-du-theme-parent
Description: Thème enfant du thème parent "Nom du Thème Parent".
Author: Votre Nom
Version: 1.0.0
Text Domain: mon-theme-enfant
*/

La valeur de Template doit correspondre exactement au nom du dossier du thème parent. Depuis les versions récentes de WordPress, il est déconseillé d’utiliser @import dans style.css pour charger la feuille de style du thème parent. À la place, utilisez functions.php du thème enfant pour gérer les feuilles de style.

3. Dans le même dossier, créez un fichier functions.php avec par exemple :

get( 'Version' ) );
}
add_action( 'wp_enqueue_scripts', 'mon_theme_enfant_styles' );

Ensuite, vous pouvez :

• copier un fichier du parent vers le thème enfant (par exemple single.php) et le modifier pour surcharger son comportement ;
• ajouter du CSS personnalisé dans le style.css du thème enfant ;
• ajouter des fonctions spécifiques dans le functions.php du thème enfant.

Modèles et templates essentiels

Les principaux fichiers de templates

En plus de index.php, voici quelques fichiers de modèles très utiles pour structurer efficacement votre thème :

• front-page.php : utilisé pour la page d’accueil lorsqu’une page statique est définie comme page d’accueil dans les réglages de lecture.
• home.php : utilisé pour la liste des articles du blog lorsque la page d’accueil est configurée pour afficher les derniers articles.
• single.php : pour l’affichage d’un article individuel.
• page.php : pour l’affichage des pages statiques.
• archive.php : pour les archives (catégories, étiquettes, auteurs, dates).
• category.php et tag.php : pour personnaliser les archives de catégories et d’étiquettes.
• search.php : pour les résultats de recherche.
• 404.php : pour la page d’erreur 404 personnalisée.

Créer un modèle de page personnalisé

Vous pouvez créer des modèles de page spécifiques (pour une landing page, une page d’accueil spéciale, une page de contact, etc.). Pour cela, créez un fichier PHP, par exemple template-landing.php, et ajoutez en haut du fichier :

Ce template sera ensuite sélectionnable depuis l’éditeur de page WordPress dans la colonne de droite (bloc « Modèle »).

Bonnes pratiques pour un thème WordPress efficace

Optimiser les performances et le contenu

Un thème performant améliore le temps de chargement, l’expérience utilisateur et le référencement naturel. Voici quelques recommandations clés :

• Réduire la taille des images : utilisez des formats adaptés (JPEG pour les photos, PNG ou SVG pour les icônes et logos) et des outils de compression. Vous pouvez également tirer parti du format WebP si votre hébergement le permet.
• Charger les fichiers CSS et JavaScript de manière optimisée : utilisez wp_enqueue_style et wp_enqueue_script dans functions.php, évitez de lier directement des fichiers dans le HTML. Placez les scripts non critiques en pied de page et activez le chargement différé lorsque c’est possible.
• Mettre en cache les ressources : utilisez des en-têtes de cache côté serveur et, si besoin, un plugin de cache pour générer des pages statiques. Le thème doit rester léger pour que ces outils soient efficaces.
• Limiter le nombre de polices externes : évitez de charger trop de familles de polices et de variantes. Privilégiez 1 à 2 familles de polices avec quelques graisses seulement.
• Désactiver les plugins inutiles : un thème bien conçu n’a pas besoin de plugins pour des fonctionnalités de base comme le menu ou la mise en page standard. Plus il y a de plugins, plus le risque de conflit et de lenteur augmente.
• Utiliser un CDN si nécessaire : un réseau de diffusion de contenu peut accélérer le chargement des images, fichiers CSS et JS pour les visiteurs éloignés de votre serveur.

Améliorer la structure et l’architecture du thème

Une architecture claire facilite la maintenance, les mises à jour et l’évolution du thème.

• Séparer le code logique du design : laissez la logique métier (fonctions PHP, requêtes, hooks) dans functions.php et les fichiers de templates, tandis que la présentation doit rester dans les fichiers CSS. Évitez de mélanger de longs blocs de styles en ligne dans les templates.
• Utiliser des parties de template : lorsque vous avez des blocs répétés (par exemple l’affichage d’un article dans une liste), créez des fichiers partiels comme content.php ou content-single.php et incluez-les avec get_template_part.
• Respecter les standards de codage WordPress : suivez les conventions de nommage, d’indentation et les recommandations de sécurité (échappement des données, vérification des capacités, etc.).
• Rendre le thème traduisible : utilisez les fonctions __ et _e avec un text domain défini dans style.css pour toutes les chaînes de texte visibles côté utilisateur.

Accessibilité et expérience utilisateur

Un bon thème doit être utilisable par le plus grand nombre, y compris les personnes utilisant des lecteurs d’écran ou naviguant uniquement au clavier.

• Utilisez une structure de titres logique (

  ,

  , etc.) pour aider les moteurs de recherche et les lecteurs d’écran à comprendre la hiérarchie du contenu.

• Assurez un contraste suffisant entre le texte et l’arrière-plan.
• Ajoutez des attributs alt pertinents aux images importantes pour le contenu.
• Rendez les éléments interactifs accessibles au clavier (menus, boutons, formulaires).
• Évitez les animations agressives ou difficiles à arrêter.

Sécurité de base dans un thème

Même si la sécurité repose beaucoup sur WordPress lui-même et les plugins, un thème doit respecter certains principes :

• Échapper toutes les données affichées dans les templates (par exemple esc_html, esc_attr, esc_url) lorsqu’elles proviennent de l’utilisateur ou de la base de données.
• Vérifier les droits de l’utilisateur (current_user_can) avant d’exécuter des actions sensibles dans l’interface d’administration.
• Ne jamais stocker d’identifiants, de mots de passe ou de clés API en clair dans les fichiers du thème.

Conseils SEO on-page pour votre thème WordPress

Le thème joue un rôle important dans le référencement naturel WordPress, même si le contenu reste l’élément le plus déterminant.

• Balises de titre optimisées : laissez WordPress (ou un plugin SEO) gérer la balise