Wie Page Builder Sandwich funktioniert

Verfasst von

in

How-Page-Builder-Sandwich-WorksDieser Artikel gibt einen kurzen Überblick darüber, wie Page Builder Sandwich funktioniert, und soll als Einführung für alle dienen, die daran interessiert sind, wie sich unser Page Builder in verschiedene Bereiche von WordPress integriert. Ich werde hier nicht näher auf die einzelnen Funktionen von Page Builder Sandwich eingehen – wenn Sie daran interessiert sind, besuchen Sie unsere Video-Seite, auf der wir jede Funktion einzeln anhand kurzer Screencasts vorstellen.

Wenn Sie wissen möchten, wie sich Page Builder Sandwich von anderen Page Buildern auf dem Markt unterscheidet, lesen Sie unseren Artikel Wie sich Page Builder Sandwich vom Rest unterscheidet.

Where is the page builder?

Wo ist er zu finden? Und was kann ich damit bearbeiten?

Im Gegensatz zu vielen anderen Page Buildern läuft Page Builder Sandwich direkt im Frontend Ihrer Website. Wenn Sie sich im Backend befinden, finden Sie neben den Schaltflächen des Inhaltseditors eine Schaltfläche „Frontend“, die Sie direkt zum Frontend Ihrer Seite bringt.

Mit Page Builder Sandwich können Sie Ihre Beiträge, Seiten und Inhalte von benutzerdefinierten Beitragstypen (Custom Post Types) bearbeiten. Es erlaubt Ihnen jedoch nicht, Ihre aggregierten Blogbeiträge auf der Startseite oder andere Übersichtsseiten Ihrer Website direkt zu bearbeiten. Denken Sie einfach so darüber: Wenn das, was Sie bearbeiten möchten, im Backend über einen Inhaltseditor verfügt (wie „Neuer Beitrag“ und „Neue Seite“), dann kann Page Builder Sandwich verwendet werden. Sie können Ihre individuellen Seiten und Blogbeiträge bearbeiten, und wenn Sie beispielsweise ein Plugin verwenden, das Restaurant-Speisekarten oder Portfolio-Einträge bereitstellt, können Sie auch diese bearbeiten.

Im Frontend haben wir in Ihrer Admin-Leiste eine blaue Schaltfläche „Mit Page Builder Sandwich bearbeiten“ platziert. Klicken Sie einfach darauf, um mit der Bearbeitung Ihrer Seite zu beginnen.

Direkte Bearbeitung von Inhalten

Mit Page Builder Sandwich haben wir die Inhaltsbearbeitung so einfach und reibungslos wie möglich gestaltet. Das Bearbeiten von Inhalten ist unkompliziert und leicht: einfach anklicken und losschreiben. So einfach ist das.

The inspector

Wir stellen vor: der Inspektor

Wir haben festgestellt, dass viele Page Builder sehr viele Popups verwenden. Ich persönlich mag keine Popups, da sie ablenken und einem im Grunde sagen: „Hey, unterbrich deine Arbeit, bis du zuerst diese Felder ausgefüllt hast“. Sie zerstören den Fluss eines ansonsten reibungslosen Bearbeitungserlebnisses. Aus diesem Grund haben wir die Verwendung von Popups durchgehend minimiert und stattdessen den Inspektor entwickelt.

Der Inspektor ist ein seitenleistenartiger Bereich, der alle Formatierungs- und Layout-Werkzeuge enthält, die Sie jemals benötigen werden. Der Inspektor kann an der linken oder rechten Seite Ihres Bildschirms angedockt werden, sodass Sie immer gut im Blick haben, was Sie gerade bearbeiten.

Über den Inspektor können Sie verschiedene Texteigenschaften anpassen, wie Überschriften, Schriftgrößen, fett, kursiv, Textfarben und vieles mehr. Darüber hinaus können Sie damit auch Bilder hinzufügen sowie Zeilen oder mehrspaltige Inhalte erstellen. Er beherrscht auch erweiterte Bearbeitungsfunktionen wie das Anpassen von Zeilen auf die volle Seitenbreite, Zeilen- und Spaltenhintergrundfarben, vertikale Inhaltsausrichtung sowie Abstände (Margins) und Hintergründe. Er ist äußerst leistungsstark, und Sie werden ihn größtenteils verwenden.

Integration mit WordPress-Themes

Page Builder Sandwich bringt von Natur aus fast keine eigenen Stile mit. Wenn Sie Ihre Inhalte bearbeiten, basieren die Stile, die Sie sehen, größtenteils auf Ihrem Theme.

Integration mit Shortcodes

Shortcodes sind ein wichtiger Bestandteil von WordPress, und sehr wahrscheinlich werden Sie eine Handvoll Shortcodes auf Ihrer Website verwenden. Page Builder Sandwich geht damit hervorragend um: Ihre Shortcodes werden direkt im Frontend gerendert dargestellt. Shortcodes bleiben weiterhin bearbeitbar, und das Beste daran ist: Sobald Sie Ihre Shortcodes bearbeitet haben, werden sie zusammen mit Ihren Änderungen direkt wieder gerendert.

Der Einfachheit halber können Sie Ihre Shortcodes über den Inspektor bearbeiten. Wenn Sie mehr Kontrolle wünschen, können Sie Shortcodes auch per Doppelklick in ihrer Rohform bearbeiten. Darüber hinaus sind alle auf Ihrer Website verfügbaren Shortcodes im Inspektor aufgelistet, sodass Sie sie ganz leicht in Ihre Inhalte einfügen können.

No bloat

Wie sieht es mit überflüssigem Ballast (Bloat) aus?

Wer mag schon langsame Websites? Wir nicht, und Sie ganz sicher auch nicht. Wir haben dafür gesorgt, dass Page Builder Sandwich so gut wie keine Auswirkungen auf die Leistung Ihrer Website hat. Im abgemeldeten Zustand werden minimal lediglich Zeilen- und Spalten-CSS-Stile geladen, zusammen mit den notwendigen JS- und CSS-Skripten für die Shortcodes, die Sie tatsächlich verwendet haben.

Für Entwickler

Wenn Sie Entwickler sind und Shortcodes in Ihren WordPress-Plugins verwenden, bietet Page Builder Sandwich eine Shortcode-API, mit der Sie Ihren Kunden ganz einfach Eingabefelder für das unkomplizierte Erstellen und Anpassen Ihrer Shortcodes bereitstellen können.

Wenn Sie die Möglichkeiten noch weiter ausbauen oder sich in bestimmte Teile von Page Builder Sandwich einklinken möchten, bieten wir auch eine Reihe nützlicher Action- und Filter-Hooks, die Sie nutzen können.