Full Site Editing Qu'est ce que le FSE, Full Site Editing de WordPress ?
En 2021, Wordpress revoit sa manière de créer les sites web. Face aux nouveaux CMS que sont notamment Wix, Webflow, et plus récement Framer, WordPress doit s'adapter pour proposer un mode de conception plus WYSIWYG ("What You See Is What You Get" - "Ce que tu vois est ce que tu obtient" littéralement).
Quelle différence entre le FSE et un thème standard de WordPress ?
Le thème Twenty Twenty-two sorti en 2022 (comme son nom l'indique) est le premier thème WordPress consacré au FSE.
La différence fondamentale réside dans le pouvoir de manipuler la mise en page de tous les modèles que WordPress utilise. Et ce, depuis 1 seule interface qui propose un accès fluide aux pages, à des compositions enregistrées, aux polices de caractères, aux couleurs, et à tout un tas d'éléments de stylisation auparavant peu ou pas accessibles (no-code) des thèmes.
L'apparence du mode FSE de WordPress ?
Lorsqu'un thème FSE de base est activé, le menu "Apparence" de WordPress change. il permet un accès au Thème et à un nouveau sous-menu : Éditeur
editeur-mode-fse-wordpress.webp
Depuis cette interface, on a accès à la totalité des éléments de conception de son site web. On va pouvoir y remplir le menu de Navigation, changer les styles, remplir ou modifier les Pages, mettre en page les modèles et modifier des Composition.
Styles
Avec l'accès aux styles, vous allez pouvoir définir l'identité graphique globlae de votre site web. Vous pourrez à la fois Modifier, Ajouter et appliquer les modification à vos éléméents de manière globale.
- Les Typographies : Ajouter, appliquer aux textes, liens, titres, légendes et boutons
- Les Couleurs / dégrédés : Modifier, Ajouter et appliquer aux textes, arrière-plans, aux liens, aux légendes, aux boutons et aux titres. Vous pourrez également créer une nouvelles palette personnalisées.
- Arrière-plans : définissez un arrière-plan image à votre site
- Ombres : Personnalisez les effets d'ombres par défaut que vous pourrez ensuite appliquer à vos éléments.
- Mise en page : définissez les largeurs de vos container par défaut et que leures marges internes. C'est également ici que l'on définit les marges entre les éléments de type texte.
- Blocs : ici vous allez pouvoir définir tous les styles des blocs de gutenberg par défaut : Paragrpahe, Image, Titre, Galerie, Liste, Élément de liste, Citation, Archives, Audio, Bouton, Boutons, …