Leçon 10 / 10
Leçon 10 · ~20 min · Partie 3 — Finalisation

Préparer et publier son thème

Le screenshot du thème

L'image screenshot.png est affichée dans Apparence → Thèmes. WordPress l'attend à la racine du dossier du thème, au format 880 × 660 pixels (ratio 4:3).

Tu peux prendre une capture d'écran de ton site local et la recadrer à ces dimensions avec n'importe quel éditeur d'image. Le screenshot doit représenter fidèlement l'apparence du thème.

Checklist avant la mise en ligne

Passe en revue ces points avant de déployer :

Technique

  • wp_head() présent dans header.php
  • wp_footer() présent dans footer.php
  • language_attributes() sur la balise <html>
  • body_class() sur la balise <body>
  • Tous les styles chargés via wp_enqueue_style()
  • Tous les scripts chargés via wp_enqueue_script()
  • Toutes les sorties utilisateur passent par esc_html() / esc_attr() / esc_url()

Fonctionnel

  • Navigation fonctionne sur toutes les pages
  • Page 404 affichée sur une URL invalide
  • Résultats de recherche affichés (search.php ou fallback index.php)
  • Images à la une affichées correctement
  • Responsive : vérifié sur mobile et tablette
  • Barre d'administration visible (quand connecté)

Qualité

  • Pas de PHP notice ou warning en mode debug
  • Pas de console JavaScript errors
  • Le thème fonctionne sans plugins tiers actifs
💡

Pour activer le mode debug WordPress, ajoute dans wp-config.php :
define( 'WP_DEBUG', true ); define( 'WP_DEBUG_LOG', true );
Les erreurs PHP sont enregistrées dans wp-content/debug.log.

Packager le thème en .zip

Pour installer un thème sur un autre WordPress (en production ou à partager), on crée un fichier .zip du dossier du thème.

Terminal
# Se placer dans wp-content/themes/
zip -r montheme.zip montheme/ --exclude "*.DS_Store" --exclude "*.git*"

# Résultat : montheme.zip prêt à être uploadé

Dans WordPress : Apparence → Thèmes → Ajouter → Mettre un thème en ligne → sélectionne le .zip → Installer.

Déployer sur un hébergement

Deux méthodes :

Via FTP (méthode universelle)

Connecte-toi avec FileZilla (ou autre client FTP) aux identifiants FTP de ton hébergeur. Navigue vers public_html/wp-content/themes/ et copie ton dossier montheme/.

Via Git (méthode recommandée)

Si ton hébergeur supporte Git (OVH, Infomaniak, WP Engine…), pousse ton thème sur une branche de déploiement. Beaucoup d'hébergeurs permettent le déploiement automatique depuis GitHub/GitLab.

Versionne ton thème avec Git dès le début — même pour un projet solo. git init dans le dossier montheme/, puis commits réguliers. Tu pourras toujours revenir en arrière si quelque chose se casse.

Thème enfant (child theme) — pour plus tard

Si tu veux personnaliser un thème existant sans le modifier directement, crée un thème enfant. Il hérite du thème parent et tu n'écrases que ce que tu veux changer :

style.css (thème enfant)
/*
Theme Name:  MonTheme Enfant
Template:    montheme
Version:     1.0.0
*/

La clé Template: doit correspondre exactement au dossier du thème parent. WordPress charge d'abord le thème parent, puis surcharge avec les fichiers du thème enfant.

// à retenir
  • screenshot.png à la racine du thème, 880 × 660 px
  • Checklist : wp_head(), wp_footer(), esc_*() sur toutes les sorties, responsive
  • Mode debug : WP_DEBUG + WP_DEBUG_LOG dans wp-config.php
  • Packaging : zip -r montheme.zip montheme/ → upload via Apparence → Thèmes
  • Déploiement : FTP ou Git selon l'hébergeur
  • Thème enfant : ajouter Template: nom-dossier-parent dans style.css