Page Builder Sandwich ist nicht wie Ihr typischer Page-Builder, es ist unkompliziert und einfach zu bedienen.

Im folgenden Video erhalten Sie einen kurzen Überblick.

Wo befindet sich der Editor?

Erstellen Sie zuerst eine neue Seite, einen Beitrag oder einen CPT. Rufen Sie dann Ihren neuen Beitrag oder einen beliebigen bestehenden im Frontend auf. PBS ist 100 % Frontend, Sie müssen nicht im Backend herumprobieren.

Oben auf Ihrer Seite (in Ihrer Admin-Leiste) sollte sich eine Schaltfläche „Page Builder Sandwich“ befinden. Klicken Sie darauf, um mit der Bearbeitung zu beginnen. Der Textformatierungsbereich sollte oben eingeblendet werden und das Panel zum Hinzufügen von Elementen von der Seite erscheinen. Der Inhaltsbereich Ihres Themes ist jetzt Ihr Editor!

Sie können mit PBS nur Einzelseiten bearbeiten. Sie können keine Liste von Blogbeiträgen oder eine 404-Seite bearbeiten, da diese von Ihrem Theme erstellt werden. Beiträge, Seiten und Custom Post Types sind kein Problem.

Bearbeiten Ihrer Inhalte

Jetzt kommt der großartige Teil … sobald Sie sich im Frontend und im Editor befinden, klicken Sie auf einen beliebigen Text in Ihrem Inhalt oder in Ihren Inhaltsbereich und fangen Sie an zu tippen! Im Gegensatz zu anderen Page-Buildern ermöglicht Ihnen PBS, Inhalte direkt zu bearbeiten, ohne dass Popup-Dialogfenster erforderlich sind.

Inhalte formatieren / Dinge ansprechend gestalten

Während der Bearbeitung wird der obere Bereich als Textformatierungsleiste bezeichnet. Diese Leiste enthält alle Formatierungswerkzeuge, die Sie zum Gestalten von Text verwenden, wie: Farben, Fett, Kursiv, Ausrichtungen, Hinzufügen von Links, Aufzählungszeichen und mehr. Bewegen Sie den Mauszeiger über die einzelnen Schaltflächen, um herauszufinden, was das jeweilige Werkzeug bewirkt.

Elemente hinzufügen

Bewegen Sie den Mauszeiger über die Schaltfläche „Elemente hinzufügen“ oben links auf dem Bildschirm, um das Panel „Element hinzufügen“ anzuzeigen. Sie können den Mauszeiger auch einfach an den linken Bildschirmrand bewegen, damit es eingeblendet wird.

Um ein Element einzufügen, halten Sie die Maustaste darauf gedrückt und ziehen Sie es in Ihren Inhaltsbereich. Der Bereich, an dem das Element platziert wird, wird hervorgehoben. Lassen Sie die Maustaste los, um das Element zu platzieren.

Elemente gestalten und anpassen

Bewegen Sie den Mauszeiger über ein beliebiges Element in Ihrem Inhalt; daraufhin sollten Konturen und Symbolleisten darüber erscheinen.

Sie können den Mauszeiger über die Kanten der Konturen bewegen, um die Abstände zwischen Elementen zu vergrößern oder zu verkleinern.

Sie können auch auf eine Schaltfläche in der Symbolleiste klicken, um Schnellaktionen für das Element auszuführen. Ein Klick auf das Zahnrad-Symbol in der Symbolleiste öffnet den Eigenschaften-Inspektor, der weitere Optionen enthält.

Der Eigenschaften-Inspektor

Der Eigenschaften-Inspektor gibt Ihnen mehr Kontrolle über das Aussehen Ihrer Elemente. Sie können viele Dinge hinzufügen, wie z. B. Schatten, Animationen, Kartenfarben ändern, Eckenradien und vieles mehr.

Sie können auch auf die Eigenschaften der übergeordneten Elemente zugreifen. Wenn Sie beispielsweise ein Bild in einer Spalte platziert haben und den Eigenschaften-Inspektor öffnen, können Sie auf die Eigenschaften des Bildes, der übergeordneten Spalte und der Zeile, in der sich die Spalte befindet, zugreifen.

Der Eigenschaften-Inspektor enthält viele verschiedene Einstellungen für unterschiedliche Elemente – probieren Sie sie also unbedingt alle aus.

Verwendung von Shortcodes

Page Builder Sandwich zeigt Ihnen tatsächliche Shortcodes im Frontend an, und Sie können sie auch ganz einfach bearbeiten! 

Wenn Sie Ihre Shortcodes auswendig wissen, können Sie Shortcodes einfügen, indem Sie sie direkt in Ihren Inhalt eingeben. Wenn Sie sie jedoch nicht alle im Kopf haben (wer hat das schon?), listet der Inspektor alle auf Ihrer Website verfügbaren Shortcodes auf. Ziehen Sie eine Shortcode-Schaltfläche aus dem Inspektor in Ihren Inhaltsbereich, suchen Sie den gewünschten Shortcode heraus und klicken Sie darauf, um ihn einzufügen.

Shortcodes werden im Frontend in tatsächlichen Inhalt umgewandelt. Um sie zu bearbeiten, können Sie sie auswählen und ihre Attribute im Inspektor überprüfen. Oder für mehr Kontrolle können Sie per Doppelklick auf den Shortcode klicken, um ihn im Rohformat zu bearbeiten. Nach Durchführung Ihrer Bearbeitungen wird der Shortcode aktualisiert, um die Änderungen widerzuspiegeln.

Inhalte neu anordnen

Mit PBS können Sie alles anklicken, ziehen und an eine beliebige Stelle verschieben. Wenn Sie etwas ziehen und über ein anderes Element auf der Seite bewegen, können Sie es entweder über oder unter anderen Inhalten platzieren.

Ihre Arbeit speichern

Sobald Sie mit Ihrem Design zufrieden sind, klicken Sie einfach auf die Speichern-Schaltfläche oben links auf Ihrer Seite. Das ist alles!