Qu’est-ce qu’un constructeur de page sur WordPress ?

Si tu t’intéresse à la construction de pages personnalisées sur WordPress, tu as peut-être déjà entendu ce terme. Peut-être as-tu vu au détour d’une vidéo YouTube ou d’un article des nom comme Divi, Elementor, Gutenberg ou, un peu moins connu, Bricks.

Je vais t’expliquer dans cet article à quoi ils servent et quels constructeurs je te recommande pour construire un site WordPress bien optimisé et bas carbone.

A quoi sert un constructeur de page ?

Un constructeur de page, sert à… suspens insoutenable… construire des pages sur WordPress ! 👏

Voilà, blague faite, maintenant je vais rentrer dans les détails.

Si tu souhaites créer des pages un peu plus avancées qu’une simple suite de texte, sans constructeur de page, tu aurais besoin de connaître le HTML, le JavaScript et le CSS au minimum, les trois langages qui te permettent de structurer une page de site, configurer ses interactions dynamiques et lui donner ses couleurs et mises en page.

Le constructeur de page te permet donc de faire tout ça sans coder, ce qui rend le CMS WordPress accessible à tout le monde.

Quels sont les différents types de constructeurs de page sur WordPress ?

Gutenberg, Divi, Elementor et Bricks sont les principaux constructeurs de page que tu peux trouver sur WordPress. Ils font tous la même chose, mais ils proviennent d’entreprises différentes, n’ont pas la même interface utilisateur, pas les mêmes normes de codage (ce qui les rend plus ou moins lourds au chargement), une gamme de prix et de fonctionnalités différentes.

Gutenberg est le seul constructeur de page à la fois gratuit et open source. Tous les autres sont des constructeurs sous licence, souvent en freemium (une version basique gratuite et payante à l’année pour une version plus avancée et plus libre).

Gutenberg, le constructeur de page natif à WordPress

Quand tu installes un site WordPress, Gutenberg est automatiquement intégré. C’est le constructeur natif à WordPress. Il fonctionne directement depuis l’interface de création d’une page ou d’un article, par système de blocs.

Ce constructeur te permet d’ajouter des affichages en colonnes, de créer des formulaires, de configurer des boutons et d’autres fonctionnalités de base pour une mise en page un peu travaillée.

👎 Ses inconvénients

Pendant longtemps, Gutenberg, ironie du sort, a eu mauvaise presse (ahah ! vous l’avez ?). On le trouvait peu malléable, manquant de richesse et le rendu visuel n’est pas aussi propre qu’un constructeur de page comme Divi ou Elementor qui vous permet d’avoir un aperçu plus proche de ce que va donner votre page en réel.

De fait, beaucoup d’intégrateurs WordPress ont préféré faire d’autres constructeurs de page sous licence leur cheval de bataille.

👍 Ses avantages

Mais voilà, Gutenberg a un avantage énorme sur tous ses concurrents : il est, comme WordPress, Open Source.

Cela signifie que n’importe qui — freelance ou agence — peut créer ses propres blocs Gutenberg. Les normes de code sont accessibles, et créer un bloc Gutenberg limite bien mieux les problèmes de compatibilité que d’utiliser des modules de constructeurs de page tierces. D’ailleurs, l’équipe WordPress travaille activement sur Gutenberg avec une roadmap ambitieuse (Full Site Editing, interopérabilité, performances…).

Or, s’il y a bien une chose à laquelle penser quand on choisit son constructeur, c’est ça : la compatibilité entre le constructeurs et les extensions que vous allez installer. Changer une extension peut parfois être la croix et la bannière. Mais changer un constructeur ? Autant dire que vous allez refaire une à une les pages de votre site, avec une toute autre logique de structure.

Il est impossible de migrer en un clic un contenu Divi vers un contenu Gutenberg, par exemple. Et, quand c’est le constructeur de page qui flanche à cause d’une mauvaise compatibilité ou d’une mise à jour buguée, c’est vite la catastrophe à gérer.

Des thèmes pro et optimisés intègrent des blocs supplémentaires très bien pensées pour Gutenberg

Certains thèmes pros enrichissent Gutenberg avec des blocs sur-mesure, comme Kadence ou Astra. Si vous optez pour une version pro d’un de ces deux thèmes, vous avez déjà tout ce qu’il vous faut pour créer un site moderne, sans devoir investir dans une licence supplémentaire.

