WordPress Page Builders – Warum einen verwenden? + Kostenlose Vorlagen und Add-ons

Benötige ich einen Page Builder für WordPress?

Page Builder sind Plugins, die grenzenlose Möglichkeiten bieten, wenn es darum geht, benutzerdefinierte Seiten in WordPress zu erstellen.

Die meisten der beliebten WordPress-Themes verfügen über vorgefertigte Layouts (siehe diese Liste der kostenlosen Themes mit Demo-Inhalten). Diese Demo-Inhalte können Ihnen viel Zeit und Brainpower sparen, wenn es darum geht, Ihre Seiten professionell zu gestalten.

WordPress selbst sah den Drang nach benutzerdefinierten Seitenlayouts und fügte seit WordPress Version 5.0 einen eigenen integrierten Page Builder namens Gutenberg hinzu. Ob Sie es realisieren oder nicht, mit der Installation von WordPress auf Ihrer Domain haben Sie jetzt bereits einen Page Builder.

Abhängig von Ihrem Projekt können Sie beim Standard-Page Builder bleiben und einfach einige zusätzliche Add-Ons hinzufügen, oder Sie können mit einigen der beliebten Drag-and-Drop-Optionen gehen. (Überprüfen Sie die Tabelle unter dem Beitrag)

Alter klassischer Editor vs. Page Builder

Um Page Builder für WordPress besser zu verstehen, müssen wir uns ansehen, wie eine Standardseite im Backend ohne Page Builder aussieht.

Dennoch verwenden viele Webmaster und Websitebesitzer dieses Seitenlayout, das vor WordPress 5.0 und der Geburt des Gutenberg-Editors der Standard war.

Wenn Sie diesen klassischen Editor mögen, können Sie ihn immer noch mit dem kostenlosen Plugin Classic Editor verwenden.

Sie müssen kein Guru sein, um zu sagen, dass dies Ihnen standardmäßig nicht viel Flexibilität gibt, um atemberaubende moderne Seiten zu erstellen.

Aus diesem Grund haben die meisten Theme-Ersteller ihre eigenen Page Builder entwickelt oder spezielle Shortcodes verwendet, um dem Benutzer mehr Optionen und Designelemente zu bieten.

Wenn wir beispielsweise eine einfache Schaltfläche hinzufügen möchten, haben wir die Möglichkeit, sie aus dem Shortcode-Symbol im Editor auszuwählen und auf der Seite einzufügen.

Das Problem hier ist der Mangel an Stiloptionen und Steuerelementen, z. B. Auffüllungen, Position, Farben, Linkeigenschaften und mehr.

Sie erhalten, was voreingestellt ist.

Und Sie können mit diesen Tools keine moderne Zielseite erstellen.

Sehen wir uns einBeispiel für das Einfügen von Schaltflächen mit Elementor Page Builder an.

Das erste und wichtigste, was wir hervorheben müssen, ist der Front-End-Editor.

Dies bedeutet, dass Sie die Seite so bearbeiten, wie Sie sie live sehen werden.

Hier können Sie Drag & Drop ziehen, Farben und Schriftarten ändern, Animationen hinzufügen und vieles mehr, und das Beste ist, dass Sie alle Änderungen sehen, live vor Ihren Augen!

Sind Sie bereit, Vorlagen vs. Add-on-Elemente zu verwenden?

Wenn Sie nicht damit vertraut sind, wie Page Builder funktionieren und Webdesign in WordPress im Allgemeinen sind, können diese beiden zunächst verwirrend sein.

Mit den gebrauchsfertigen Seitenvorlagen können Sie eine oder mehrere komplette Seiten mit einem einzigen Klick importieren. Dazu gehören Abschnitte, Überschriften, Fotos und alles, was an Ort und Stelle ist und bereit ist, dass Sie es einfach so bearbeiten können, wie Sie es möchten.

Mit Add-ons auf der anderen Seite erhalten Sie eine vollständige Liste von Elementen, die Sie verwenden und einstellen können, wie Sie möchten (es gibt auch Demos).

Sie können Ihre Kreativität und Vorstellungskraft nutzen, um ein einzigartiges Layout zu erstellen, natürlich, wenn Sie etwas darüber wissen, wie Webdesign funktioniert.

Beste WordPress Page Builder (+ Add-on-Vorlagen)

Heute haben wir eine große Auswahl an Page Buildern – kostenlos, kostenpflichtig und irgendwo dazwischen.

Einige Premium-Themes sind mit einem Page Builder vorverpackt oder haben ihre eigenen (wie BeTheme's Muffin Builder).

In dieser Tabelle habe ich meine Lieblings-Page Builder mit allen zusätzlichen verfügbaren Vorlagen und Elementen gesammelt. Genießen!