Editeurs de page sous WordPress

En constante évolution, WordPress a dû rapidement remanier son éditeur et y ajouter des fonctionnalités, afin de permettre de créer des sites de plus en plus flexibles et gourmands en médias. C’est ainsi qu’apparut Gutenberg, éditeur permettant de structurer les pages d’un site en utilisant différents blocs, posant ainsi les fondations pour les  futurs Page builders

Constructeurs de sites vs. constructeurs de pages WordPress

Même si les deux termes se ressemblent et que leur finalité semble avoir plus ou moins le même objectif, en réalité, ce sont deux univers très différents. Comme nous allons traiter des constructeurs de page sous WordPress, une petite piqûre de rappel pour vous présenter les constructeurs de site.

All in One

Un constructeur de site peut être résumé comme une application « tout en un » et s’occupe de tout ce dont on peut avoir besoin pour la création de sites Web, moyennant un abonnement et des frais récurrents mensuels ou annuels.

  • La plupart proposent de fournir leur propre plate-forme d’hébergement.
  • Ils sont tous livrés avec un ensemble de modèles prédéfinis,  permettant de personnaliser l’apparence du site.
  • Et proposent leur propre univers d’extensions ou de modules pouvant ajouter des fonctionnalités supplémentaires à votre site Web, souvent payantes.

En définitif, cela ne reste qu’un ensemble d’outils mis à disposition pour la création de site, n’offrant toutefois, qu’un maigre contrôle sur l’apparence de celui-ci, proposant peu de fonctionnalités de personnalisation améliorées et rendant la migration hors du constructeur de sites quasi impossible. Chaque constructeur de site ayant sa propre méthode de gestion du contenu et de bases de données.

Qu’est-ce qu’un "Page builder" ?

Un page builder, ou constructeur de page en français, est une application permettant de créer une page web sans avoir à passer par le code.
Effectivement tout site web est constitué d’un assemblage de différents éléments:

  • Du code HTML pour la structure,
  • Du CSS pour le style visuel,
  • Du Javascript pour l’interaction avec l’utilisateur.
  • du PHP pour créer une gestion utilisateur ou le fonctionnement de plugins.

Au départ les sites étaient créés en code brut, avec le temps des applications d’aide à la création sont apparues, jusqu’à devenir une interface de création de site web.

Quel est l’intérêt des constructeurs de page WordPress ?

De nombreux constructeurs de page existent sous forme de plugins pour WordPress, et certains sont même partie intégrante des thèmes. Avant eux, le design de votre site dépendait essentiellement de votre thème.

Au cours des dernières années, de nombreux créateurs de pages WordPress ont fait de grands progrès.

Mais que peut nous apporter exactement un constructeur WordPress ?

La réponse la plus simple est qu’elle fournit une interface simple permettant de créer des éléments de page, des mises en page personnalisées, spécialiser le sujet site, etc… et cela fait gagner beaucoup de temps. De plus, le contenu s’affiche à l’écran tel qu’il apparaît sur votre site Web. Plus besoin de jongler avec les fenêtres et d’appuyer sur le bouton de prévisualisation !

Dans le détail

Un constructeur de page agit comme une sorte de « kit de construction » pour le contenu de site web. On peut ajouter des éléments individuels à l’endroit souhaité et les remplir avec du contenu spécifique d’un simple glisser et déposer. Les éléments typiques sont non seulement des boîtes de texte ou des images, mais aussi des curseurs, des éléments de portfolio ou même des vues entières de blog. De plus, la plupart proposent plusieurs modèles prêts à l’emploi, et modifiables à volonté.

Ajoutons que les meilleurs constructeurs de pages permettent de positionner les colonnes et le contenu, de redimensionner, de configurer les colonnes, d’espacer, de colorier, et bien plus encore.

Ces tâches sont généralement accomplies à l’aide de votre souris.

Les constructeurs de pages les plus importants.

Bien que tous se retrouvent globalement autour du même mode de fonctionnement, leur approche et/ou leur interface peut être très différente et dispose de ses propres caractéristiques. Raison pour laquelle il peut paraître difficile d’en sélectionner un parmi les nombreuses solutions disponibles. C’est pourquoi nous vous proposons notre sélection des plus populaires. 

Cependant , et afin de ne pas trop allonger cet article, nous ne les détaillerons pas tous, seulement un comparatif des deux principaux sera proposé plus bas.