Divi et Elementor

Je place Divi et Elementor dans la même catégorie, car ils sont souvent comparés. Ce sont deux constructeurs très répandus, souvent choisis pour des sites destinés à être pris en main par des néophytes sur WordPress. Divi est développé par ElegantThemes et Elementor par la société éponyme.

Elementor propose quelques briques open source pour les développeurs, ce qui le rend plus malléable que Divi. En revanche, aucune des deux entreprises n’est francophone. En cas de souci, il faut compter sur la communauté ou savoir se débrouiller en anglais.

👍 Leurs avantages

Divi et Elementor ont l’avantage d’être soutenus par une grande communauté. Ils sont aussi très bons pour donner un aperçu live d’une page pendant sa construction. C’est leur gros point fort par rapport à Gutenberg qui est plus brouillon de ce côté là.

Beaucoup de templates préfaits sont disponibles dans leur bibliothèque, ce qui permet à des utilisateurs sans compétences en design de partir sur des bases visuelles solides. Leur éditeur visuel en glisser-déposer permet de créer des pages avec un rendu live très fidèle, bien plus avancé que celui proposé par Gutenberg à ce jour.

Leur popularité fait que de nombreuses extensions WordPress s’intègrent à l’ergonomie de Divi et d’Elementor. Enfin, les ressources sont très nombreuses pour apprendre à déjouer tous les mystères de ces constructeurs.

Par ailleurs, Elementor a entamé un vrai travail sur l’accessibilité (ARIA, navigation clavier, contraste…), ce qui le rend plus inclusif que la majorité de ses concurrents.

👎 Leurs inconvénients

Il y a un « mais » à ce beau tableau.

D’abord, Elementor comme Divi intègrent leur propre logique de code et d’interface, déconnectée de la philosophie WordPress. Dès qu’on passe dans leur éditeur, on entre dans un autre univers, avec ses règles, ses méthodes et… ses bugs aussi.

Techniquement, les deux constructeurs réécrivent le DOM (la structure de la page HTML), en y ajoutant leurs propres couches de JavaScript et de CSS. Résultat : des pages plus lourdes à charger, et parfois bien moins performantes qu’avec un constructeur plus léger ou natif.

Divi, en particulier, est connu pour son temps de chargement élevé, ce qui peut nuire autant à l’expérience utilisateur qu’au référencement naturel.

L’interface utilisateur peut être lourde à prendre en main

Au delà de la construction de pages, les constructeurs comme Divi, en particulier, intègrent un moteur qui va surcharger beaucoup de fonctionnalités natives de ton site WordPress. Il peut modifier l’affichage du menu, le SEO, le chargement des polices Google, mais l’interface est parfois laborieuse à configurer, n’est pas toujours très logique, et surtout, n’est pas pensée pour l’optimisation.

Si vous êtes sensible à l’environnement et que vous souhaitez créer un site écoresponsable, passer par Divi va donner du travail supplémentaire, ce qui complique sérieusement l’objectif d’un site léger, rapide et à faible empreinte carbone.

Ces constructeurs peuvent convenir pour des projets visuellement riches et livrés clés en main, mais ils sont rarement les mieux adaptés à un site sobre, rapide et durable à long terme.

🧱 Bricks, le challenger qui monte

Bricks est un constructeur de page plus récent que Divi ou Elementor, mais il s’est rapidement fait une place dans la cour des grands, notamment auprès des développeurs et intégrateurs WordPress qui veulent un outil rapide, propre, et ultra personnalisable.

Contrairement à ses concurrents historiques, Bricks a été conçu dès le départ avec un souci de performance et de propreté de code. Il est également plus léger, ce qui en fait un excellent candidat pour des sites soucieux d’écoconception.

Bricks permet de construire ses pages en glisser-déposer, mais tout en gardant une approche très technique : on peut créer des conditions d’affichage, travailler avec des champs dynamiques, etc. C’est un constructeur puissant et souple, pensé autant pour les utilisateurs que pour les développeurs.

👍 Ses avantages

Bricks est rapide et pensé pour être économe en ressources. Il ne va pas surcharger ton DOM avec plein de css et avec du code aussi long qu’un jour sans pain. Il permet de créer des pages dynamiques réutilisables, est compatible avec le célèbre WooCommerce et d’autres extensions majeures de l’écosystème WordPress.

