# GenerateBlocks et GeneratePress : un thème sur mesure sans PHP > Livrer vite sans repartir d'un thème bloc nu, en composant des mises en page avec GeneratePress et son extension GenerateBlocks. Étapes concrètes pour un premier projet client. - Auteur : Clément Hadrot - Publié le : 2022-02-08 - Mis à jour le : 2022-02-08 - Catégorie : Thèmes - URL : https://wpmoderne.dev.wordpress-developpement.fr/themes/generateblocks-generatepress-theme-sur-mesure/ ## L’essentiel - GeneratePress reste un thème classique performant, pas un thème bloc FSE - GenerateBlocks ajoute des blocs de conteneur flexibles, sans CSS à écrire - La limite apparaît sur des interactions poussées, hors du périmètre des deux outils Une TPE de coaching sportif avait un budget serré et un délai de trois semaines pour un site de six pages, avec une mise en page personnalisée par section, sans possibilité de développement PHP sur mesure. Repartir d'un thème bloc nu et écrire du `theme.json` à la main aurait pris plus de temps que le budget ne le permettait. Le duo GeneratePress et son extension GenerateBlocks a permis de livrer une mise en page soignée sans écrire une seule ligne de PHP. Voici la méthode suivie pour ce projet, étape par étape. Les comparatifs multi-usage de thèmes légers, déjà publiés ailleurs, ne sont pas repris ici : cet article se concentre sur l'usage concret du duo GeneratePress et GenerateBlocks pour composer une mise en page. ## Étape 1 : installer GeneratePress comme socle GeneratePress est un thème classique, pas un thème bloc au sens de l'éditeur de site complet (FSE) : il fonctionne sur toutes les versions de WordPress récentes sans exiger l'infrastructure `theme.json` des thèmes blocs. Sa version gratuite fournit déjà une structure légère et accessible, avec un Customizer riche pour les réglages globaux (largeur de conteneur, typographie, couleurs). ``` wp theme install generatepress --activate ``` La version premium ajoute des éléments dynamiques utiles (en-tête personnalisé par page, blocs de contenu conditionnels), mais pour ce projet la version gratuite du thème combinée à GenerateBlocks a suffi à répondre au besoin. ## Étape 2 : installer GenerateBlocks pour la composition GenerateBlocks est un plugin ajoutant une poignée de blocs génériques à l'éditeur : Conteneur, Grille et Bouton principalement, complétés de quelques blocs additionnels selon la version. Contrairement à un thème bloc complet, ces blocs ne dépendent d'aucun `theme.json` particulier : chaque bloc expose ses propres contrôles de style (espacement, couleur, bordure, disposition flexbox) directement dans l'inspecteur de blocs. ``` wp plugin install generateblocks --activate ``` > L'essentiel à retenir : GeneratePress reste un thème classique performant, pas un thème bloc FSE ; GenerateBlocks ajoute des blocs de conteneur flexibles, sans CSS à écrire ; La limite apparaît sur des interactions poussées, hors du périmètre des deux outils ## Étape 3 : composer une section avec le bloc Conteneur Le bloc Conteneur de GenerateBlocks se comporte comme une div flexible, sans qu'aucun CSS ne soit à écrire : les contrôles de l'inspecteur permettent de définir la disposition (ligne ou colonne), l'espacement interne, la largeur maximale et le comportement responsive à travers des points de rupture prédéfinis. - Un Conteneur pleine largeur pour la bannière d'accueil, avec une image de fond réglée directement dans les options du bloc. - Un Conteneur en grille à trois colonnes pour la présentation des trois offres de coaching, qui repasse automatiquement en une colonne sur mobile. - Des blocs Bouton natifs à l'intérieur, stylisés via les contrôles GenerateBlocks plutôt que via des classes CSS personnalisées. Sur ce projet, trois types de blocs seulement (Conteneur, Grille, Bouton) ont couvert la totalité des six pages, ce qui a considérablement réduit le temps d'apprentissage pour la personne qui gérera le contenu après la livraison. ## Étape 4 : les réglages globaux côté GeneratePress Les réglages qui s'appliquent à l'ensemble du site (couleurs de marque, typographie de titres, largeur maximale de contenu) restent définis dans le Customizer de GeneratePress, pas dans GenerateBlocks. Cette séparation claire des responsabilités, le thème pour les réglages globaux, l'extension pour la composition locale de chaque section, a évité toute confusion pour la cliente lors de la formation à l'outil. ``` /* Réglage global de couleur d'accent, Customizer GeneratePress */ Apparence > Personnaliser > Couleurs > Couleur d'accentuation ``` ## Ce que le duo ne remplace pas Ce combo trouve rapidement ses limites dès que le client demande des interactions poussées : un carrousel personnalisé avec logique conditionnelle, une animation déclenchée au défilement avec un comportement sur mesure, ou une intégration profonde avec une API tierce. GenerateBlocks reste un outil de composition de mise en page, pas un framework applicatif : au-delà de la présentation de contenu, il faut revenir à un développement classique, bloc personnalisé ou script dédié. > Je recommande ce duo pour tout projet où le budget et le délai priment sur l'originalité radicale de la mise en page : le résultat reste soigné, mais on reconnaît vite la patte des blocs de composition à qui les a déjà utilisés sur d'autres sites. ## Notre verdict Pour un projet à budget contraint nécessitant une mise en page personnalisée sans développement PHP, GeneratePress et GenerateBlocks forment une combinaison efficace et bien maintenue, sans dépendre d'un thème bloc complet ni de sa courbe d'apprentissage propre. La contrepartie assumée est une certaine similitude visuelle avec d'autres sites construits de la même façon, un compromis raisonnable pour ce type de client et de délai.