L’ordre dans lequel ils sont présentés, est dans l’ordre du nombre d’installations actives recensées en 2020, ainsi que ce qui nous indique leur popularité globale:

statue de la liberté

En passe de détoner ses concurrent, Gutemberg est intégré automatiquement et gratuitement à WordPress. Sa version encore très sommaire des blocs en fait un constructeur peu personnalisable, toutefois  nous attendons sa version améliorée pour 2022.

Elementor est LE constructeur de pages à le plus installé du moment. Il a conquis le marché rapidement avec plus de 5 millions d’installation

 Lancé par Elegant Themes en 2013 Divi Builder s’est d’abord imposé comme n° 1 sur le marché avant de se faire doubler par Elementor

Apparu en 2014 Beaver Builder est un constructeur de page historique, Il garde une très bonne réputation auprès des professionnels.

Oxygen Builder est un constructeur pour les développeurs car il demande des connaissances en langages HTML, CSS et JS. De ce fait, il est le plus personnalisable du marché.

WP Bakery est le plus ancien du panel. Créé en 2011 il n’est disponible qu’en version prémium sur la plateforme Evento. Installé sur plus de 2 millions de sites, il est intégré à de nombreux thèmes de base.

Développé par ThemeFuse, Brizy est lancé en 2018, c’est le plus récent de notre sélection. Brizy met l’accent sur la simplicité et la clarté.

Il existe encore d’autres constructeurs de page qui peuvent par certains de leur côté être très intéressants

Gratuit:

Les poids lourds du moment

elementor

VS

divi

Interface

elementor

Attendu qu'avec Elementor, vos éléments sont, pour la plupart, fournis dans la colonne de gauche, vous donnant ainsi une mise en page vide. Vous sélectionnez ensuite l'élément souhaité etles arranger comme vous voulez qu'ils apparaissent sur votre page.

Vous pouvez également choisir des éléments supplémentaires à ajouter à partir des modules supplémentaires inclus dans votre package, Basic ou Pro (la version Pro vous offre de nombreux autres éléments parmi lesquels choisir).

divi

Divi a les éléments affichés directement sur la mise en page elle-même (front-end).

En gros, il vous suffit de sélectionner l'élément souhaité et de le réorganiser dans l'ordre dans lequel vous souhaitez qu'il apparaisse sur la page.

Vous pouvez même ajouter des éléments supplémentaires à partir des modules supplémentaires inclus dans le package.

Comparatif
des éléments
et modules

Des modules supplémentaires que vous pouvez utiliser pour améliorer l’apparence de vos pages Web et ajouter plus de fonctionnalités à votre site Web.

elementor

Elementor inclut certains des modules avec leur paquet Free Basic et vous fournit ensuite beaucoup plus de modules lorsque vous achetez la version Pro. Mais il est livré avec des dizaines de modules à choisir. Autre point positif, le marché des extensions pour Elementor est sans aucun doute l’un des plus exhaustif.

divi

Divi Builder propose une cinquantaine de modules inclus dans le package, qui vous permettront de personnaliser votre page ou votre article. Si vous souhaitez ajouter des modules complémentaires, vous pouvez très bien le faire grâce à l’existence d’un marché assez développé.

Facilité
d'utilisation
et convivialité

elementor

Intuitif, simple et facile à utiliser, cela le rend idéal pour les débutants sur WordPress.

Les modèles globaux permettent de créer des mise en page de pages et d'article ainsi que des blocs réutilisables.

Les short-code de plugins étranger à Elementor peuvent être intégrés partout (traducteur, effet image, etc...)

divi

Divi est l'un de ces constructeurs de pages qu’on aime ou qu’on déteste. Un des principaux avantages de Divi est que bien qu'il s'agisse d'un constructeur de page agnostique et qu'il puisse être utilisé avec la plupart des thèmes WordPress , il a été conçu à l'origine pour son propre thème.

Un autre avantage de Divi est qu'il regroupe le plug-in avec le thème et non séparément. Une façon d'attirer les utilisateurs dans leur univers.

Vous pouvez aussi créer des modèles de modules que vous pourrez utiliser sur plusieurs pages.  Certains peuvent penser ne pas avoir besoin du thème fourni car ils en utilisent déjà d'autres. Cependant, les avantages d'utiliser un thème spécialement conçu pour l'éditeur de pages, et de le maîtriser, sont trop nombreux pour être énumérés ici.