Par ailleurs, contrairement à Elementor ou Divi, tu peux acheter une licence à vie, plutôt que de devoir réinvestir chaque année.

👎 Ses inconvénients

Bricks étant relativement jeune, sa communauté reste plus restreinte que celle de Divi ou Elementor. La plupart des ressources disponibles sont en anglais, et le constructeur n’est pas encore traduit en français (même si c’est en bonne voie).

Il s’adresse avant tout à un public un peu plus technique. Sa logique de construction est plus proche du développement que du no-code pur : on parle ici de champs dynamiques, de conditions d’affichage, de boucles personnalisées… Des notions puissantes, mais qui demandent un minimum de prise en main.

L’interface de Bricks utilise des termes moins accessibles aux débutants : on est loin du « ajoute ton bouton ici » d’un Divi.

Enfin, Bricks ne propose pas une vaste bibliothèque de templates ou de designs tout faits. Il faudra tout construire à la main — ce qui peut être un frein si tu n’as pas d’expérience en design ou une idée claire de ce que tu veux créer.

Comparatif des constructeurs de page

	Gutenberg	Divi	Elementor	Bricks
Adapté aux néophytes	✅	✅	✅	⚠️
Bibliothèque de designs modernes	❌	✅	✅	❌
Constructeur de pages spéciales intégrés	⚠️ (via FSE1)	✅	✅	✅
Chargement optimisé	✅	❌	❌	✅
Entièrement Gratuit	✅	❌	❌	❌
Ressources en français	✅	✅	✅ (freemium)
Possibilité d’étendre ses fonctionnalités de base	✅ (blocs tiers, Comme Spectra ou Kadence Bloc)	⚠️ (plugins spécifiques Divi, payants)	✅ (add-ons)	✅ (via code ou conditions dynamiques)
Licence / modèle économique	Open-Source et gratuit	Payant, licence annuelle	Freemium, quelques modules Open Source	Payant, licence à vie
Code propre et facilement auditable	✅	❌	⚠️	✅
Score élevé sur des outils comme WebsiteCarbon	✅	❌	❌	✅
Mode responsive natif (par breakpoints)	⚠️ (moins intuitif, dépend du thème	✅	✅	✅

🎯 Qu’est-ce que je te recommande, personnellement ?

En tant que spécialiste de WordPress, je n’utilise ni Elementor, ni Divi, ni Bricks… tout simplement parce que je n’en ai pas besoin.
À la place, je travaille avec des thèmes comme Astra Pro ou Kadence, et les extensions de leur écosystème. Elles permettent d’enrichir les blocs Gutenberg et d’ajouter des fonctions de personnalisation avancées — que ce soit pour les pages, les articles, le blog, ou même l’apparence globale du site — sans sortir de la logique native de WordPress.

J’ai été contraint de collaborer sur des projets avec Elementor ou Divi. Honnêtement ? Je n’ai jamais apprécié l’expérience.

👉 L’interface d’Elementor est lourde, lente et souvent frustrante à utiliser.
👉 Divi est difficile à prendre en main, et m’a régulièrement posé problème : bugs d’affichage, conflits entre extensions, voire des erreurs de sauvegarde qui m’empêchait de mettre en ligne mon travail.

Je pense sincèrement que tu as plus à gagner à apprendre la philosophie de WordPress et Gutenberg — que ce soit en temps ou en budget — qu’à t’enfermer dans un constructeur externe.

Même si Elementor propose une version gratuite, ses modules sont vite limités… et c’est très frustrant de voir LA fonctionnalité dont tu as besoin bloquée par un cadenas qui ne s’ouvrira que si tu sors ta carte bleue.

Tu veux en savoir plus sur ma formation à WordPress, destinée aux solo entrepreneurs ?

J’ai créé une roadmap complète pour que tu puisses suivre le projet ! En attendant, les premiers modules sont accessibles en version pilote. N’hésite pas à les tester !

1. FSE, pour Full Site Editing, est une fonctionnalité apparue dans les dernières versions de WordPress, notamment avec le thème Twenty Twenty-Five. Elle permet d’éditer toutes les parties d’un site (en-tête, pied de page, modèles…) directement avec les blocs natifs, sans avoir besoin d’un constructeur externe. ↩︎