Page Builder
- Lesezeit
- 2 Minuten
- Kapitel
- 4
Ein Page Builder ist ein Werkzeug, mit dem du die Seiten einer Website visuell zusammenstellst. Du ziehst Bausteine wie Überschrift, Bild oder Spalten an die gewünschte Stelle und siehst sofort, wie das Ergebnis aussieht, ganz ohne Code. In WordPress sind Page Builder meist Plugins, bekannte Vertreter heißen Elementor, WPBakery, Divi oder Bricks.
Wie ein Page Builder funktioniert
Eine Seite besteht im Builder aus verschachtelten Containern. Darin sitzen Spalten und in den Spalten die einzelnen Elemente, die je nach Builder Widgets oder Module heißen. Abstände, Farben und Schriften stellst du für jedes Element in einer Seitenleiste ein. Für Smartphone und Tablet lassen sich eigene Werte setzen, damit die Seite auf jedem Bildschirm passt (Responsive Webdesign).
Aus diesen Einstellungen erzeugt der Builder beim Aufruf das HTML und CSS. Wiederkehrende Teile wie Kopfbereich, Footer oder ein Kontaktblock legst du einmal als Vorlage an und setzt sie auf allen Seiten ein. Viele Builder bringen außerdem fertige Vorlagen für ganze Seiten mit. Das spart Zeit beim Start, führt aber schnell zu Websites, die sich sehr ähneln.
Page Builder und der Blockeditor von WordPress
Seit Version 5.0 vom Dezember 2018 hat WordPress einen eigenen Blockeditor, bekannt unter dem Projektnamen Gutenberg. Auch er arbeitet mit Bausteinen. Für Texte, Ratgeber und einfache Seiten reicht er gut aus. Bei aufwendigen Layouts mit vielen Spalten, Animationen oder genauen Einstellungen je Bildschirmgröße kommt er schneller an seine Grenzen als ein ausgewachsener Page Builder. Seit WordPress 5.9 lassen sich mit passenden Block-Themes auch Kopfbereich und Footer im Blockeditor gestalten. Diese Arbeitsweise heißt Full Site Editing.
Vorteile und Nachteile
Der größte Vorteil: Du kannst Inhalte selbst ändern. Ein Bild austauschen oder einen Abschnitt verschieben dauert im Builder ein paar Minuten, und eine neue Angebotsseite entsteht aus einer bestehenden Vorlage.
Dafür erzeugen Page Builder mehr Code als eine von Hand geschriebene Seite. Achtet niemand darauf, leidet die Ladezeit. Wie schnell eine Seite lädt, misst du zum Beispiel mit Lighthouse in den Entwicklertools von Chrome. Schwerer wiegt die Bindung an das Werkzeug. Wer den Builder später abschaltet, verliert das Layout. Bei WPBakery bleiben dann Kürzel wie vc_row in eckigen Klammern im Text stehen, bei Elementor nur der reine Inhalt ohne Gestaltung. Ein Wechsel des Builders heißt deshalb fast immer, die Seiten neu zu bauen.
Außerdem lädt ein Builder dazu ein, jede Seite ein bisschen anders zu gestalten. Globale Farben, Schriften und Vorlagen halten den Auftritt einheitlich (Styleguide).
Und? Bock auf sowas?
