Une page WordPress peut vite montrer ses limites lorsque l’on veut créer une mise en page plus élégante, responsive et convaincante sans passer par un constructeur lourd. Cette extension ajoute des blocs avancés à Gutenberg pour concevoir des pages, des articles, des formulaires et des sections marketing directement dans l’éditeur natif. Je détaille ici ses fonctions utiles, la différence entre les versions gratuite et Pro, la méthode d’installation ainsi que les limites à connaître avant de l’intégrer à un site.
Les points essentiels à retenir avant de l’installer
- Un complément à Gutenberg qui enrichit la mise en page sans remplacer l’éditeur WordPress.
- Une version gratuite déjà complète pour les colonnes, boutons, galeries, onglets, témoignages et formulaires.
- La version Pro devient intéressante pour le contenu dynamique, les modèles avancés et les sites clients.
- Les réglages responsive permettent d’adapter les espacements, tailles et alignements à chaque écran.
- La performance dépend de la configuration, du thème, des images et du nombre d’extensions installées.
Ce que cette extension ajoute vraiment à l’éditeur WordPress
Kadence Blocks est un ensemble de blocs qui étend l’éditeur Gutenberg avec des options de mise en page et de design plus poussées. L’objectif est simple : obtenir davantage de contrôle sur une page sans écrire de CSS ni installer un page builder complet. La fiche WordPress.org affiche actuellement plus de 600 000 installations actives, ce qui en fait une solution bien établie dans l’écosystème WordPress.
Le bloc le plus important est souvent Row Layout. Il sert à créer une ligne composée de plusieurs colonnes, à gérer les arrière-plans, les superpositions, les espacements et les points de rupture pour mobile. Je le considère comme la fondation de l’extension, car il permet de construire une page structurée avec des blocs natifs à l’intérieur.
L’extension propose aussi des réglages responsive précis. On peut modifier une taille de texte, une marge ou un alignement séparément pour ordinateur, tablette et mobile. Cette approche évite de bricoler la mise en page avec des retours à la ligne ou des espaces insérés manuellement, une méthode qui finit presque toujours par casser sur petit écran.
Les blocs les plus utiles pour un site professionnel
La bibliothèque est assez large, mais tous les blocs n’ont pas la même valeur selon le projet. Pour un site vitrine, un blog ou une page de vente, certains éléments reviennent régulièrement parce qu’ils répondent à de vrais besoins éditoriaux.
| Bloc | Utilisation concrète | Ce qu’il apporte |
|---|---|---|
| Row Layout | Créer des sections et colonnes | Une structure responsive avec contrôle des espacements |
| Advanced Button | Ajouter des appels à l’action | Styles, icônes, états au survol et boutons groupés |
| Advanced Gallery | Présenter des réalisations ou produits | Galeries, carrousels, légendes et réglages d’affichage |
| Advanced Form | Créer un formulaire de contact ou de demande | Champs personnalisés et mise en forme dans Gutenberg |
| Accordion et Tabs | Organiser beaucoup d’informations | Une lecture plus compacte, utile sur les pages longues |
| Posts | Afficher des articles sur une page d’accueil | Une grille de contenus filtrable et plus souple |
| Table of Contents | Structurer un guide ou un dossier | Une navigation automatique entre les titres |
Pour un blog, j’utilise surtout les blocs Table of Contents, Posts et Advanced Text. Ils améliorent la lecture sans transformer l’article en interface surchargée. Pour un site d’entreprise, les blocs Info Box, Testimonials et Advanced Button sont plus intéressants, car ils permettent de présenter rapidement une offre, une preuve sociale et une action à effectuer.
Les blocs Icon et Icon List donnent accès à une bibliothèque de plus de 1 500 icônes SVG. C’est pratique pour illustrer des avantages ou des services, mais je conseille de rester mesuré. Une icône doit clarifier une information, pas simplement remplir un espace vide.
Version gratuite ou Pro, quelle formule choisir
La version gratuite suffit largement pour construire un site vitrine, un blog professionnel ou une première landing page. Elle inclut les principaux blocs de structure, de contenu, de galerie, de formulaire et de navigation. Pour beaucoup de petits sites, passer immédiatement à la version payante serait surtout une dépense inutile.
| Besoin | Version gratuite | Version Pro |
|---|---|---|
| Mise en page responsive | Oui | Oui, avec des contrôles supplémentaires |
| Colonnes, boutons et galeries | Oui | Oui |
| Formulaires avancés | Fonctions essentielles | Options et intégrations plus poussées |
| Contenu dynamique | Limité | Oui, notamment avec des champs personnalisés |
| Modèles et éléments réutilisables | Partiellement | Plus de possibilités pour les sites complexes |
| Prix indicatif en 2026 | Gratuit | Environ 119 $ par an en achat individuel annoncé |
La version Pro devient pertinente lorsqu’un site doit afficher des données provenant de champs personnalisés, de WooCommerce ou d’un système de contenus structurés. Elle ajoute aussi des fonctions comme les fenêtres modales, les contenus dynamiques, les animations au défilement, les menus avancés et des blocs orientés conversion.
Les tarifs évoluent et sont affichés en dollars, avec une conversion bancaire et d’éventuelles taxes à prendre en compte. Les offres groupées Theme + Blocks commencent autour de 99 $ par an, mais elles n’ont de sens que si vous avez réellement besoin du thème et des autres produits inclus. Mon conseil est de tester d’abord la version gratuite sur une copie du site, puis de payer uniquement pour une fonction précise.
Comment installer et utiliser les blocs sans alourdir son site
L’installation ne demande pas de compétence particulière. Depuis le tableau de bord WordPress, il suffit d’ouvrir Extensions puis Ajouter, de rechercher Kadence et d’activer le plugin gratuit. Les blocs apparaissent ensuite dans l’inserteur de Gutenberg, généralement dans une catégorie dédiée.
- Installez et activez l’extension depuis l’administration WordPress.
- Ouvrez les réglages de l’extension et désactivez les blocs dont vous n’avez pas besoin.
- Définissez vos couleurs, typographies et espacements globaux avant de créer plusieurs pages.
- Construisez une première section avec Row Layout, puis ajoutez les blocs de contenu à l’intérieur.
- Vérifiez chaque page sur ordinateur, tablette et mobile avant sa publication.
- Testez les formulaires, les boutons, les liens et les images après chaque mise à jour importante.
Je recommande de commencer par une petite bibliothèque de sections réutilisables. Une section de témoignages, une bandeau d’appel à l’action et une grille de services peuvent être dupliqués sur plusieurs pages. Cette organisation fait gagner du temps et maintient une cohérence visuelle que l’on perd facilement lorsqu’on stylise chaque bloc séparément.
Il est également préférable de ne pas empiler plusieurs extensions de blocs qui proposent les mêmes fonctions. Un seul système bien maîtrisé est plus simple à maintenir que trois bibliothèques installées « au cas où ». Avant d’ajouter un nouveau plugin, je vérifie toujours si le bloc existe déjà dans celui que j’utilise.
Les limites à connaître avant de construire tout un site avec cette solution
Une extension de blocs ne rend pas automatiquement un site rapide. Le chargement conditionnel des styles et scripts peut limiter la quantité de ressources utilisées, mais les images trop lourdes, les polices externes, les animations et les extensions tierces restent souvent les vrais responsables des ralentissements.
La liberté offerte par les réglages peut aussi créer une mise en page incohérente. Des marges définies bloc par bloc, des tailles de titres différentes et des couleurs ajoutées sans règle donnent rapidement un site difficile à faire évoluer. Je conseille de limiter le design à deux ou trois tailles de titres, une palette courte et quelques espacements récurrents.
L’accessibilité mérite une vérification séparée. Les blocs fournissent des options utiles, mais ils ne remplacent pas les bonnes pratiques. Les contrastes doivent rester lisibles, les titres doivent suivre une hiérarchie logique, les boutons doivent être compréhensibles et les formulaires doivent comporter des libellés clairs. Une animation décorative ne doit jamais empêcher la lecture ou la navigation au clavier.
Enfin, un site construit avec des blocs premium peut devenir dépendant de l’extension. Les contenus restent généralement présents si la licence expire, mais certaines fonctions, mises à jour et options avancées ne seront plus disponibles. Pour un projet durable, je documente donc les blocs utilisés et j’évite de baser toute l’architecture du site sur une fonction très spécifique.
À qui cette extension convient le mieux en 2026
Cette solution convient particulièrement aux créateurs de sites, blogueurs, indépendants et petites agences qui veulent rester dans l’éditeur WordPress tout en obtenant un résultat plus travaillé. Elle offre un bon équilibre entre souplesse, contrôle visuel et simplicité, surtout lorsqu’elle est associée à un thème compatible avec Gutenberg.
Elle est moins adaptée si vous avez besoin d’un constructeur entièrement visuel avec une liberté absolue sur chaque élément, ou si votre projet repose sur des fonctions métier très spécifiques. Dans ce cas, un outil spécialisé ou du développement personnalisé sera parfois plus pertinent.
Pour la majorité des sites éditoriaux et vitrines, je commencerais par la version gratuite, quelques blocs bien choisis et une vraie règle de design. Si le projet exige du contenu dynamique, des modèles avancés ou plusieurs sites clients, la version Pro peut ensuite justifier son coût sans ajouter une couche technique inutile.
