Formation WordPress Perfectionnement - Customiser son thème
Personnalisez votre thème WordPress : thème enfant, surcharge CSS, Flexbox, Grid et éditeur de site pour un rendu à votre image.
Notre équipe vous conseille
Est-ce la bonne formation pour vous ?
Votre objectif, votre niveau, votre financement : notre équipe vérifie avec vous que cette formation vous correspond, ou vous oriente vers celle qui vous conviendra mieux.
- Pour qui
- Gestionnaires de site, webdesigners, webmasters, intégrateurs web, développeurs…
- Prérequis
Avoir suivi la formation WordPress Initiation, une formation équivalente, ou attester de son niveau
- Durée
- 21 h · 3 jours
En bref
Ce que vous saurez faire
- Mobiliser les fondamentaux du HTML5 sémantique et du CSS moderne (Flexbox, Grid, variables) nécessaires à la personnalisation.
- Personnaliser un thème classique via un thème enfant et la surcharge du CSS.
- Personnaliser un thème de blocs via l’édition complète du site (FSE), les styles globaux et le fichier theme.json.
- Créer et adapter des modèles de pages et des compositions de blocs selon les besoins du site.
- Optimiser et fiabiliser ses personnalisations (responsive, accessibilité) en s’appuyant si besoin sur un assistant de code par IA.
Programme
Formation WordPress Customiser son thème Niveau 2
01Socle : HTML5 et CSS moderne
- Rappel du HTML5 sémantique (header, nav, main, section, article, aside, footer)
- Les sélecteurs, pseudo-classes et pseudo-éléments (:hover, ::before, ::after…)
- Les variables CSS (propriétés personnalisées)
- La mise en page avec Flexbox et CSS Grid
- Le responsive : approche mobile-first, media queries et container queries
- Couleurs, dégradés, ombres, arrondis, polices personnalisées et mode sombre
02Comprendre l’architecture d’un thème WordPress
- Thèmes classiques (PHP) et thèmes de blocs : deux logiques de personnalisation
- La hiérarchie des modèles (template hierarchy)
- Où et comment intervenir sans casser les mises à jour
- Mettre en place un environnement de test (site local, site de préproduction)
03Voie 1 — Personnaliser un thème classique (thème enfant)
- Créer un thème enfant à partir d’un thème de base
- Surcharger le CSS et le code du template
- Ajouter, positionner et masquer des éléments (texte, titres, images)
- Personnaliser les widgets via HTML et CSS ; ajouter une feuille de style additionnelle
- Commenter et organiser son code
04Voie 2 — Personnaliser un thème de blocs (Full Site Editing)
- L’éditeur de site : en-tête, pied de page, modèles et parties de modèle
- Les styles globaux et le fichier theme.json (couleurs, typographie, espacements)
- Créer et modifier des modèles de pages
- Les motifs (patterns), compositions et blocs synchronisés
- Le CSS additionnel et le CSS par bloc
- Notions de thème enfant de blocs
05Personnaliser l’administration
- Adapter l’expérience d’administration selon les rôles
- Nettoyer et simplifier l’interface (notions)
- Les bonnes pratiques de maintenabilité
06Qualité : responsive, accessibilité, performance
- Vérifier le rendu responsive sur les différents écrans
- Les bonnes pratiques d’accessibilité (contraste, structure, navigation clavier)
- L’impact des personnalisations sur la performance
07L’IA comme assistant de code
- Générer et adapter du CSS et des blocs avec un assistant IA (ex. GitHub Copilot)
- Expliquer et corriger (debug) du code de personnalisation
- Bonnes pratiques : relecture, compréhension, sécurité et limites
Qui vous forme
Magali Madec
Création web · Titres professionnels · Management
Formatrice en stratégie digitale et création web
Pierre Prevost
Création web · Développement et informatique
Développeur web freelance depuis 2007, il conçoit des sites vitrines et e-commerce et forme à leur création et à leur maintenance.
Financer cette formation
Selon votre situation, tout ou partie de la formation peut être pris en charge. Notre équipe vérifie vos droits avec vous.
Inscrivez-vous directement sur Mon Compte Formation :
Votre employeur (OPCO), France Travail, la Région ou un financement personnel peuvent prendre en charge cette formation.
Notre équipe identifie la bonne solution et monte le dossier avec vous.
Informations pratiques
- Type de reconnaissance
- Attestation de fin de formation
- Accessibilité
- Locaux accessibles aux personnes à mobilité réduite (PMR) et aux personnes en situation de handicap (PSH).
Référent handicap : Bénédicte Guilloteau, benedicte@mandyben.com
Fiche mise à jour le 29 octobre 2026
En savoir plus sur cette formation
Objectifs :
• Mobiliser les fondamentaux du HTML5 sémantique et du CSS moderne (Flexbox, Grid, variables) nécessaires à la personnalisation.
• Personnaliser un thème classique via un thème enfant et la surcharge du CSS.
• Personnaliser un thème de blocs via l’édition complète du site (FSE), les styles globaux et le fichier theme.json.
• Créer et adapter des modèles de pages et des compositions de blocs selon les besoins du site.
• Optimiser et fiabiliser ses personnalisations (responsive, accessibilité) en s’appuyant si besoin sur un assistant de code par IA.
Socle : HTML5 et CSS moderne
• Rappel du HTML5 sémantique (header, nav, main, section, article, aside, footer)
• Les sélecteurs, pseudo-classes et pseudo-éléments (:hover, ::before, ::after…)
• Les variables CSS (propriétés personnalisées)
• La mise en page avec Flexbox et CSS Grid
• Le responsive : approche mobile-first, media queries et container queries
• Couleurs, dégradés, ombres, arrondis, polices personnalisées et mode sombre
Comprendre l’architecture d’un thème WordPress
• Thèmes classiques (PHP) et thèmes de blocs : deux logiques de personnalisation
• La hiérarchie des modèles (template hierarchy)
• Où et comment intervenir sans casser les mises à jour
• Mettre en place un environnement de test (site local, site de préproduction)
Voie 1 — Personnaliser un thème classique (thème enfant)
• Créer un thème enfant à partir d’un thème de base
• Surcharger le CSS et le code du template
• Ajouter, positionner et masquer des éléments (texte, titres, images)
• Personnaliser les widgets via HTML et CSS ; ajouter une feuille de style additionnelle
• Commenter et organiser son code
Voie 2 — Personnaliser un thème de blocs (Full Site Editing)
• L’éditeur de site : en-tête, pied de page, modèles et parties de modèle
• Les styles globaux et le fichier theme.json (couleurs, typographie, espacements)
• Créer et modifier des modèles de pages
• Les motifs (patterns), compositions et blocs synchronisés
• Le CSS additionnel et le CSS par bloc
• Notions de thème enfant de blocs
Personnaliser l’administration
• Adapter l’expérience d’administration selon les rôles
• Nettoyer et simplifier l’interface (notions)
• Les bonnes pratiques de maintenabilité
Qualité : responsive, accessibilité, performance
• Vérifier le rendu responsive sur les différents écrans
• Les bonnes pratiques d’accessibilité (contraste, structure, navigation clavier)
• L’impact des personnalisations sur la performance
L’IA comme assistant de code
• Générer et adapter du CSS et des blocs avec un assistant IA (ex. GitHub Copilot)
• Expliquer et corriger (debug) du code de personnalisation
• Bonnes pratiques : relecture, compréhension, sécurité et limites
Avis
Ils sont passés par là. Des stagiaires.
J'ai pu créer ma boutique en ligne et réaliser des ventes en lançant ma marque :-)
Ce stage m'a permis de tester plusieurs appareils photo, et de me mettre en situation pour mieux comprendre les problématiques.
Les explications claires et bien ciblées ont permis à notre collaborateur à la fois de se former et de rectifier ses procédures. Objectif atteint donc et nous en remercions le formateur.
Je vous confirme que la formation s’est excellemment bien déroulée. Le contenu était très intéressant et devrait m’apporter beaucoup dans mon travail à venir. J’en profite pour vous féliciter sur le choix de vos formateurs, le formateur fait preuve d’une grande pédagogie et d’une extrême gentillesse.
Questions fréquentes
WordPress ou Wix : que choisir ?
WordPress offre plus de liberté et de fonctionnalités, Wix est plus simple pour démarrer. Nous vous conseillons selon votre projet et votre budget.
Faut-il savoir coder ?
Non pour WordPress, Wix, Webflow ou PrestaShop en tant qu'utilisateur. Pour le développement de thèmes, des bases en HTML et CSS sont utiles (voir le domaine Développement et informatique).
Peut-on travailler sur son propre site pendant la formation ?
Oui, en formation individuelle notamment, nous travaillons volontiers sur votre projet réel.
Qu'est-ce que l'UX/UI design ?
L'UX (expérience utilisateur) et l'UI (interface) consistent à concevoir des sites et applications simples et agréables à utiliser. Nos formations utilisent notamment Figma.
Où se déroulent les formations ?
Dans nos locaux au 146 rue Paradis, à Marseille (6e), dans vos locaux pour les formations intra-entreprise, ou à distance en visio, en direct avec le formateur. Les modalités possibles sont indiquées sur chaque fiche.
Pas sûr(e) d'être fait(e) pour ça ?
Chacun sa façon d'atteindre son objectif. Notre équipe vous rappelle pour trouver la formation et le financement adaptés à votre situation.
- QualiopiOrganisme certifié
- 1 780personnes formées en 2026
- 98 %de satisfaction
- Depuis 2006à Marseille, 146 rue Paradis