Page Builder Sandwich ist nicht wie ein typischer Page Builder – er ist unkompliziert und einfach zu bedienen.
Sie können sich das folgende Video für eine kurze Tour ansehen.
Wo befindet sich der Editor?
Erstellen Sie zuerst eine neue Seite, einen Beitrag oder einen CPT (Custom Post Type). Rufen Sie dann Ihren neuen Beitrag oder einen beliebigen bestehenden im Frontend auf. PBS funktioniert zu 100 % im Frontend, Sie müssen nicht im Backend herumwerkeln.
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 Element-Hinzufügen-Panel an der Seite. Der Inhaltsbereich Ihres Themes ist jetzt Ihr Editor!
Sie können mit PBS nur Einzelseiten bearbeiten. Sie können keine Blogbeitrags-Übersichtsseite oder eine 404-Seite bearbeiten, da diese von Ihrem Theme generiert werden. Beiträge, Seiten und Custom Post Types sind möglich.
Bearbeiten Ihrer Inhalte
Jetzt kommt der geniale Teil … sobald Sie sich im Frontend und im Editor befinden, klicken Sie einfach auf einen beliebigen Text in Ihrem Inhalt oder in Ihren Inhaltsbereich und fangen Sie an zu tippen! Im Gegensatz zu anderen Page Buildern können Sie mit PBS Inhalte direkt bearbeiten, ohne sich durch Popup-Dialogfelder klicken zu müssen.
Formatieren Ihrer Inhalte / Inhalte ansprechend gestalten
Während der Bearbeitung wird der Bereich oben als Textformatierungsleiste bezeichnet. Diese Leiste enthält alle Formatierungswerkzeuge, die Sie zum Gestalten von Text benötigen, wie z. B.: Farben, fett, kursiv, Ausrichtungen, Hinzufügen von Links, Aufzählungspunkte und mehr. Fahren Sie mit der Maus über die einzelnen Schaltflächen, um herauszufinden, was das jeweilige Werkzeug bewirkt.
Elemente hinzufügen
Fahren Sie mit der Maus über die Schaltfläche „Elemente hinzufügen“ oben links auf dem Bildschirm, um das Element-Hinzufügen-Panel 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
Fahren Sie mit der Maus über ein beliebiges Element in Ihrem Inhalt – daraufhin sollten Umrisse und Symbolleisten darüber erscheinen.
Sie können mit der Maus über die Ränder der Umrisse fahren, um die Abstände (Margins) zwischen den 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 bietet.
Der Eigenschaften-Inspektor
Der Eigenschaften-Inspektor gibt Ihnen mehr Kontrolle über das Aussehen Ihrer Elemente. Sie können viele Dinge hinzufügen wie Schatten, Animationen, Kartenfarben ändern, Eckenradien anpassen 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 Spalte, in der es sich befindet, und der Zeile, in der sich die Spalte befindet, zugreifen.
Der Eigenschaften-Inspektor enthält viele verschiedene Einstellungen für unterschiedliche Elemente – schauen Sie sich diese also unbedingt alle an.
Verwendung von Shortcodes
Page Builder Sandwich zeigt Ihnen tatsächliche Shortcodes im Frontend an, und Sie können diese auch ganz einfach bearbeiten!
Wenn Sie Ihre Shortcodes auswendig kennen, können Sie sie direkt durch Eintippen in Ihren Inhalt einfügen. Falls Sie jedoch nicht alle auswendig kennen (wer tut 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 und klicken Sie darauf, um ihn einzufügen.
Shortcodes werden im Frontend als tatsächlicher Inhalt gerendert. Um sie zu bearbeiten, können Sie sie auswählen und ihre Attribute im Inspektor ansehen. Oder für noch mehr Kontrolle können Sie per Doppelklick auf den Shortcode diesen in seiner Rohform bearbeiten. Nach Ihren Änderungen wird der Shortcode aktualisiert, um diese widerzuspiegeln.
Anordnen Ihrer Inhalte
Mit PBS können Sie jedes Element per Drag-and-Drop anklicken und an eine beliebige Stelle verschieben. Wenn Sie ein Element ziehen, bewegen Sie es über ein anderes Element auf der Seite – Sie können es entweder oberhalb oder unterhalb eines anderen Inhalts platzieren.
Speichern Ihrer Arbeit
Sobald Sie mit Ihrem Design zufrieden sind, klicken Sie einfach auf die Speichern-Schaltfläche oben links auf Ihrer Seite. Das ist schon alles!