Éditeur de pages, la panacée ?

Il faut avouer, sans aucun doute, que les développeurs qui ont créé ces constructeurs, les ont rendus très utiles. Il n’a jamais été aussi facile de concevoir un site web professionnel doté d’un large éventail de fonctions, même sans grandes connaissances préalables. Les sites web ainsi conçus ont une bonne apparence, sont généralement très compétitifs et faciles à maintenir, même par des profanes.

Vraiment parfait?

Malgré tout, les constructeurs de pages ne sont pas sans inconvénients.

  • Un piège, une fois que l’on commence à utiliser un constructeur de page en particulier, nous pouvons très rapidement nous retrouver enfermés dessus.
  • Une simplicité trompeuse, il est facile de créer un beau site web. Toutefois, le fonctionnement d’un site web nécessite toujours une expertise et les connaissances préalables nécessaires. Après tout, quelques clics suffisent à détruire un site web, ou dans le pire des cas, menacer les données sensibles. (Exemple: données clients d’une boutique en ligne)
  • Vulnérabilités. L’utilisation généralisée des constructeurs de pages, constitue une cible attrayante pour les failles de sécurité et les hackers. Particulièrement  les constructeurs de page, intégrés  à un thème, et qui ne reçoivent généralement pas de mises à jour directes.  Le créateur du thème étant responsable de s’assurer que ses clients reçoivent également la nouvelle version du Page Builder approprié en temps voulu.
  • Temps de chargement des pages. Certains constructeurs de pages peuvent augmenter le temps de chargement sur votre site. C’est parce les fonctions de ceux-ci doivent charger des CSS et JS supplémentaires pour que les choses fonctionnent pour vous sans code. Si vous ne prêtez pas attention, vous pouvez vous trouver à surmonter les inconvénients en termes de vitesse

Finissons avec quelques conseils

Maintenant c’est à vous de choisir le meilleur constructeur de page WordPress pour votre projet.

Assurez-vous d’en choisir un qui est régulièrement mis à jour et qui a tout ce dont vous avez besoin pour le long terme.

Cet article à été pensé afin de vous présenter des options et de vous aider à prendre une décision éclairée en fonction de votre budget, de votre niveau d’expérience et du type de fonctions que vous désirez.

Pour vous faciliter la tâche, voici quelques conclusions finales :

  • Plus pour votre argent (beaucoup de fonctionnalités pour un bon prix) : Pensez à Elementor Pro, Divi Builder, Beaver Builder ou Brizy.
  • Simple et rapide : Essayez, Page Builder de SiteOrigin, ou WP Page Builder.
  • Un constructeur de page WordPress gratuit :  Découvrez Elementor, Page Builder Sandwich, Live Composer ou Page Builder par SiteOrigin.
  • Plus puissant avec prise en charge de code avancé : Regardez Divi Builder, Themify, Visual Composer, ou Oxygen.

Gutenberg, un éditeur qui veut devenir un site builder !

Au début de cet article nous avons commencé en parlant de Gutenberg l’éditeur natif inclus dans WordPress, et nous voudrions finir cet article en vous en parlant comme d’une alternative: Même si il est apparu en 2018, son développement bat son plein avec des mises à jour mensuelles. Tout comme les autres constructeurs de pages, les fonctionnalités de base de Gutenberg peuvent être étendues. Elles peuvent l’être via des plugins payants ou gratuits, disponibles sur WordPress.org. En utilisant le stockage des données totalement respectueux de la logique, et un rendu qui suit les styles de votre thème propres à WordPress.

Partager :

Facebook
Twitter
LinkedIn
Email
Telegram
WhatsApp

Nos services

  • Graphic Design
  • Web Design
  • Development
  • Web Security
  • Help Desk

Parutions

Catégories

Des sujets que nous voulons partager

Dernières parutions

Metaverse, réalité virtuelle

Metaverse : le web 3.0

Metaverse: le web 3.0. Bâti sur plusieurs technologies, c’est peut-être la prochaine version d’Internet. Le marketing doit s’adapter et les marques aussi

Lire la suite »

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Veuillez remplir le formulaire
et nous vous contacterons au plus vite

Contactez-nous
Réponse rapide garantie

champs obligatoires*