Gutenberg vs WordPress Page Builders : les principales différences qui les distinguent

Publié: 2020-03-30

Au cours de la dernière année environ, juste après la sortie de WordPress 5.0, il y a eu un débat sans fin sur les perspectives d'avenir de Gutenberg et sur la façon dont il résiste au constructeur de pages conventionnel commun de WordPress. Un an et demi plus tard, le débat est toujours d'actualité. Alors que de plus en plus de personnes passent à WordPress 5.0, elles se demandent si Gutenberg peut apporter le changement révolutionnaire dans le monde de la création de pages. Peut-il être le remplacement idéal du constructeur traditionnel par glisser-déposer comme Elementor, Divi et Beaver Builder ?

Depuis son lancement en juin 2017, Matt Mullenweg a présenté Gutenberg comme l'éditeur de blocs ultime et par défaut pour WordPress. Et depuis lors, pour ses utilisateurs, l'expérience de son utilisation a reçu une réponse mitigée avec un équilibre parfait entre aimer et ne pas aimer partout dans le monde.

À ses débuts, Gutenberg avait un certain nombre de problèmes tels que des blocs qui ne répondaient pas, des fonctionnalités lentes avec des fonctionnalités limitées, etc. Mais compte tenu de la dernière version de WordPress 5.4, Gutenberg semble être un outil puissant avec un mécanisme d'édition de blocs réactif rapide pour le moment.

gutenberg Editor

Mais maintenant, la vraie question est de savoir s'il a encore une chance contre la version gratuite d'autres plugins de création de pages premium ou y a-t-il une différence majeure entre les deux qui les distingue ? Eh bien, de telles requêtes comparatives sont inévitables maintenant et pour toujours.

Donc, ici, dans cet article, nous avons essayé de faire la lumière sur certaines des différences fondamentales de Gutenberg avec les constructeurs de pages WordPress, de sorte que si jamais vous vous trompez dans la compréhension de la pertinence entre les deux, vous pouvez faire le bon choix. le plus approprié pour vous.

Gutenberg Vs WordPress Page Builders : Les principales différences

Peut-être qu'en ce moment, certains d'entre vous utilisent déjà les constructeurs de pages Gutenberg et WordPress sur votre site Web sans même connaître leurs véritables différences. Par conséquent, vous n'êtes probablement pas conscient des véritables objectifs de l'utilisation de ces outils magiques qui aident à si bien organiser votre site Web. Ainsi, les personnes de cette catégorie trouveront certainement la comparaison des différences ci-dessous intéressante.

Ici, nous avons comparé chacun des outils en termes d'avantages, d'inconvénients, de recommandations et plus encore. Alors, commençons.

Comparaison des principales offres de Gutenberg et des constructeurs de pages WordPress

Gutenberg wordpress page builders

Analysons les outils en fonction des critères suivants tels que son :

Blocs et widgets

Les blocs d'édition de contenu simples sont principalement composés de Gutenberg et c'est pourquoi la plupart des gens se plaignent de son manque de variante dans les caractéristiques de ses blocs et fonctionnalités. Pour de nombreux blocs par défaut de Gutenberg, cela peut suffire à composer leurs éléments de contenu quotidiens, mais pour une conception plus critique ou détaillée, cela peut ne pas suffire. Mais avec les dernières mises à jour, les blocs de colonnes deviennent désormais plus flexibles mais ne couvrent pas les lacunes de son option de conception de blocs.

Elementor Custom Widgets

D'autre part, le constructeur de pages WordPress est livré avec une large gamme de blocs, widgets, modules complémentaires et plus encore. Cela donne à l'utilisateur la liberté de créer la page souhaitée proche de son imagination. Il permet également à ses utilisateurs d'utiliser d'autres éléments avancés tels que des curseurs, des carrousels, une comparaison côte à côte, des tableaux, des boutons d'appel à l'action, etc.

Options d'édition

Lorsqu'il s'agit de modifier le contenu de votre page, Gutenberg fonctionne principalement comme un éditeur backend basé sur des blocs pour son utilisateur. Bien qu'il essaie d'activer son option d'édition frontale, il ne parvient toujours pas à fournir à son utilisateur une vue de l'apparence exacte de la page dans le frontal.

Même si cela donne une bonne idée de sa vue dans le frontend lorsque vous masquez son menu et d'autres options de réglage depuis le panneau de l'éditeur dans le backend. Mais ce n'est toujours pas l'illustration réelle de la page Web ou du message que vous modifiez. Cependant, une fois que vous l'avez prévisualisé, vous pouvez avoir une bonne idée de l'apparence du contenu après la publication ou la publication de la page.

How to Create, Manage & Edit Reusable Blocks in WordPress

Alors que les constructeurs de pages WordPress comme Elementor sont livrés avec une fonctionnalité d'édition en direct ainsi qu'une fonctionnalité de création de page par glisser-déposer. Cela signifie que vous pourrez voir toutes les modifications apportées à la page en temps réel, ainsi que la possibilité de vous déplacer dans les widgets et autres fonctions modifiables.

Tout ajustement effectué semblerait changer en direct sous vos yeux sans avoir besoin de quitter cette page ou de l'enregistrer. Cela rend l'édition vraiment facile car vous pouvez apporter les corrections nécessaires dans la position ou la personnalisation du contenu de la bonne manière.

Thème, extensions et compatibilité

Best Elementor themes

Vous ne pouvez pas simplement modifier ou ajuster le thème WordPress ou ajouter des extensions pour améliorer sa convivialité lors de l'utilisation de Gutenberg. Il reste généralement le même et inactif tout au long de votre expérience utilisateur.

Même si tout en travaillant avec Gutenberg, le style du thème reste le même, mais il y a une quantité limitée de CSS et de CSS personnalisés qui peuvent être ajoutés pour les blocs qu'il contient. Cela peut parfois devenir assez ennuyeux pour de nombreux utilisateurs car il n'y a pas beaucoup d'options pour eux de changer ou de jouer avec.

Mais ce n'est pas le cas dans le cas de l'utilisation d'un Page Builder. Vous êtes libre d'utiliser un certain nombre d'addons ou d'extensions populaires sur ses thèmes par défaut afin d'améliorer les performances et la convivialité de la création de votre page.

Plus essentiellement, la plupart d'entre eux sont entièrement compatibles et ne compromettent pas leurs performances d'origine. De plus, vous pouvez même apporter des modifications et des mises à jour notables au style et aux paramètres de son thème. Ainsi, si vous souhaitez créer une mise en page personnalisée, ses fonctionnalités étendues deviennent très utiles pour l'utilisateur.

Formatage de page et conception de contenu

L'option de formatage de page limitée a toujours été un inconvénient pour Gutenberg dès son lancement. Il ne permet pas d'ajouter une largeur personnalisée aux blocs alors que l'ajout d'un pourcentage de la largeur de la colonne est possible. De plus, l'option de conception n'est pas si innovante non plus. S'éloigner de sa structure ou de sa couleur conventionnelle pour une autre nécessite pas mal de travail.

Content Design

Mais en ce qui concerne la formation et la conception du contenu, les constructeurs de pages WordPress ont toujours eu une longueur d'avance par rapport à Gutenberg. Il est étonnamment facile, rapide et sans tracas de formater une page ou de la concevoir dessus.

Son interface conviviale permet à son utilisateur d'effectuer n'importe quel type d'ajustement sur la page comme la mise à l'échelle, la couleur, la police, le positionnement personnalisé, la transformation d'éléments, le rembourrage plus simple que jamais. Bien qu'il soit également vrai que cela peut être un peu lent si la page que vous concevez est lourde.

Réactivité & Performances

De nos jours, avec l'essor de la technologie moderne, la plupart des plugins sont conçus avec un design réactif. Il le teste sur toutes sortes de plates-formes pour garantir sa performance de référence sur toutes les plates-formes. Donc Gutenberg, dans ce cas, n'est pas différent. Il a testé ses performances et sa réactivité sur divers appareils et a ajusté les paramètres de conception en fonction de cela.

En raison d'être un outil léger, Gutenberg n'a montré aucune sorte de lenteur ou de retard de performance jusqu'à présent. Mais comme de plus en plus de personnes utilisent des appareils mobiles pour accéder à des sites Web, il est devenu difficile de maintenir une réactivité similaire. Et comme la conception actuelle est très simple et basique, il manque des options de conception réactives dans certaines parties.

new features of HappyAddons

Alors que le constructeur de pages nécessite également un arrangement similaire dans la configuration pour maintenir sa réactivité et ses performances. Mais pour l'essentiel, sa réactivité dépend de la taille de sa page et de son contenu. Un test de comparaison des performances entre Gutenberg et WordPress Page Builder a été réalisé pour une boutique WooCommerce.

Le plugin WooCommerce a été activé et la boutique a été configurée avec les mêmes produits sur tous les sites. Même si la demande sur le site WooCommerce était similaire entre les deux, le temps de chargement de la page était plus rapide pour Gutenberg que pour tous les constructeurs de pages. Et cela pourrait très bien varier sur différents plugins comme un marché multi-fournisseurs en plus de ce site WooCommerce à fournisseur unique.

Principaux résultats et observations

page builder

Après avoir analysé la comparaison ci-dessus, il est prudent de dire que la différence la plus importante entre les deux outils est celle de la façon dont vous le regardez. Gutenberg se fait simplement sentir en se présentant comme un éditeur de blog et de contenu de page.

Et il est facile à utiliser pour tous les utilisateurs de WordPress, même s'ils n'ont aucune connaissance préalable de son utilisation. Cela fonctionnerait très bien en sa faveur à long terme, car la plupart des gens recherchent une plate-forme de création de pages Web simple et conviviale.

Et d'autre part WordPress, les constructeurs de pages sont conçus pour les utilisateurs qui souhaitent créer des pages avec une vision et une polyvalence accrues. C'est pour les groupes d'utilisateurs qui souhaitent ajouter un certain nombre de fonctionnalités étendues et de fonctionnalités sur la page sous la forme d'addons. Sans parler de son grand nombre de widgets et de blocs qui améliorent sa convivialité et offrent suffisamment de choix de conception.

Alors, lequel choisir et pourquoi ?

wordpress website builder

Maintenant, d'après les détails ci-dessus des constructeurs de pages Gutenberg et WordPress, il est tout à fait évident que ces deux outils peuvent être utilisés dans un certain nombre d'utilisations bonnes mais différentes. Il devient donc essentiel pour ses utilisateurs de comprendre lequel les aiderait le mieux dans quel but en l'utilisant sur leur site Web. Découvrons donc où sera-t-il idéal pour son utilisateur de choisir ou d'utiliser l'un de ces outils.

Gutenberg conviendra si : Les constructeurs de pages conviendront si :
Vous cherchez à avoir un contenu de base préparé avec des tableaux, des boutons, un bloc séparé, etc. Vous avez besoin d'un contrôle total sur la conception, les styles, le rembourrage, l'espacement, etc. de votre contenu.
La création de votre page est limitée avec une seule colonne de mise en page car les multiples colonnes de mise en page ne sont toujours pas fiables et nécessitent des améliorations. La page que vous créez nécessite des widgets ou des modules complémentaires prédéfinis pour étendre les fonctionnalités ajoutées
L'alignement parfait de votre contenu n'est pas un problème et vous pouvez utiliser son option d'alignement de base. Vous devez entièrement personnaliser ou créer des conceptions de page différentes du thème ou du style par défaut de votre créateur de page.
Vous n'êtes pas trop dans le style détaillé de votre contenu et vous souhaitez utiliser des blocs simples qui font très bien le travail pour vous. Votre exigence de création de page est d'avoir des dispositions de colonne flexibles mais plus essentiellement fiables.
La page de chargement rapide est ce que vous recherchez sans demande supplémentaire de Javascript, CSS ou Font. Vous recherchez des pages visuellement attrayantes, y compris une fonction de glisser-déposer facile pour créer tout type de page Web.

Sur la base de la comparaison dans le tableau ci-dessus et de votre mode de travail, vous pouvez facilement déterminer lequel serait le plus adapté à votre site Web.

La bataille continue ou se termine ici ?

Eh bien, en regardant la perspective actuelle et le rétablissement de chacun de ces outils fascinants, le débat ne durera probablement qu'un moment. À l'heure actuelle, l'opinion peut différer d'une personne à l'autre à cet égard en fonction de ses besoins, mais d'après ce qu'il en est réellement, les deux outils peuvent être améliorés.

Et en toute honnêteté, on peut dire que les constructeurs de pages WordPress comme Elementor, Divi, Beaver Builder sont plus conviviaux et flexibles pour répondre aux exigences des besoins de création de pages de l'utilisateur.

Elementor Page builder design

Mais cela ne signifie pas nécessairement que Gutenberg n'a aucune chance de rivaliser avec les constructeurs de pages modernes pour WordPress. En fait, lorsqu'il s'agit d'utilisateurs souhaitant un outil d'édition de blocs léger pour la mise en page de leur contenu WordPress, Gutenberg devient le choix automatique pour chacun d'eux.

Mais il est également vrai qu'il ne fournit pas le type de contrôle qu'offre un constructeur de page comme Elementor. Sans parler des modules complémentaires étendus tels que Happy Addons, Essential addons, etc., qu'Elementor permet à son utilisateur d'utiliser afin d'améliorer l'expérience de création de pages. Mais après avoir dit tout cela, si vous me demandez, alors pour une utilisation quotidienne, Gutenberg fait juste votre travail en ayant certainement plusieurs options de raffinement pour l'avenir.