Dans cette vidéo, je t'emmène dans les coulisses du Full Site Editing (FSE) de WordPress pour te montrer comment synchroniser le CSS entre le backend et le frontend. C'est un sujet crucial pour tout développeur WordPress souhaitant maîtriser le FSE.
1. Fonctionnement des thèmes FSE pour le CSS
On va commencer par comprendre pourquoi, dans FSE, le CSS ne fonctionne plus automatiquement comme dans les thèmes classiques. C'est un changement majeur, mais je vais t'expliquer pourquoi c'est en fait une bonne nouvelle.
2. La bonne nouvelle du FSE
Une fois bien configuré, le FSE rend le CSS transparent entre le backend et le frontend. Je te montre comment cette transparence peut te faire gagner un temps précieux et éviter bien des maux de tête.
3. Ajout de fonctions dans le thème
On va plonger dans le fichier functions.php pour ajouter deux hooks essentiels à la synchronisation du CSS. Je te guide étape par étape pour que tu puisses le faire toi-même.
4. Résultat en direct
Pour finir, je vais ajouter une classe simple dans le fichier style.css et te montrer le résultat en temps réel dans le backend et le frontend. Tu verras à quel point c'est efficace !
---
View this video and others on WordPress.TV: https://wordpress.tv/2024/01/18/synchronisation-css-en-full-site-editing-fse/
1. Fonctionnement des thèmes FSE pour le CSS
On va commencer par comprendre pourquoi, dans FSE, le CSS ne fonctionne plus automatiquement comme dans les thèmes classiques. C'est un changement majeur, mais je vais t'expliquer pourquoi c'est en fait une bonne nouvelle.
2. La bonne nouvelle du FSE
Une fois bien configuré, le FSE rend le CSS transparent entre le backend et le frontend. Je te montre comment cette transparence peut te faire gagner un temps précieux et éviter bien des maux de tête.
3. Ajout de fonctions dans le thème
On va plonger dans le fichier functions.php pour ajouter deux hooks essentiels à la synchronisation du CSS. Je te guide étape par étape pour que tu puisses le faire toi-même.
4. Résultat en direct
Pour finir, je vais ajouter une classe simple dans le fichier style.css et te montrer le résultat en temps réel dans le backend et le frontend. Tu verras à quel point c'est efficace !
---
View this video and others on WordPress.TV: https://wordpress.tv/2024/01/18/synchronisation-css-en-full-site-editing-fse/
- Category
- WordPress
- Tags
- WordCampTV, WordPress.tv
Be the first to comment



