Es gibt Dutzende von Page Buildern da draußen, und Sie fragen sich sicherlich: Was ist so besonders an Page Builder Sandwich? Warum sollten Sie sich die Mühe machen, ihn zu nutzen, wenn Sie bereits einen haben?
In diesem Artikel stelle ich Ihnen einige wichtige Funktionen von Page Builder Sandwich vor, die ihn einzigartig und zu einem absoluten Must-have für Inhaltsersteller und Designer gleichermaßen machen. Wenn Sie noch nicht wissen, was ein Page Builder ist und warum Sie ihn brauchen, keine Sorge: Wir haben einige Informationen, die Ihnen weiterhelfen können.
1. Sie sehen nicht nur eine visuelle Darstellung Ihrer Inhalte, Sie sehen und bearbeiten Ihre tatsächlichen Inhalte
Bei anderen Page Buildern sehen Sie Bereiche, die Ihren Inhalt lediglich repräsentieren. Sie gestalten das Layout Ihrer Inhalte hauptsächlich mit Blöcken und rechteckigen Formen, und das Ergebnis ähnelt eher einem Gerüst dessen, wie Ihre Inhalte letztendlich auf Ihrer Seite aussehen könnten. Dies führt dazu, dass man ständig auf die Vorschau-Schaltfläche klicken muss, nur um zu sehen, wie das Ergebnis aussehen wird.
Mit Page Builder Sandwich erfolgt die gesamte Bearbeitung im Frontend Ihrer Website, und Sie bearbeiten Ihre Inhalte direkt – für ein echtes What-You-See-Is-What-You-Get-Erlebnis.
2. Schnelle und einfache direkte Bearbeitung ohne all diese lästigen Popup-Dialoge
Popups sind zu einem festen Bestandteil von Page Buildern geworden. Bei den meisten müssen Sie, wenn Sie etwas an Ihrem Layout bearbeiten möchten – sei es eine Überschrift, eine Schaltflächenbeschriftung oder ein kleiner Untertitel –, zunächst warten, bis sich ein Popup-Dialog öffnet, um Ihre Änderungen darin vorzunehmen.
Wir haben es uns zum Ziel gesetzt, den Einsatz von Popups in Page Builder Sandwich auf breiter Front zu minimieren. Durch den Verzicht auf Popups wird die Bearbeitung beliebiger Inhalte einfacher und reibungsloser als je zuvor.
Die Bearbeitung erfolgt ganz unkompliziert: Klicken Sie auf Ihren Text, um den Cursor dort zu platzieren, und tippen Sie einfach los. Sie müssen nicht mehr auf ein Popup-Fenster mit einem TinyMCE-Editor warten, um mit der Bearbeitung zu beginnen. Das Beste daran ist, dass Sie Ihre Inhalte weiterhin per Drag-and-Drop verschieben können.
Eine weitere Innovation, die zu einer reibungslosen Bearbeitung beiträgt, ist der stets präsente Inspektor. Der Inspektor dient Ihnen als Werkzeugkasten und Eigenschaften-Editor. Werkzeuge zur Formatierung Ihrer Inhalte – Textfarben, Überschriften, Anpassungen der Schriftgröße, Außenabstände (Margins), Innenabstände (Paddings), Rahmen, Blockzitate und vieles mehr – sind nur einen einfachen Klick entfernt.
3. Wiederverwendete WordPress-Funktionalität
Eine weitere Sache, die uns bei anderen Page Buildern aufgefallen ist, ist, dass sie oft das Rad neu erfinden. Einige implementieren ihre eigenen Farbwähler, Bild-Uploader, Galerie-Ersteller und diverse andere Werkzeuge. Daran ist an sich nichts auszusetzen, aber WordPress ist eine wahre Schatztruhe an Code-Snippets – warum also nicht diese nutzen?
WordPress ist eine riesige und wunderbare Plattform und enthält eine Menge cooler Werkzeuge, die von zahllosen großartigen Mitwirkenden entwickelt wurden. Page Builder Sandwich nutzt so weit wie möglich Funktionen, die ohnehin bereits in WordPress enthalten sind.
Anstatt einen eigenen Farbwähler zu entwickeln, verwenden wir den Iris-Color-Picker. Anstelle eines eigenen Bild-Uploaders nutzen wir die Mediathek. Hinzu kommen backbonejs, underscorejs, wp.hooks und wp.shortcode, um nur einige weitere raffinierte Skripte zu nennen. Wir nutzen all diese Werkzeuge, was uns das Leben erleichtert hat und zudem zu einer stabileren Codebasis führt.
Die Wiederverwendung der WordPress-Funktionalität hat auch zu einigen großartigen Überraschungen geführt. Da wir beispielsweise die Mediathek zum Einfügen von Bildern verwendet haben, war es eine angenehme Überraschung, dass wir damit auch WordPress-Galerien, Video- und Audio-Playlists sowie externe URLs direkt von Haus aus verarbeiten konnten. Wir konnten die Mediathek auch einfach für die Bildbearbeitung nutzen, was uns stundenlanges, unnötiges Entwickler-Kopfzerbrechen erspart hat.
4. Tastaturnavigation und Tastenkombinationen
Bei anderen Page Buildern ist die Maus Ihr bester Freund. Sie ziehen Elemente damit per Drag-and-Drop und doppelklicken darauf, um sie zu bearbeiten. Doch die Tastatur wird oft vernachlässigt.
Bei einigen Buildern können Sie beispielsweise Text, der sich einen Absatz/Abschnitt über Ihrer aktuellen Bearbeitungsposition befindet, nicht einfach bearbeiten, da Sie zuerst aus einem Popup-Dialog heraus- und in einen neuen hineinklicken müssen. In Page Builder Sandwich können Sie mit der Tastatur navigieren. Drücken Sie die Pfeiltasten, um zwischen Ihren Inhalten zu navigieren – das funktioniert selbst dann, wenn sich der andere Inhalt in einer anderen Zeile oder Spalte befindet.
Ein weiteres wichtiges Feature sind die Tastenkombinationen für Rückgängigmachen und Wiederholen. Sie mögen auf den ersten Blick unscheinbar wirken, aber bedenken Sie: Was passiert, wenn Sie Ihren Inhalt versehentlich an die falsche Stelle gezogen haben? In manchen Page Buildern müssen Sie ihn mühsam an seine ursprüngliche Position zurückziehen. In Page Builder Sandwich funktionieren sowohl Rückgängigmachen als auch Wiederholen. Ganz gleich, ob Sie Ihre Eingabe korrigieren oder verschobene Inhalte (oder mehrere verschobene Inhalte) wieder zurücksetzen möchten: Drücken Sie einfach Rückgängig oder Wiederholen. Rückgängig und Wiederholen funktionieren für per Drag-and-Drop verschobene Inhalte und sogar für Eigenschaftsänderungen wie Schriftgrößen und Zeilen-Paddings. Das macht sie zu mächtigen Werkzeugen in Ihrem Bearbeitungsarsenal.
5. Ein echter Frontend-Page-Builder – Ein entspannteres und müheloseres Bearbeitungserlebnis
Unsere Denkweise während der Entwicklung war, dass sich das Bearbeiten im Frontend nicht so anfühlen sollte, als würde man immer noch mit Backend-Werkzeugen arbeiten. Es sollte sich nicht so anfühlen, als sei der Builder ursprünglich für das Backend erstellt und dann nachträglich ins Frontend portiert worden.
Alles in allem besteht das Hauptunterscheidungsmerkmal von Page Builder Sandwich für mich darin, dass wir ihn mit dem Ziel entwickelt haben, ein „echter“ Frontend-Page-Builder zu sein – eine Neugestaltung dessen, wie Frontend-Editing sein sollte.