Fiche 5: choisir un thème

1) Choisir un thème WordPress

1.1) Définir les besoins du projet

1. Identifier le type de site à réaliser (site vitrine, blog, association, e-commerce, mairie, portfolio, etc.).
2. Déterminer les fonctionnalités attendues (galerie, formulaire, blog, espace membre, réservation, etc.).
3. Définir les objectifs du site.
4. Identifier les contraintes graphiques.
5. Déterminer le niveau de personnalisation souhaité.
6. Prévoir le nombre de pages.
7. Identifier les extensions qui devront être compatibles avec le thème.
8. Déterminer les contraintes de référencement naturel.
9. Définir les contraintes d’accessibilité.
10. Établir le cahier des charges du futur thème.

1.2) Choisir le type de thème

1. Comprendre la différence entre un thème gratuit et un thème premium.
2. Comparer un thème du répertoire WordPress avec un thème développé sur mesure.
3. Vérifier la licence d’utilisation.
4. Contrôler la fréquence des mises à jour.
5. Vérifier la qualité de la documentation.
6. Évaluer la réputation de l’éditeur.
7. Vérifier la compatibilité avec la dernière version de WordPress.
8. Vérifier la compatibilité PHP.
9. Contrôler les avis utilisateurs.
10. Sélectionner le thème répondant aux besoins du projet.

1.3) Vérifier les fonctionnalités proposées

1. Vérifier la compatibilité avec Gutenberg.
2. Contrôler les modèles de pages disponibles.
3. Vérifier les menus personnalisables.
4. Tester les palettes de couleurs.
5. Contrôler les options de typographie.
6. Vérifier les largeurs de contenu.
7. Contrôler les possibilités de personnalisation.
8. Vérifier les modèles de blog.
9. Contrôler les options responsive.
10. Vérifier les possibilités d’évolution.

1.4) Installer le thème

1. Télécharger le thème.
2. Accéder au menu Apparence > Thèmes.
3. Installer le thème.
4. Activer le thème.
5. Vérifier l’installation.
6. Contrôler l’affichage général.
7. Vérifier les menus.
8. Vérifier les pages.
9. Contrôler les erreurs éventuelles.
10. Réaliser une sauvegarde.

1.5) Configurer les options du thème

1. Définir le logo.
2. Configurer l’identité du site.
3. Paramétrer les couleurs.
4. Choisir les polices.
5. Configurer les menus.
6. Définir la page d’accueil.
7. Paramétrer le blog.
8. Configurer les widgets si nécessaire.
9. Vérifier les modèles de pages.
10. Enregistrer les paramètres.

1.6) Vérifier la compatibilité avec les extensions

1. Contrôler la compatibilité avec les extensions de sécurité.
2. Vérifier les extensions SEO.
3. Tester les formulaires.
4. Contrôler les galeries.
5. Vérifier les extensions de sauvegarde.
6. Tester les caches.
7. Vérifier les extensions RGPD.
8. Contrôler les éventuels conflits JavaScript.
9. Tester les mises à jour.
10. Documenter les compatibilités.

1.7) Tester le responsive

1. Tester l’affichage sur ordinateur.
2. Tester sur tablette.
3. Tester sur smartphone.
4. Vérifier les menus mobiles.
5. Contrôler les images.
6. Vérifier les colonnes.
7. Tester les boutons.
8. Vérifier les formulaires.
9. Contrôler les polices adaptatives.
10. Corriger les anomalies.

1.8) Vérifier les performances

1. Mesurer le temps de chargement.
2. Contrôler le poids des pages.
3. Vérifier les feuilles de styles.
4. Contrôler les scripts JavaScript.
5. Tester les Core Web Vitals.
6. Vérifier le chargement des polices.
7. Contrôler les appels externes.
8. Tester le cache.
9. Identifier les ralentissements.
10. Optimiser les performances.

1.9) Vérifier la qualité du thème

1. Contrôler le code HTML généré.
2. Vérifier le CSS.
3. Tester le JavaScript.
4. Vérifier l’accessibilité.
5. Contrôler la structure des titres.
6. Vérifier les URL.
7. Tester les modèles de pages.
8. Vérifier les erreurs de console.
9. Contrôler la validation W3C.
10. Documenter les résultats des tests.

1.10) Valider le thème avant le développement

1. Vérifier que toutes les fonctionnalités sont opérationnelles.
2. Contrôler le responsive.
3. Vérifier la compatibilité avec Gutenberg.
4. Tester les principales extensions.
5. Contrôler les performances.
6. Vérifier l’accessibilité.
7. Valider les options graphiques.
8. Réaliser une sauvegarde.
9. Documenter la configuration retenue.
10. Valider définitivement le thème avant de commencer le développement du site.

2) Les points essentiels

Résultat attendu

À la fin de cette fiche, un thème WordPress adapté au projet est sélectionné et installé. Il répond aux besoins fonctionnels, respecte les bonnes pratiques de développement, offre une base solide pour la personnalisation et garantit la compatibilité avec les extensions, les mises à jour futures et les exigences de performance.

À retenir

• Choisir un thème en fonction des besoins du projet et non de son apparence uniquement.
• Privilégier un thème léger, régulièrement maintenu et compatible avec WordPress.
• Vérifier la compatibilité avec Gutenberg et les principales extensions.
• Éviter les thèmes surchargés de fonctionnalités inutiles.
• Tester le thème avant de débuter la personnalisation.

Les outils recommandés

Thèmes WordPress

• Répertoire officiel WordPress
• Thèmes Premium (si nécessaire)

Documentation

• Documentation officielle WordPress
• Documentation du thème

Développement

• Chrome DevTools
• Firefox Developer Tools
• Visual Studio Code

Contrôle

• W3C Validator
• Google PageSpeed Insights

Les erreurs à éviter

• Choisir un thème uniquement pour son aspect graphique.
• Installer plusieurs thèmes pour les tester simultanément.
• Utiliser un thème non maintenu ou obsolète.
• Négliger la compatibilité avec Gutenberg.
• Choisir un thème trop complexe pour un simple site vitrine.
• Installer un thème contenant des fonctionnalités qui devraient être assurées par des extensions.
• Modifier directement les fichiers du thème sans utiliser un thème enfant lorsque cela est nécessaire.
• Négliger les performances du thème.
• Oublier de tester le responsive design.
• Changer de thème en cours de développement sans réelle nécessité.

Checklist de validation

Niveau de difficulté

(2/5) – Débutant / Intermédiaire

Cette fiche demande de savoir comparer plusieurs thèmes et d’évaluer leurs qualités techniques. Les manipulations restent simples, mais le choix du thème conditionnera une grande partie du développement du site.

Temps moyen de réalisation

Lecture de la fiche

20 à 30 minutes

Mise en application

1 à 3 heures

(Selon le nombre de thèmes évalués et les tests réalisés).

Compétences développées

À l’issue de cette fiche, vous serez capable de :

• Identifier les critères de choix d’un thème WordPress.
• Comparer plusieurs thèmes selon des critères techniques.
• Installer un thème WordPress.
• Vérifier la compatibilité avec Gutenberg.
• Évaluer les performances d’un thème.
• Contrôler son responsive design.
• Vérifier sa compatibilité avec les extensions.
• Préparer le thème pour sa personnalisation.
• Identifier les limites d’un thème.
• Choisir une base de développement adaptée au projet.

Bonus

➤ Infographie choisir un thème WordPress: