Gutenberg vs. WordPress-Seitenersteller: Die Hauptunterschiede, die sich voneinander unterscheiden

Veröffentlicht: 2020-03-30

Im letzten Jahr oder so, direkt nach der Veröffentlichung von WordPress 5.0, gab es eine endlose Debatte über die Zukunftsaussichten von Gutenberg und wie es sich gegen den üblichen konventionellen Seitenersteller von WordPress behauptet. Eineinhalb Jahre später hält die Debatte immer noch an. Da immer mehr Leute auf WordPress 5.0 upgraden, stellen sie Fragen, ob Gutenberg die revolutionäre Veränderung in der Welt der Seitenerstellung bewirken kann. Kann es der ideale Ersatz für die traditionellen Drag-and-Drop-Builder wie Elementor, Divi und Beaver Builder sein?

Seit seiner Einführung im Juni 2017 hat Matt Mullenweg Gutenberg als ultimativen und standardmäßigen Blockeditor für WordPress eingeführt. Und seitdem hat die Erfahrung, es zu benutzen, für seine Benutzer eine gemischte Resonanz mit der perfekten Balance zwischen Vorlieben und Abneigungen auf der ganzen Welt.

Als es anfing, hatte Gutenberg eine Reihe von Problemen wie nicht reagierende Blöcke, langsame Funktionalitäten mit eingeschränkten Funktionen usw. Aber angesichts der neuesten Version von WordPress 5.4 scheint Gutenberg im Moment ein leistungsstarkes Tool mit einem schnell reagierenden Blockbearbeitungsmechanismus zu sein.

gutenberg Editor

Aber jetzt ist die eigentliche Frage, ob es immer noch eine Chance gegen die kostenlose Version anderer Premium-Seitenerstellungs-Plugins hat oder gibt es einen wesentlichen Unterschied zwischen den beiden, der sie auszeichnet? Nun, solche vergleichenden Anfragen sind jetzt und für immer unvermeidlich.

Deshalb haben wir hier in diesem Beitrag versucht, einige der grundlegenden Unterschiede zwischen Gutenberg und den WordPress-Seitenerstellern zu beleuchten, damit Sie, wenn Sie jemals verwirrt sind, die Eignung zwischen den beiden zu verstehen, die richtige Wahl treffen können die passendere für dich.

Gutenberg Vs WordPress Page Builder: Die Hauptunterschiede

Vielleicht verwenden einige von Ihnen bereits jetzt sowohl Gutenberg- als auch WordPress-Seitenersteller auf Ihrer Website, ohne die wirklichen Unterschiede zu kennen. Daher sind Sie sich wahrscheinlich des wahren Zwecks der Verwendung dieser magischen Tools nicht bewusst, die bei der Organisation Ihrer Website so gut helfen. Leute in dieser Kategorie werden den folgenden Vergleich der Unterschiede also definitiv interessant finden.

Hier haben wir jedes der Tools hinsichtlich seiner grundlegenden Vorteile, Nachteile, Empfehlungen und mehr verglichen. Also lasst uns anfangen.

Vergleich der Hauptangebote von Gutenberg vs. WordPress-Seitenerstellern

Gutenberg wordpress page builders

Lassen Sie uns die Tools anhand der folgenden Kriterien analysieren, z. B.:

Blöcke & Widgets

Einfache Inhaltsbearbeitungsblöcke sind das, woraus Gutenberg hauptsächlich besteht, und deshalb beschweren sich die meisten Leute über das Fehlen der Variante in den Merkmalen seiner Blöcke und Funktionalitäten. Für viele Gutenberg-Standardblöcke reichen sie möglicherweise aus, um ihre täglichen Inhaltselemente zusammenzustellen, aber für ein kritischeres oder detaillierteres Design reicht dies möglicherweise nicht aus. Aber mit den neuesten Updates werden die Spaltenblöcke jetzt flexibler, vertuschen aber nicht die Mängel in der Blockdesignoption.

Elementor Custom Widgets

Auf der anderen Seite enthält der WordPress-Seitenersteller eine große Auswahl an Blöcken, Widgets, Add-Ons und mehr. Dies gibt dem Benutzer die Freiheit, seine gewünschte Seite nach seiner Vorstellung zu erstellen. Es ermöglicht seinen Benutzern auch, andere erweiterte Elemente wie Schieberegler, Karussells, Vergleiche nebeneinander, Tabellen, Call-to-Action-Schaltflächen usw. zu verwenden.

Bearbeitungsoptionen

Wenn es um die Bearbeitung Ihrer Seiteninhalte geht, arbeitet Gutenberg hauptsächlich als blockbasierter Backend-Editor für seinen Benutzer. Trotz des Versuchs, die Front-End-Bearbeitungsoption zu aktivieren, kann es dem Benutzer immer noch nicht zeigen, wie die Seite genau im Front-End aussehen wird.

Auch wenn es eine gute Vorstellung von seiner Ansicht im Frontend gibt, wenn Sie sein Menü und andere Einstellungsoptionen aus dem Editor-Panel im Backend ausblenden. Aber das ist noch nicht die eigentliche Illustration der Webseite oder des Posts, die Sie bearbeiten. Sobald Sie jedoch eine Vorschau anzeigen, können Sie sich eine richtige Vorstellung davon machen, wie der Inhalt aussehen wird, nachdem die Seite gepostet oder veröffentlicht wurde.

How to Create, Manage & Edit Reusable Blocks in WordPress

Während WordPress-Seitenersteller wie Elementor eine Live-Bearbeitungsfunktion sowie eine Drag-and-Drop-Funktion zum Erstellen von Seiten bieten. Dies bedeutet, dass Sie alle auf der Seite vorgenommenen Änderungen in Echtzeit anzeigen können und sich in Widgets und anderen bearbeitbaren Funktionen bewegen können.

Jede vorgenommene Anpassung scheint sich live vor Ihren Augen zu ändern, ohne dass Sie diese Seite verlassen oder speichern müssen. Dies macht die Bearbeitung wirklich einfach, da Sie alle erforderlichen Korrekturen an der Position oder der Inhaltsanpassung direkt vornehmen können.

Thema, Erweiterungen und Kompatibilität

Best Elementor themes

Sie können das WordPress-Theme nicht einfach ändern oder anpassen oder Erweiterungen hinzufügen, um die Benutzerfreundlichkeit bei der Verwendung von Gutenberg zu verbessern. Es bleibt während Ihrer gesamten Benutzererfahrung meistens gleich und im Leerlauf.

Obwohl während der Arbeit mit Gutenberg der Stil des Themas gleich bleibt, gibt es eine begrenzte Menge an CSS und benutzerdefiniertem CSS, die für die darin enthaltenen Blöcke hinzugefügt werden können. Dies kann für viele Benutzer manchmal ziemlich langweilig werden, da es nicht viele Optionen zum Ändern oder Spielen gibt.

Dies ist jedoch bei der Verwendung eines Page Builders nicht der Fall. Es steht Ihnen frei, eine Reihe beliebter Add-Ons oder Erweiterungen für die Standarddesigns zu verwenden, um die Leistung und Benutzerfreundlichkeit Ihrer Seitenerstellung zu steigern.

Im Wesentlichen sind die meisten von ihnen vollständig kompatibel und beeinträchtigen die ursprüngliche Leistung nicht. Darüber hinaus können Sie sogar bemerkenswerte Änderungen und Aktualisierungen im Stil und in den Einstellungen des Themas vornehmen. Wenn Sie also ein benutzerdefiniertes Seitenlayout erstellen möchten, werden die umfangreichen Funktionen für den Benutzer sehr nützlich.

Seitenformatierung und Inhaltsdesign

Die eingeschränkte Möglichkeit der Seitenformatierung war für Gutenberg seit seiner Einführung immer ein Nachteil. Es ist nicht möglich, eine benutzerdefinierte Breite der Blöcke hinzuzufügen, während das Hinzufügen eines Prozentsatzes der Spaltenbreite möglich ist. Darüber hinaus ist die Gestaltungsoption auch nicht so innovativ. Von seiner konventionellen Struktur oder Farbe zu einer anderen wegzukommen, erfordert einiges an Arbeit.

Content Design

Aber was die Erstellung und Gestaltung von Inhalten betrifft, waren WordPress Page Builder im Vergleich zu Gutenberg immer einen Schritt voraus. Es ist überraschend einfach, schneller und problemlos, Seiten zu formatieren oder sie darauf zu gestalten.

Die benutzerfreundliche Oberfläche ermöglicht es dem Benutzer, jede Art von On-Page-Anpassung wie Skalierung, Farbe, Schriftart, benutzerdefinierte Positionierung, Elementtransformation und Polsterung einfacher als je zuvor vorzunehmen. Es stimmt jedoch auch, dass es etwas verzögert werden kann, wenn die Seite, die Sie entwerfen, umfangreich ist.

Reaktionsfähigkeit und Leistung

Heutzutage werden mit dem Aufkommen moderner Technologie die meisten Plugins mit einem ansprechenden Design erstellt. Es testet es auf allen möglichen Plattformen, um seinen Leistungsmaßstab auf allen Plattformen sicherzustellen. Gutenberg ist in diesem Fall also nicht anders. Es hat seine Leistung und Reaktionsfähigkeit auf verschiedenen Geräten getestet und die Designeinstellungen darauf basierend angepasst.

Da Gutenberg ein leichtes Tool ist, zeigte es bisher keinerlei Langsamkeit oder Leistungsverzögerung. Da jedoch immer mehr Menschen mobile Geräte verwenden, um auf Websites zuzugreifen, wurde es zu einer Herausforderung, eine ähnliche Reaktionsfähigkeit aufrechtzuerhalten. Und da das aktuelle Design sehr einfach und grundlegend ist, fehlt es an einigen Stellen an responsiven Designoptionen.

new features of HappyAddons

Während der Seitenersteller auch eine ähnliche Anordnung im Setup benötigt, um seine Reaktionsfähigkeit und Leistung aufrechtzuerhalten. Die Reaktionsfähigkeit hängt jedoch größtenteils von der Größe der Seite und des Inhalts ab. Für einen WooCommerce-Shop wurde ein Leistungsvergleichstest zwischen Gutenberg und WordPress Page Builder durchgeführt.

Das WooCommerce-Plugin wurde aktiviert und der Shop wurde mit den gleichen Produkten auf allen Seiten eingerichtet. Obwohl die Anfrage auf der WooCommerce-Site zwischen den beiden ähnlich war, war die Seitenladezeit für Gutenberg im Vergleich zu allen Seitenerstellern schneller. Und dies könnte sehr gut bei verschiedenen Plugins variieren, wie z. B. einem Multi-Vendor-Marktplatz auf dieser WooCommerce-Site eines einzelnen Anbieters.

Wichtige Ergebnisse und Beobachtungen

page builder

Nach der Analyse des obigen Vergleichs kann man mit Sicherheit sagen, dass der wichtigste Unterschied zwischen den beiden Tools darin besteht, wie Sie es betrachten. Gutenberg macht sich einfach bemerkbar, indem es sich als Blogpost- und Seiteninhaltseditor vorstellt.

Und es ist für alle WordPress-Benutzer einfach zu verwenden, auch wenn sie keine Vorkenntnisse in der Verwendung haben. Dies würde auf lange Sicht sehr gut zu ihren Gunsten funktionieren, da die meisten Leute da draußen nach einer Plattform zum Erstellen von Webseiten suchen, die unkompliziert und benutzerfreundlich ist.

Und auf der anderen Seite wurden WordPress-Seitenersteller für Benutzer entwickelt, die Seiten mit größerer Vision und Vielseitigkeit erstellen möchten. Es ist für diejenigen Benutzer gedacht, die eine Reihe umfangreicher Funktionen und In-Page-Funktionalitäten in Form von Add-Ons hinzufügen möchten. Ganz zu schweigen von der großen Anzahl von Widgets und Blöcken, die die Benutzerfreundlichkeit erhöhen und genügend Auswahlmöglichkeiten beim Design bieten.

Also, welches sollten Sie wählen und warum?

wordpress website builder

Aus den obigen Details sowohl von Gutenberg als auch von WordPress Page Buildern geht nun hervor, dass diese beiden Tools für eine Reihe guter, aber unterschiedlicher Verwendungszwecke eingesetzt werden können. Daher ist es für die Benutzer von entscheidender Bedeutung, zu verstehen, welches ihnen bei der Verwendung auf ihrer Website bei welchem ​​Zweck besser helfen würde. Lassen Sie uns also herausfinden, wo es für den Benutzer ideal ist, eines dieser Tools auszuwählen oder zu verwenden.

Gutenberg ist geeignet, wenn: Page Builder sind geeignet, wenn:
Sie suchen grundlegende Inhalte, die mit Tabellen, Schaltflächen, separaten Blöcken usw. vorbereitet sind. Sie benötigen die vollständige Kontrolle über das Design, die Stile, die Auffüllung, den Abstand usw. Ihrer Inhalte.
Ihre Seitenerstellung ist mit einer einzelnen Layoutspalte begrenzt, da die mehreren Layoutspalten immer noch unzuverlässig sind und Verbesserungen erfordern. Die Seite, die Sie erstellen, erfordert vorgefertigte Widgets oder Add-Ons, um zusätzliche Funktionen zu erweitern
Die perfekte Ausrichtung Ihrer Inhalte ist kein Problem und Sie können die grundlegende Ausrichtungsoption verwenden. Sie müssen Seitendesigns vollständig anpassen oder erstellen, die sich vom Standarddesign oder -stil Ihres Seitenerstellers unterscheiden.
Sie sind nicht sehr an der detaillierten Gestaltung Ihrer Inhalte interessiert und möchten einfache Blöcke verwenden, die die Arbeit für Sie gut erledigen. Ihre Anforderung zum Erstellen von Seiten besteht darin, Spaltenlayouts zu haben, die flexibel und dennoch wesentlich zuverlässiger sind.
Eine schnell ladende Seite ist das, wonach Sie suchen, ohne zusätzliche Anforderungen an Javascript, CSS oder Schriftarten. Optisch ansprechende Seiten sind das, was Sie suchen, einschließlich einer einfachen Drag & Drop-Funktion zum Erstellen jeder Art von Webseite.

Anhand des Vergleichs in der obigen Tabelle und Ihrer Arbeitsweise können Sie leicht feststellen, welche für Ihre Website besser geeignet ist.

Der Kampf geht weiter oder endet genau hier?

Nun, wenn man sich die aktuellen Aussichten und die Wiedereinführung jedes dieser faszinierenden Werkzeuge ansieht, wird die Debatte wahrscheinlich noch eine Weile weitergehen. Im Moment mag die Meinung diesbezüglich von Person zu Person je nach Bedarf unterschiedlich sein, aber aus heutiger Sicht haben beide Tools Verbesserungspotenzial.

Und ganz ehrlich, man kann sagen, dass WordPress Page Builder wie Elementor, Divi, Beaver Builder designfreundlicher und flexibler sind, wenn es darum geht, die Anforderungen der Seitenerstellung des Benutzers zu erfüllen.

Elementor Page builder design

Dies bedeutet jedoch nicht unbedingt, dass Gutenberg keine Chance hat, gegen die modernen Seitenersteller für WordPress anzutreten. In der Tat, wenn es um Benutzer geht, die ein leichtes Blockbearbeitungstool für ihr WordPress-Inhaltslayout wünschen, dann wird Gutenberg zur automatischen Wahl für sie alle.

Aber es stimmt auch, dass es nicht die Art von Kontrolle bietet, die ein Seitenersteller wie Elementor bietet. Ganz zu schweigen von den erweiterten Add-ons wie Happy Addons, Essential Addons usw., die Elementor seinen Benutzern zur Verbesserung der Seitenerstellung ermöglicht. Aber nach all dem, wenn Sie mich fragen, dann erledigt Gutenberg für den täglichen Gebrauch einfach Ihre Arbeit, indem es sicherlich mehrere Optionen zur Verfeinerung für die Zukunft hat.