Développement de blocs Gutenberg
Des blocs Gutenberg sur mesure qui donnent à vos rédacteurs des sections prêtes à l’emploi, avec la bonne structure et l’accessibilité déjà intégrées. Ils montent leurs pages sans constructeur de pages et sans développeur.
- Des blocs qui enregistrent leurs réglages, et un balisage produit par PHP à l’affichage
- Un petit jeu de composants, chacun limité aux options approuvées par un designer
- La structure et l’accessibilité intégrées à chaque bloc
- Des panneaux et des outils d’édition là où votre flux de travail en a besoin
Ce qu’une bibliothèque de blocs change pour votre équipe
Concevoir une bibliothèque de blocs, c’est décider combien de liberté donner. Trop peu, et les rédacteurs collent du HTML ou attendent un développeur. Trop, et quelques années plus tard le système de design n’existe plus que dans les maquettes d’origine. Une bonne bibliothèque laisse beaucoup de liberté sur l’agencement des blocs et très peu sur l’apparence de chacun.
-
Les rédacteurs n’attendent plus de développeur
Nouvelles pages, nouvelles sections, nouvelles campagnes : l’équipe des communications les monte elle-même. C’est souvent là que se cache le coût courant d’un site.
-
Le design tient le coup
Des années et bien des pages plus tard, le site a toujours l’air d’un seul site, parce que les composants ne permettent rien d’autre.
-
L’accessibilité est intégrée
Ordre des titres, repères de navigation, comportement au clavier et gestion du focus sont dans le composant. Un rédacteur ne peut pas produire par mégarde une version inaccessible d’un motif.
-
Une correction, toutes les pages
Le balisage est produit au moment où la page est demandée. Une correction s’applique donc à toutes les pages qui utilisent le bloc, même celles publiées il y a des années.
-
Un contenu qui se déplace
Les blocs enregistrent des réglages structurés plutôt que du balisage. Le contenu peut être réaffiché, rhabillé ou migré sans extraire de HTML de la base de données.
-
Moins d’extensions
Une seule bibliothèque de blocs remplace la pile d’extensions de mise en page, de carrousels, d’accordéons et de bannières qu’un site accumule, avec un seul code à entretenir.
Les composantes d’une bibliothèque de blocs sur mesure
Blocs de mise en page
Quelques blocs de section et de grille qui portent les règles d’espacement et de conteneur. Chaque page garde le même rythme, et les rédacteurs n’ont jamais à choisir des marges.
Composants de contenu
Titres, cartes, listes de caractéristiques, galeries, invitations à nous écrire et accordéons de FAQ avec leurs données structurées. Chacun produit un balisage correct et accessible.
Blocs dynamiques
Des blocs qui interrogent le contenu ou vont chercher les données d’une intégration à l’affichage : grilles de projets, répertoires, listes filtrées, données en direct. Les rédacteurs les configurent, le code les affiche.
Compositions et gabarits
Des agencements tout prêts pour les types de pages que votre équipe refait souvent, pour qu’une nouvelle page d’atterrissage parte d’une base correcte.
Panneaux latéraux
Des panneaux pour les métadonnées et le flux de travail du projet, comme les champs SEO, les réglages de publication et les données propres à chaque page, directement dans l’éditeur.
Garde-fous éditoriaux
Gabarits verrouillés, liste des blocs permis et champs obligatoires là où la structure compte. La bonne forme de page devient la valeur par défaut.
Des blocs rendus côté serveur
Chaque bloc enregistre ses réglages, et PHP produit le balisage au moment où la page est demandée. C’est un peu plus long à bâtir au départ, et tout le balisage du site peut ensuite changer à un seul endroit.
Une correction de la structure des titres, un ajustement d’accessibilité ou un nouveau jeton de design atteint toutes les pages existantes. Aucun rédacteur n’a à y toucher, et aucune migration ne réécrit le contenu enregistré.
- Des blocs simples et combinables, avec les options approuvées par un designer
- Un code conforme aux normes WordPress, dans un dépôt qui vous appartient
- Chaque phase estimée par écrit avant de commencer
Un responsable senior conçoit la bibliothèque autour de vos rédacteurs et la construit avec l’équipe.
Bloc wplook/card title Modèles de contenu text Types de contenu, taxonomies et champs… HTML enregistré aucun, render.php le produit
Vous bâtissez un système éditorial pour votre équipe ?
Dites-nous qui modifie le site et ce que ces personnes doivent pouvoir faire sans aide. Nous concevons la bibliothèque de blocs autour de cette réponse, et c’est la partie d’un projet qui rapporte pendant des années.
Remplir la fiche de projetDes bibliothèques de blocs en production
Ce site est un exemple plus modeste que vous pouvez examiner. Un thème sur mesure dont les pages sont faites de blocs Gutenberg rendus côté serveur. Ouvrez le code source de cette page et repérez les sections, les cartes et les liens, que PHP a produits au moment de votre demande.
Le développement de blocs Gutenberg, en réponses
Est-ce la même chose qu’Elementor ou Divi ?
Non. La différence tient à l’endroit où vit le balisage. Un constructeur de pages enregistre la mise en page et le balisage dans la base de données. Changer un composant plus tard oblige alors à retoucher chaque page qui l’utilise, ou à lancer un script qui réécrit le contenu enregistré. Les blocs rendus côté serveur enregistrent des réglages et produisent le balisage à partir du code quand la page est demandée, donc une correction s’applique partout, même aux pages publiées il y a des années. Un constructeur de pages envoie aussi un lourd bagage de code à chaque visiteur, alors qu’une bibliothèque de blocs n’envoie que le balisage utile.
Que se passe-t-il si nous changeons de thème plus tard ?
Avec des blocs rendus côté serveur, le contenu survit au changement, parce qu’il n’a jamais été enregistré en HTML. Les réglages des blocs sont des données structurées, et le même contenu peut être affiché avec de nouveaux gabarits ou un nouveau système de design. C’est aussi ce qui fait d’une future migration un travail planifié plutôt qu’une fouille archéologique.
Les rédacteurs peuvent-ils encore briser le design ?
Beaucoup moins, et c’est voulu. Les options se limitent aux choix approuvés par un designer, l’espacement et les conteneurs sont gérés par les blocs de mise en page plutôt que page par page, et là où la forme compte, nous verrouillons les gabarits et limitons les blocs permis. Les rédacteurs gardent une vraie liberté sur l’agencement et très peu sur l’apparence de chaque composant. C’est cet équilibre qui garde un gros site cohérent.
De combien de blocs sur mesure un site a-t-il vraiment besoin ?
Moins qu’on le pense, et le nombre découle de choix de conception. Une plateforme avec des répertoires, des données tirées d’un autre système et des formulaires de demande en demande plus qu’un site vitrine. Une bibliothèque qui ne cesse de grossir signale souvent des blocs de mise en page pas assez combinables.
Utilisez-vous l’édition complète du site et les thèmes de blocs ?
Au cas par cas. Les thèmes de blocs et theme.json sont un vrai progrès pour les sites dont les gabarits doivent pouvoir être modifiés, et nous les utilisons dans ces cas-là. Pour une plateforme au système de design strict, avec une gouvernance éditoriale et des obligations d’accessibilité, un thème classique avec une bibliothèque de blocs sur mesure donne un contrôle plus serré sur le balisage et sur ce que les rédacteurs peuvent changer. Nous décidons projet par projet.
Les blocs sur mesure ralentissent-ils le site ?
Non, c’est plutôt l’inverse. Un constructeur de pages envoie à chaque visiteur un lourd bagage de JavaScript et de CSS, que la page s’en serve ou non. Un bloc rendu côté serveur produit du balisage simple en PHP : la page ne transporte que ce dont elle a besoin, et rien n’est assemblé dans le navigateur. Quand un bloc interroge du contenu ou va chercher des données ailleurs, nous décidons de sa mise en cache en le construisant.
Pouvez-vous créer des blocs sur mesure pour le thème que nous avons déjà ?
En général, oui, et c’est une bonne façon de commencer. Une bibliothèque de blocs s’enregistre indépendamment du thème. Les blocs peuvent donc s’ajouter à un site existant et être adoptés page par page, sans refonte. La limite, c’est le thème lui-même. Si ses gabarits et sa feuille de style se battent contre le balisage des blocs, on finit par contourner, et refaire le thème coûte alors moins cher que de le rapiécer. Nous vous dirons où vous en êtes après avoir lu le code.
Nous avons des années de contenu dans l’éditeur classique. Qu’en advient-il ?
Il continue de fonctionner, et il peut être converti. Le contenu classique s’affiche tel quel, donc rien ne brise le jour où la nouvelle bibliothèque arrive. La conversion en blocs se fait par script, le genre de travail que décrit notre page sur la migration, et elle vise d’habitude les gabarits et les types de pages qui comptent plutôt que toutes les archives.
Nos autres services
- Refonte et modernisation de site WebUn nouveau site qui garde ses URL et son classement
- Développement WordPress sur mesureModèles de contenu, blocs et extensions
- Développement WordPress d’entrepriseDes plateformes reliées à d’autres systèmes
- WooCommerce et commerce en ligneBoutiques et commerce sur mesure
- Multisite et réseaux bilinguesPlusieurs sites gérés comme une seule plateforme
- Intégrations API et systèmesReliez WordPress à votre CRM et à vos outils
- Migration de contenu et de donnéesDéplacez votre contenu sans perdre de trafic
- AccessibilitéConforme aux WCAG 2.2 AA
- Développement TYPO3Nouveaux sites, mises à niveau et soutien TYPO3
- Agents IA et automatisationDes tâches répétitives retirées à votre équipe
- Maintenance et soutienMises à jour, sécurité et nouvelles fonctions


