L’introduction du Full Site Editing (FSE) dans WordPress a marqué une évolution majeure dans la manière dont les thèmes et les modèles de sites sont développés et gérés. Avec l’Éditeur de Site, WordPress étend les capacités des blocs à l’ensemble du site, offrant ainsi une flexibilité et une personnalisation unique. Un élément clé de cette évolution est le Bloc Boucle de Requête, qui joue un rôle central dans la création de modèles classiques adaptés au FSE.
Bien Comprendre la « Template Hierarchy »
La hiérarchie des modèles, ou « Template Hierarchy« , est un concept fondamental dans WordPress qui détermine quel fichier de thème doit être utilisé pour afficher une certaine page de votre site web. Cette structure hiérarchique assure que le contenu approprié est présenté de manière cohérente à travers différentes sections du site.
Les Modèles pour les Archives
Les modèles d’archives sont essentiels pour présenter des suites de contenus, tels que des articles de blog catégorisés, des pages d’étiquettes ou des taxonomies personnalisées. Utiliser le Bloc Boucle de Requête permet de concevoir efficacement ces modèles, offrant une manière dynamique d’afficher un flux de contenus selon des critères spécifiques.
Les Modèles les singles
Les modèles « single » sont dédiés à la présentation de contenus individuels, comme des articles de blog, des pages standards ou des types de contenus personnalisés. Dans ces cas, l’utilisation du Bloc Boucle de Requête n’est pas une nécessité, car WordPress reconnaît automatiquement le fichier de modèle approprié pour afficher le contenu.
Structuration des Modèles: Éléments Statiques et Dynamiques
La création de modèles dans l’environnement FSE de WordPress implique l’intégration harmonieuse d’éléments statiques et dynamiques, permettant une personnalisation approfondie et une présentation adaptée à chaque besoin.
Blocs Structurels Statiques
Les blocs structurels, comme les colonnes, les rangées, ou les blocs de texte, définissent le cadre de votre contenu. Ils organisent l’espace et fournissent une base sur laquelle les éléments dynamiques peuvent être intégrés pour enrichir le contenu du site.
Bloc de Thèmes Dynamique
Les blocs dynamiques, tels que le titre de la page, le contenu principal ou l’image mise en avant, tirent leurs informations directement de la base de données de WordPress. Ils adaptent leur affichage en fonction du contenu spécifique à chaque page ou article, offrant ainsi une expérience utilisateur personnalisée et pertinente.
Création d’un Modèle d’Archive dans l’Éditeur de Site
Le Bloc Boucle de Requête se révèle être l’instrument central pour élaborer des modèles d’archives, facilitant la présentation de groupes de contenus de manière dynamique et interactive.
Parties Essentielles du Modèle
Tout modèle d’archive doit intégrer des éléments essentiels tels que l’en-tête et le pied de page, garantissant ainsi une navigation fluide et une expérience utilisateur cohérente à travers le site.
Partie Spécifiques à l’Archive
La section centrale du modèle d’archive est consacrée à la mise en avant du contenu spécifique de l’archive, comme les articles de blog ou les produits d’un catalogue. Le Bloc Boucle de Requête permet de personnaliser finement cette partie, en adaptant l’affichage du flux de contenu aux besoins spécifiques de chaque type d’archive.
Réglages du Bloc Boucle de Requêtes
Le Bloc Boucle de Requête offre une multitude de réglages permettant de contrôler l’affichage des contenus, comme la mise en forme en grille, l’ajout de classes CSS pour une personnalisation avancée, et la définition de critères spécifiques pour filtrer le contenu affiché.
Démonstration en vidéo
Voir la vidéo de ma playlist YouTube dédiée à l’éditeur de site qui résume tout l’article.
Rejoins Mes Ateliers Live
Pour aller plus loin et apprendre en temps réel, participe à mes ateliers live WordPress 100% Bloc. C’est une opportunité unique de parfaire tes compétences en WordPress et de poser directement tes questions.
Quelques liens
- Ma chaîne Youtube @gregoirenoyelle dans laquelle je compte publier beaucoup de tutoriels sur le FSE.
- La première formation intégrale sur le FSE (Editeur de site).
- Nos meetups mensuel WP Paris.
- Notre association parisienne WP Paris (la refonte du site en FSE est en cours) qui représente WordPress à Paris.