Page Builder Sandwich sollte mit den verschiedenen Modulen von Jetpack kompatibel sein.
Das Markdown-Modul führt beim Speichern von Inhalten einen speziellen Vorgang aus, der dazu führt, dass Änderungen während der Markdown-Konvertierung verloren gehen. Um dies zu handhaben, wird Markdown-Text im Backend-Editor in HTML-Tags umgewandelt, wenn Sie Ihre Änderungen vom Frontend aus speichern. (Danke an Jake Jackson für die Hilfe)
Wir haben Page Builder Sandwich mit PHP 7 getestet und alles sollte ohne Probleme einwandfrei funktionieren.
Seien Sie vorsichtig, wenn Sie Ihre Website von einer älteren Version auf PHP 7 aktualisieren, da es viele Inkompatibilitäten mit älteren Versionen gibt, die in all Ihren Themes und Plugins berücksichtigt werden sollten.
Es tritt ein JavaScript-Fehler auf, wenn sowohl Page Builder Sandwich & Materialize zusammen verwendet werden. Es gibt einen Konflikt zwischen materialize.js und der Farbauswahl von WordPress Core.
Dazu gibt es ein Issue im GitHub-Repository von Materialize: https://github.com/Dogfalo/materialize/issues/2821
Das Plugin funktioniert weiterhin einwandfrei, solange Sie die Lizenz auf Ihrer Website nicht deaktivieren. Sobald Sie sie deaktivieren, können Sie sie nicht wieder aktivieren.
Sie können keine Updates mehr über Ihr WordPress-Dashboard erhalten und haben keinen Zugriff mehr auf neuere Versionen. Wir können Ihnen dann auch keinen erstklassigen individuellen Support mehr bieten.
Wenn Sie Page Builder Sandwich zum ersten Mal kaufen, wird automatisch eine .zip-Datei mit dem Plugin auf Ihren Computer heruntergeladen.
Falls Sie diese verlieren, können Sie Ihre .zip-Datei erneut herunterladen, indem Sie diesen Link aufrufen: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Die Eingabe Ihrer Lizenz unter diesem Link ermöglicht es Ihnen, Ihre .zip-Datei von Page Builder Sandwich sowie Ihre Lizenz- und Kontodaten abzurufen.
Das Hinzufügen von Widgets erfolgt durch Klicken auf die Schaltfläche Widget-Element im Bereich Elemente im Inspektor. Nach dem Klicken sollte ein Pop-up-Fenster erscheinen, das alle Widgets auflistet, die Page Builder Sandwich auf Ihrer Website gefunden hat.
Alle auf Ihrer WordPress-Website gefundenen Widgets können hinzugefügt werden. Einige Widgets, die benutzerdefinierten/spezialisierten JavaScript-Code in ihren Einstellungen verwenden, funktionieren jedoch möglicherweise nicht ordnungsgemäß. Widgets, die Folgendes verwenden, funktionieren möglicherweise nicht:
Die Standard-WordPress-Widgets und ähnlich erstellte Widgets sollten keine Probleme bereiten.
Wenn Sie dieses spezifische Widget unbedingt benötigen, gibt es dafür eine Problemumgehung.
Sie können das Plugin Custom Sidebars by WPMU Dev verwenden, um einen neuen Seitenleisten-/Widget-Bereich zu erstellen, und Ihr Widget dort über die reguläre Methode unter Design > Widgets hinzufügen. Fügen Sie dann in Page Builder Sandwich ein Seitenleisten-Element hinzu und wählen Sie die Seitenleiste aus, die das von Ihnen benötigte Widget enthält.
Eine weitere Alternative besteht darin, den gewünschten Effekt mithilfe der verschiedenen in Page Builder Sandwich verfügbaren Elemente und Stile neu zu erstellen.
Technisch gesehen sollte dies mit allen Themes funktionieren.
Zusammen mit unseren Benutzern und Kunden haben wir Page Builder Sandwich erfolgreich mit vielen Themes verwendet, darunter Themes aus dem WordPress.org-Theme-Verzeichnis, Genesis Themes, StudioPress Themes, Elegant Themes und Themes von ThemeForest.
Es kann jedoch vorkommen, dass Ihr Theme etwas Ungewöhnliches tut und verhindert, dass Page Builder Sandwich ordnungsgemäß funktioniert. Wenn das passiert, senden Sie uns bitte eine Support-Anfrage und wir werden versuchen, das Problem zu beheben.
Das Löschen von Inhalten im Page Builder Sandwich erfolgt normalerweise einfach durch Auswählen des Texts oder Elements und anschließendes Drücken der Entf- oder Rücktaste.
Eine weitere Alternative besteht darin, auf die Schaltfläche „Löschen / Entfernen“ im Inspektor zu klicken:
Es gibt einige Fälle, in denen dies nicht funktioniert. Elemente, bei denen dies nicht funktioniert, sind normalerweise Container wie Zeilen, Spalten oder Karussells. Dadurch soll ein versehentliches Löschen beim Entfernen von Inhalten verhindert werden.
Um diese Elemente zu löschen, klicken Sie auf die Schaltfläche „Löschen / Entfernen“ in den Eigenschaften des Elements im Inspektor. Um beispielsweise eine Zeile zu löschen, müssen Sie diesen Bereich verwenden:
Page Builder Sandwich ist jetzt verfügbar in:
Wenn Sie dabei helfen möchten, Page Builder Sandwich mitzugestalten, indem Sie es in Ihre Sprache übersetzen, besuchen Sie unsere Transifex-Seite!
Das Hinzufügen von Bildern ist sehr unkompliziert. Sie können entweder:
Wir haben sichergestellt, dass Page Builder Sandwich nahezu keine Auswirkungen auf die Leistung Ihrer Website hat. Wenn Sie abgemeldet sind, werden zumindest nur Zeilen- und Spalten-CSS-Stile sowie die notwendigen JS- und CSS-Skripte für die von Ihnen verwendeten Shortcodes eingebunden.
Es gab zuvor ein Problem bezüglich NextGen und Page Builder Sandwich.
Vor Version 2.12 führte PBS irgendwie dazu, dass NextGen eine Fehlermeldung anzeigte, wodurch Ihre Website einen leeren weißen Bildschirm zeigte. Dies wurde ab Version 2.12 behoben. Wenn Sie also eine ältere Version verwenden, führen Sie bitte ein Update durch.
Es gibt Tausende von Themes und anderen Plugins da draußen. Obwohl wir vorsichtig sind und alles nach Standards entwickeln, kann manchmal etwas schiefgehen.
Wenn Sie feststellen, dass Page Builder Sandwich in Ihrem Setup nicht richtig funktioniert, finden Sie hier einige Schritte, die Sie zur Fehlerbehebung durchführen können.
Sehen Sie sich den Artikel hier an: Die Schaltfläche „Mit Page Builder Sandwich bearbeiten“ wird nicht angezeigt Wenn das Problem dadurch nicht behoben wird, lesen Sie weiter.
Durchsuchen Sie die verschiedenen Artikel in der Fehlerbehebungs-Kategorie in der Dokumentation.
WordPress, Ihre Plugins, Ihr Theme und sogar Page Builder Sandwich. Es ist immer gut, auf dem neuesten Stand zu sein. Indem Sie sicherstellen, dass alles aktualisiert ist, verfügen Sie über die neuesten Fehlerbehebungen und Sicherheitsupdates für Ihre Website.
Wenn Sie Ihre Inhalte nicht mit Page Builder Sandwich bearbeiten können (und wahrscheinlich ein Fehler-Popup aufgetreten ist), kann es sein, dass der Inhalt der aktuellen Seite, auf der Sie sich befinden, vollständig von Ihrem Theme oder einem Plugin generiert wird. Um dies zu überprüfen, bearbeiten Sie Ihre Seite bzw. Ihren Beitrag ganz normal im Backend über WordPress und prüfen Sie dann, ob Ihre gespeicherten Inhalte im Frontend angezeigt werden. Wenn sie nicht erscheinen, bedeutet dies, dass der Inhalt der Seite bzw. des Beitrags vollständig generiert wird und nicht mit PBS bearbeitet werden kann.
Manchmal kann ein Plugin einen Konflikt mit Page Builder Sandwich verursachen. Um zu überprüfen, welches Plugin den Konflikt verursachen könnte, deaktivieren Sie ein Plugin und prüfen Sie, ob PBS wieder funktioniert. Wiederholen Sie dies für jedes Ihrer aktivierten Plugins. Wenn PBS wieder funktioniert und Sie Ihre Seiten bearbeiten können, ist das gerade deaktivierte Plugin nicht mit PBS kompatibel. Kontaktieren Sie uns in diesen Fällen per E-Mail unter [email protected] und teilen Sie es uns mit, damit wir das Problem beheben können.
Wenn das Deaktivieren von Plugins nichts gebracht hat, versuchen Sie, zu einem der Standard-WordPress-Themes zu wechseln (die Twenty-Etwas-Themes). Wenn Sie Ihre Inhalte dann wieder mit Page Builder Sandwich bearbeiten können, ist das von Ihnen verwendete Theme nicht mit PBS kompatibel. Senden Sie uns diese Informationen per E-Mail an [email protected] und lassen Sie es uns wissen, damit wir das Problem beheben können.
In seltenen Fällen kann eine Browser-Erweiterung möglicherweise verhindern, dass JavaScript-Code auf einer Website ordnungsgemäß funktioniert. Um zu prüfen, ob eine Browser-Erweiterung Probleme verursacht, öffnen Sie Ihren Browser im Inkognito-Modus (Chrome) oder im privaten Modus und versuchen Sie, auf PBS zuzugreifen. Dadurch wird ein neuer Tab ohne Erweiterungen geöffnet. Wenn es funktioniert, haben Sie eine in Konflikt stehende Erweiterung.
Es wurde festgestellt, dass die Browser-Erweiterung PageXray Probleme verursacht.
Sie können Inhalte von verschiedenen Websites wie YouTube-Videos, Vimeo-Videos, Tweets und sogar Reddit-Kommentaren einbetten, indem Sie deren Permalink-URLs in Page Builder Sandwich einfügen.
Beachten Sie, dass eine ganze Textzeile ausschließlich die URL enthalten sollte
Page Builder Sandwich funktioniert zusammen mit der oEmbed-Funktion von WordPress. URLs, die Sie im Backend einbetten können, sollten also unterstützt werden. Plugins, die Unterstützung für zusätzliche oEmbed-Anbieter hinzufügen, sollten ebenfalls funktionieren.
Eine Liste der oEmbed-Anbieter finden Sie im Codex: https://codex.wordpress.org/Embeds
Shortcodes können beim Bearbeiten eingefügt oder direkt eingetippt werden. Nachdem Sie Ihren Shortcode eingegeben haben, drücken Sie die Eingabetaste oder navigieren Sie aus dem Shortcode heraus, und er sollte sofort in seiner gerenderten Form angezeigt werden.
Eine andere Möglichkeit, Shortcodes hinzuzufügen, besteht darin, in Ihrem Inspektor auf das Shortcode-Element zu klicken. Dadurch wird ein Popup geöffnet, das alle auf Ihrer Website verfügbaren Shortcodes auflistet. Wählen Sie einen aus oder doppelklicken Sie auf einen davon, um ihn einzufügen.
Sie können Shortcodes auf 2 Arten bearbeiten:
Shortcode-Attribute können von Page Builder Sandwich nicht erkannt werden. Sie müssen diese also manuell eingeben. Wir arbeiten an einer Möglichkeit, Shortcodes im System zuzuordnen, um es für alle einfacher zu machen. Bleiben Sie dran.
Sie können mit Page Builder Sandwich nur die Inhalte von Seiten, Beiträgen und benutzerdefinierten Beitragstypen bearbeiten.
Sie können jedoch keine Theme-Template-Dateien bearbeiten, wie zum Beispiel:
Sehen Sie es so: Wenn in Ihrer Admin-Leiste im Frontend „Beitrag bearbeiten“ oder „Seite bearbeiten“ angezeigt wird, sollte die Seite bearbeitbar sein.
Sie können Inhalte von verschiedenen Websites wie YouTube-Videos, Vimeo-Videos, Instagram-Fotos, Flickr-Fotos, Tweets und sogar Reddit-Kommentare einbetten, indem Sie deren Permalink-URLs direkt einfügen.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Eine Liste einbettbarer URLs finden Sie im WordPress-Codex: https://codex.wordpress.org/Embeds
Sie können auch andere Plugins installieren, die Unterstützung für zusätzliche Einbettungs-URLs hinzufügen. Beispielsweise werden Wistia-URLs von WordPress nicht standardmäßig unterstützt; Sie können deren Plugin installieren, um die Einbettung zu aktivieren, danach sollte PB Sandwich diese ebenfalls verarbeiten können.
Beachten Sie, dass eine ganze Textzeile nur die URL enthalten sollte, damit dies funktioniert.
Sie können Einbettungscodes auch direkt einfügen.
Einbettungscodes sehen so aus:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Beachten Sie, dass eine ganze Textzeile nur den Einbettungscode enthalten sollte, damit dies funktioniert.
Klicken Sie auf das Werkzeug „Dateien hinzufügen“ und fügen Sie dann Ihre URL im Reiter „Von URL einfügen“ ein.
Markdown ist im Grunde eine Syntax, die Sie während der Bearbeitung eingeben, um die Formatierung Ihres Textes hinzuzufügen oder zu ändern. Diese funktionieren wie Tastenkombinationen, aber anstatt die Tastenkombination zu drücken, tippen Sie sie ein.
Nachfolgend finden Sie eine Liste aller unterstützten Markdown-Syntaxen in Page Builder Sandwich.
## Überschrift2
### Überschrift3
bis zu:
###### Überschrift6
> Blockzitat
(4 Leerzeichen)Vorformatierter Text/Code
* Aufzählungsliste - Aufzählungsliste
1. Nummerierte Liste 1) Nummerierte Liste
- ------------------------------(oder mehrere Bindestriche)
Die Eingabe von URLs wird automatisch in einen Link umgewandelt:
Besuchen Sie https://pagebuildersandwich.com
Besuchen Sie [Page Builder Sandwich](https://pagebuildersandwich.com
Page Builder Sandwich wurde entwickelt, um so unaufdringlich wie möglich zu sein, sodass andere Plugins problemlos neben unserem koexistieren können sollten.
Manchmal gibt es jedoch Ausnahmen. Nachfolgend finden Sie eine Liste von Plugins, die bei der gemeinsamen Nutzung mit Page Builder Sandwich einige Eigenheiten aufweisen. Das bedeutet nicht zwangsläufig, dass sie nicht funktionieren oder inkompatibel sind, sondern nur, dass sich bestimmtes Verhalten unterscheiden kann.
Wir werden diese Liste fortlaufend aktualisieren. Wenn Sie etwas gefunden haben, können Sie gerne ein Support-Ticket an [email protected] senden.
In der Premium-Version von Page Builder Sandwich können Sie Ihre eigenen SVG- / Vektor-Icons verwenden. So geht’s:
Hochgeladene Icons können auch als Aufzählungszeichen in Aufzählungslisten und als Button-Icons verwendet werden.
Hinweis: Wenn Ihr Icon bei Ihren Suchanfragen nicht angezeigt wird, liegt das möglicherweise daran, dass der Dateiname von PBS nicht ordnungsgemäß verarbeitet wurde. In diesen Fällen können Sie die Begriffe „custom“ oder „upload“ verwenden, um Ihre hochgeladenen Icons zu finden.
Prüft, ob PBS aktiviert ist und sich im Bearbeitungsmodus befindet.
if ( PBSEditor.isEditing() ) {
// Beim Bearbeiten etwas ausführen.
}
Keine.
Boolean. True, wenn aktuell bearbeitet wird, false, wenn nicht bearbeitet wird.
Wird innerhalb des iFrames verwendet, der von PBS verwendet wird, um seine responsive Ansicht während der Bearbeitung zu rendern. Dies wird direkt vor dem Schließen des <head>-Tags aufgerufen und kann verwendet werden, um Skripte und Stile hinzuzufügen.
Keine.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Wenn Sie Probleme haben, helfen wir Ihnen gerne! Bitte prüfen Sie jedoch zuerst die Dokumentationsseiten; möglicherweise finden Sie dort bereits die Antwort und sparen Zeit.
Senden Sie uns Ihre Support-Anfragen per E-Mail an [email protected]
Wird ausgelöst, wenn der Benutzer zwischen den verschiedenen responsiven Ansichten wechselt.
Keine.
Sie können mit dem Filter pbs_is_editable_by_user verhindern, dass PB Sandwich im Frontend angezeigt wird.
Um beispielsweise zu verhindern, dass PB Sandwich in einem benutzerdefinierten Inhaltstyp (Custom Post Type) mit dem Slug slider angezeigt wird, können Sie diesen Code zu Ihrer functions.php hinzufügen:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_in_sliders' );
function stop_pbs_in_sliders( $editable ) {
if ( is_singular( 'slider' ) ) {
return false;
}
return $editable;
}
Um PB Sandwich für eine bestimmte Seite bzw. einen bestimmten Beitrag zu deaktivieren, können Sie die Beitrags-ID zur Überprüfung verwenden:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_for_123' );
function stop_pbs_for_123( $editable ) {
global $post;
if ( is_singular() && ! empty( $post ) ) {
if ( '123' === $post->ID ) {
return false;
}
}
return $editable;
}
PBS sendet Nutzungsstatistiken für Opt-in-Benutzer jedes Mal, wenn sie im Editor von PBS speichern. Dieser Filter kann verwendet werden, um das Senden von Daten zu beenden.
$true
Boolean. Dies ist immer wahr.
Wenn Sie Probleme haben, sind wir für Sie da! Bitte prüfen Sie jedoch zuerst die Dokumentationsseiten; möglicherweise finden Sie die Antwort dort und sparen Zeit.
Senden Sie uns Ihre Support-Anfragen per E-Mail an [email protected]
Wird ausgelöst, wenn eine Option (aus dem Inspektor) geändert wurde.
Keine.
PBS >= 4.3
PBS fügt einen Wrapper hinzu, um den Inhaltsbereich eines Beitrags zu identifizieren. Dies wird aufgerufen, bevor der Wrapper platziert wird.
$content
String. Der Beitragsinhalt mit angewendetem Wrapper.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Keine.
Array. Ein Array aller erkannten Shortcode-Tags.
PBS >= 4.3
Überschreibt die Entscheidung, ob PBS im Frontend geladen werden soll und dem Benutzer erlaubt wird, PBS zum Bearbeiten des Beitrags zu verwenden.
$is_editable
Boolean. True, wenn der Beitrag mit PBS bearbeitbar sein soll. Andernfalls False
Verbieten, dass Portfolio-post_types mit PBS bearbeitet werden können
add_filter( 'pbs_is_editable_by_user', 'disallow_portfolios' );
function disallow_portfolios( $is_editable ) {
global $post;
if ( $post ) {
if ( 'portfolio' === get_post_type( $post ) ) {
return false;
}
}
return $is_editable;
}
Wird innerhalb des iFrames verwendet, den PBS nutzt, um seine responsive Ansicht während der Bearbeitung zu rendern. Dies wird direkt vor dem Schließen des <body>-Tags aufgerufen und kann verwendet werden, um Skripte und Stile hinzuzufügen.
Keine.
PBS fügt einen Wrapper hinzu, um den Inhaltsbereich eines Beitrags zu identifizieren. Dies wird aufgerufen, nachdem der Wrapper platziert wurde.
$content
String. Der Beitragsinhalt mit angewendetem Wrapper.
PBS >= 4.3
Ruft die Instanz von PageBuilderSandwich ab
$pbs = PageBuilderSandwich::instance()
Keine.
PageBuilderSandwich-Objekt. Die aktuelle Instanz der PBS-Klasse.
PageBuilderSandwich::is_editable_by_user()
Keine.
Boolean. True, wenn PBS den Beitrag bearbeiten kann, andernfalls false.
Ein Filter zum Modifizieren der CSS-Stile, die für einen Beitrag gespeichert werden. Dieser wird aufgerufen, wenn ein Speichervorgang über den PBS-Editor initiiert wurde.
$style
String. Die zum Speichern gesendeten CSS-Stile.
$post_id
Int. Die Beitrags-ID, die gespeichert wird.
Wird aufgerufen, wenn der PBS-Editor das Laden beendet hat (wird nicht aufgerufen, wenn der Benutzer auf die Schaltfläche zum Starten der Bearbeitung klickt)
Etwas ausführen, nachdem PBS geladen wurde
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
Eine Liste von Shortcode-Tags, die in der Shortcode-Auswahl von PBS ausgeblendet werden sollen. Verwenden Sie dies, wenn Sie Shortcodes haben, die im Auswahl-Popup angezeigt werden, die Sie bereits veraltet haben oder die Sie einfach vor Benutzern verbergen möchten.
$shortcodes
Array. Ein Array von Shortcode-Tags.
Den Shortcode in der Auswahl ausblenden.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Fügt dem pbsFrontendParams-Objekt im Frontend JavaScript-Eigenschaften hinzu. Das pbsFrontendParams-Objekt ist im Frontend unabhängig davon verfügbar, ob der Benutzer angemeldet ist und bearbeitet.
$params
Array. Ein Array von Schlüsseln und Werten, die in der JavaScript-Variable pbsFrontendParams auf Window-Ebene verfügbar sein werden
Eine Variable im Frontend zugänglich machen
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Dies wird in JavaScript unter pbsFrontendParams.myProperty verfügbar sein
$params['myProperty'] = 'My Property';
return $params;
}
Wird direkt vor dem Speichern der Inhalte durch den Editor aufgerufen. Sie können dies verwenden, um zusätzliche Daten zu hinterlegen, die beim Speichern gesendet werden sollen (dies speichert die Daten nicht, sondern sendet sie lediglich per Ajax an das Backend)
payload
FormData-Objekt. Die per Ajax zum Speichern gesendeten Daten.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Daten hinzufügen, die beim Speichern gesendet werden sollen.
payload.append( 'my_data', 'My Data' );
}
Der Großteil von Page Builder Sandwich besteht aus JavaScript, und wir haben eine Reihe von Methoden hinzugefügt, damit Entwickler unseren Page Builder erweitern und mit zusätzlichen Funktionen ausstatten können.
Um es Entwicklern einfacher zu machen, haben wir uns an der Funktionsweise von WordPress orientiert – über Hooks!
In WordPress verwenden Sie typischerweise die Funktionen add_filter() und add_action(), um das Verhalten von WP anzupassen oder zu erweitern. Ähnlich können Sie in PBS wp.hooks.addFilter() und wp.hooks.addAction() verwenden.
Die Art und Weise, wie Sie sie verwenden, ist ebenfalls dieselbe: Verwenden Sie Filter, um Dinge zu modifizieren, und Actions, um zusätzliche Vorgänge auszuführen. Diese beiden Funktionsaufrufe sind im Wesentlichen dieselben wie ihre PHP-Gegenstücke, außer dass sie in JavaScript ausgeführt werden.
Um Verwechslungen zwischen PHP-Hooks und JavaScript-Hooks zu vermeiden, haben wir die JavaScript-Hooks in „period-case“ (ein erfundenes Wort) benannt. PHP-Hooks verwenden alle Snake-Case:
Sehen Sie sich die Kategorien „Javascript Actions“ und „Javascript Filters“ im linken Menü an, um alle Hooks zu durchsuchen.
Für Neugierige: Wir verwenden https://github.com/carldanley/WP-JS-Hooks, um diese praktischen Hook-Aufrufe in JavaScript einzubinden
Wenn Sie nicht mehr finden, wo Sie Ihre Version des Premium-Plugins abgelegt haben, können Sie hier Ihre E-Mail-Adresse eingeben, um sie wiederherzustellen. Das Plugin wird Ihnen per E-Mail zugeschickt.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Ein Skript oder Stylesheet zusammen mit PBS einbinden. Dies wird nur aufgerufen, wenn der Beitrag mit PBS bearbeitbar ist. Wenn die Seite nicht mit PBS bearbeitbar ist, wird dies überhaupt nicht verwendet.
Keine.
Wenn PBS geladen wird, auch my-script.js einbinden
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
Fügt dem pbsParams-Objekt im Frontend JavaScript-Eigenschaften hinzu. Das pbsParams-Objekt ist im Frontend verfügbar, wenn der Benutzer angemeldet ist und die Seite bearbeiten kann.
Diese Variable enthält auch viele der Eigenschaften, die von PBS während der Bearbeitung verwendet werden, wie z. B. Nonces, eine Liste aller geladenen Shortcodes und Übersetzungszeichenfolgen.
$params
Array. Ein Array von Schlüsseln und Werten, die in der JavaScript-Variable pbsParams auf Fensterebene verfügbar werden
Einen nicht erkannten Shortcode zum Editor hinzufügen
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Dies ist eine Premium-Funktion und verfügbar in Version 4.0.1+
Anchor-Links mit Scrolling auf derselben Seite sind Links, die auf eine bestimmte Stelle auf derselben Seite verweisen. Wenn Sie auf einen solchen Link klicken, scrollt Ihr Browser zu dem entsprechenden Bereich.
Sie benötigen zwei Dinge, um einen seiteninternen Anchor-Link zu erstellen:
Wählen Sie ein beliebiges Element im unteren Bereich Ihrer Seite und öffnen Sie dessen Eigenschaften. Fügen Sie im erweiterten Bereich eine benutzerdefinierte Klasse oder benutzerdefinierte ID mit dem Namen „go_here“ hinzu
Erstellen Sie nun einen Link oder fügen Sie ein Button-Element weiter oben auf Ihrer Seite ein. Anstatt eine URL als Link hinzuzufügen, verwenden Sie „.go_here“ (mit dem Punkt), wenn Sie „go_here“ als benutzerdefinierte Klasse hinzugefügt haben; oder verwenden Sie „#go_here“ (mit dem Rautezeichen), wenn Sie es als benutzerdefinierte ID hinzugefügt haben.
Nachdem Sie Ihre Seite gespeichert haben, sollte sie beim Klicken auf Ihren Link/Button nun sanft zu dem Element am Ende Ihrer Seite scrollen.
Benannte Anker wie
<a name="go_here"></a>
können ebenfalls angesteuert werden, indem ein Link zu „#go_here“ (mit dem Rautezeichen) hinzugefügt wird
Sie können auch alle anderen Bereiche auf Ihrer Seite ansteuern, sogar außerhalb des Editorbereichs, solange Sie diese über ihre Klassennamen oder IDs ansprechen.
Wird aufgerufen, nachdem der Inhalt gespeichert wurde. Dies wird aufgerufen, wenn ein Speichervorgang über den PBS-Editor initiiert wurde.
Keine
Ein Filter zum Modifizieren der zu speichernden Beitragsdaten. Dieser wird aufgerufen, wenn ein Speichervorgang über den PBS-Editor initiiert wurde.
$post_data
Array. Die endgültigen zu speichernden Beitragsdaten, diese werden danach direkt an wp_update_post() übergeben.
$_POST
Array. Die unformatierten Beitragsdaten, die vom Editor zum Speichern gesendet wurden. Die Nonce-Verifizierung wurde dafür bereits durchgeführt.
$post_id
Int. Die Beitrags-ID, die wir speichern.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Aus irgendeinem Grund möchten wir, dass der Beitrag immer ein Entwurf ist.
$post_data['post_status'] = 'draft';
return $post_data;
}
Wird direkt vor dem Speichern des Inhalts aufgerufen. Dies wird aufgerufen, wenn ein Speichervorgang über den PBS-Editor initiiert wurde.
Keine
Wenn Sie ein Theme-Entwickler sind, kann die Integration von PBS in Ihr Theme den Wert Ihres Produkts erheblich steigern.
Kontaktieren Sie uns unter [email protected], lassen Sie uns zusammenarbeiten!
CloudFlare ist ein weit verbreitetes kostenloses DNS-CDN. Es ist großartig, aber PBS hat derzeit Probleme mit der Funktion „Rocket Loader“. Rocket Loader verbessert zwar die Ladezeit von Javascript-Dateien, bringt jedoch die Abhängigkeiten und die Aufrufreihenfolge der Skripte von PBS durcheinander. Wenn Sie Rocket Loader aktiviert haben, wird die Bearbeiten-Schaltfläche für Page Builder Sandwich nicht angezeigt (und es erscheinen keine Javascript-Konsolenfehler).
Um Rocket Loader zu deaktivieren, melden Sie sich in Ihrem CloudFlare-Konto an und öffnen Sie die Einstellungen für Ihre Domain. Navigieren Sie zu den „Speed“-Einstellungen:
Scrollen Sie dann nach unten zu den Rocket Loader-Einstellungen und stellen Sie sicher, dass die Option auf Off gestellt ist:
Nachdem Sie dies deaktiviert haben, stellen Sie sicher, dass Sie über die Cache-Einstellungen den gesamten Cache Ihrer Website leeren:
Nachdem Sie Ihren gesamten Cache geleert haben, können Sie die Seite aktualisieren. Die Bearbeiten-Schaltfläche für Page Builder Sandwich sollte nun angezeigt werden.
Ein Filter zum Modifizieren des zu speichernden Beitragsinhalts. Dieser wird aufgerufen, wenn ein Speichervorgang über den PBS-Editor initiiert wurde.
$content
String. Der endgültige zu speichernde Beitragsinhalt.
$post_id
Int. Die Beitrags-ID, die gespeichert wird.
Seit Version 4.0 können Sie während der Bearbeitung zwischen Desktop-, Tablet- und Smartphone-Ansichten wechseln! Wir nennen dies Responsive-Modus. Im Responsive-Modus passt sich Ihre Website auf eine kleinere Größe an, um zu simulieren, wie Ihre Website auf kleineren Bildschirmen aussehen würde.
Wenn Sie Ihre Website in der Tablet- oder Smartphone-Ansicht betrachten, verfügen Sie über eingeschränkte Bearbeitungsmöglichkeiten. Damit können Sie NUR Folgendes tun:
* PBS wendet einige responsive Formatierungen auf Ihre Elemente und Zeilen an, daher können einige Abstände nicht angepasst werden.
Hier sind einige Dinge, die Sie nicht tun können:
Wenn Sie Ihre Website in der Tablet- oder Smartphone-Ansicht betrachten, werden alle von Ihnen vorgenommenen Abstandsanpassungen nur auf die aktuelle Ansicht und auf die kleinere Ansicht angewendet. Auf diese Weise können Sie Ihre Designs optimieren, damit sie auf kleineren Bildschirmen besser aussehen – unabhängig von der vollständigen Desktop-Version.
Hier ist ein Beispiel zur Verdeutlichung.
Dies gilt nur für Abstandsanpassungen; Textänderungen oder Änderungen des Textstils werden auf alle Bildschirmgrößen angewendet.
Bei der Anzeige in der Tablet- oder Smartphone-Ansicht erhalten Ihre Zeilen eine neue „Auge“-Symbolleistenschaltfläche, die angezeigt wird, wenn Sie mit der Maus darüberfahren. Wenn Sie darauf klicken, können Sie die Zeile für die aktuelle Bildschirmgröße ein- oder ausblenden.
Ausgeblendete Zeilen werden beim Bearbeiten leicht transparent dargestellt, um anzuzeigen, dass sie nach Abschluss der Bearbeitung ausgeblendet sein werden.
Beachten Sie, dass diese Funktion nur für Zeilen verfügbar ist.
Wenn Sie Varnish Cache verwenden und nach dem Speichern Ihrer Änderungen immer noch Ihre alten Inhalte sehen, kann es sein, dass Varnish Cache nicht automatisch geleert wurde.
Es gibt einige WordPress-Plugins, mit denen Sie Ihren Cache leeren können: https://wordpress.org/plugins/search/varnish+cache/
Wenn das nicht funktioniert, können Sie Varnish Cache auch manuell leeren, indem Sie diesen Befehl in einem Terminal ausführen:
curl -X PURGE http://mysite.com/my-page/
Markdown ist im Grunde eine Syntax, die Sie während der Bearbeitung eingeben, um die Formatierung Ihres Textes hinzuzufügen oder zu ändern. Diese funktionieren wie Tastenkombinationen, aber anstatt die Tastenkombination zu drücken, tippen Sie sie ein.
Unten finden Sie eine Liste aller unterstützten Markdown-Syntaxen in Page Builder Sandwich.
(Achten Sie auf die Leerzeichen)
# Überschrift1
## Überschrift2
bis zu:
###### Überschrift6
> Blockzitat
(4 Leerzeichen)Vorformatierter Text/Code
* Aufzählungsliste - Aufzählungsliste
1. Nummerierte Liste 1) Nummerierte Liste
- ------------------------------(oder mehrere Bindestriche)
Das Eingeben von URLs wird automatisch in einen Link umgewandelt:
Besuchen Sie https://pagebuildersandwich.com
Tippen Sie „lorem“ ein und drücken Sie dann die Tab-Taste, um Blindtext zu erstellen.
Um PBS zu deaktivieren, melden Sie sich zuerst in Ihrem Dashboard / Backend an und navigieren Sie dann zu Plugins > Installierte Plugins:
Scrollen Sie auf der Plugins-Seite in Ihrer Liste der Plugins nach unten und suchen Sie nach dem Plugin für Page Builder Sandwich. Direkt unter dem Namen sollten Sie einen Link zum Deaktivieren sehen, zusammen mit anderen Links wie Bearbeiten oder Lizenz ändern (dies kann auf Ihrer Website variieren). Klicken Sie auf den Deaktivieren-Link, um das Plugin zu deaktivieren.
Bei den meisten Elementen (jedoch nicht bei Shortcodes) können Sie eine Eingangsanimation festlegen, die abgespielt wird, sobald das Element auf Ihrem Bildschirm sichtbar wird.
Fahren Sie dazu mit der Maus über ein Element, damit die Symbolleiste angezeigt wird, und klicken Sie dann auf das Zahnrad-Symbol.
Dadurch sollte der Inspektor geöffnet werden. Navigieren Sie zum Bereich Animationen, öffnen Sie ihn und wählen Sie dann eine Animation aus.
Nach der Auswahl einer Animation sollte diese abgespielt werden, um Ihnen eine Vorschau zu zeigen. Sie können die Animation mit den anderen bereitgestellten Optionen weiter verfeinern.
Animationen werden nur abgespielt, wenn der Benutzer scrollt und das Element in den Sichtbereich gelangt. Wenn das Element bereits sichtbar ist, sobald Sie auf Ihrer Seite ankommen, wird es nicht animiert.
Nein, das werden Sie nicht! Alle Ihre Seiten und Inhalte sollten weiterhin auf Ihrer Website verbleiben. Das bedeutet, dass Sie PBS bedenkenlos deaktivieren können, wenn Sie von der kostenlosen Version auf die Premium-Version upgraden oder wenn Sie Dinge einfach nur ausprobieren.
Allerdings wird nicht alles gleich aussehen. Sie werden feststellen, dass sich einige Elemente auf Ihrer Seite verändern, da PBS zusätzliche Stile und Skripte enthält, die für einige der aufwendigeren Elemente benötigt werden.
Hier sind einige Dinge, die erhalten bleiben, wenn Sie PBS deaktivieren:
Hier sind einige Dinge, die wegfallen, wenn Sie PBS deaktivieren:
Wenn Sie Ihre Änderungen auf Ihrer Seite gespeichert haben und…
könnte dies bedeuten, dass das Speichern Ihre Caching-Lösung nicht dazu veranlasst hat, die gespeicherten Daten zu löschen.
Wenn Sie eine Art Caching-Lösung verwenden – wie ein Caching-Plugin wie W3 Total Cache, eine serverseitige Caching-Software wie Memcached oder Redis oder DNS-Caching wie Cloudflare –, hat diese Ihre gespeicherten Inhalte möglicherweise nicht gelöscht.
Eine Möglichkeit zu überprüfen, ob dies der Fall ist, besteht darin, Ihre Seite im Backend (auf dem normalen Weg) zu bearbeiten und die Seite dann im Frontend anzusehen. Wenn sich Ihr Inhalt nicht geändert hat, wurde Ihr Cache möglicherweise nicht automatisch geleert.
Einige Nicht-WordPress-Caching-Lösungen verfügen über ein ergänzendes WordPress-Plugin, das beim Leeren oder Bereinigen des aktuellen Caches helfen kann. WordPress-Lösungen bieten hierfür normalerweise Schaltflächen oder Optionen.
Es ist auch möglich, dass beim Speichern ein PHP-Fehler aufgetreten ist.
Um zu überprüfen, ob dies der Fall ist, öffnen Sie Ihre Entwicklerkonsole (vorzugsweise in Chrome) und navigieren Sie zum Reiter „Netzwerk“ (Network). Speichern Sie dort Ihre Änderungen in PBS. Anschließend sollten Sie mehrere Einträge für admin-ajax.php sehen. Wenn Sie dies in Rot sehen, deutet dies darauf hin, dass ein Fehler aufgetreten ist. Überprüfen Sie, ob Sie so etwas sehen:
Wenn dies der Fall ist, senden Sie uns bitte eine E-Mail an [email protected] zusammen mit den erforderlichen Anmeldedaten, damit wir dies überprüfen und für Sie beheben können.
Bitte lesen Sie den Artikel über die Wordfence-Kompatibilität hier: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Hinweis: Dies gilt nicht für Envato-Kunden
Wenn bei der Aktivierung Ihrer Lizenz Fehler auftreten, können Sie Folgendes ausprobieren…
Dies tritt meistens bei Personen auf, die auf eine neuere Version aktualisieren. Wenn Sie die Dateien des Plugins direkt manuell aktualisiert und die regulären Update- oder Deaktivierungs-/Aktivierungsschritte übersprungen haben, wurden manche Prozesse möglicherweise nicht ordnungsgemäß ausgeführt. Bitte deaktivieren Sie das Plugin, reaktivieren Sie es anschließend und versuchen Sie erneut, Ihre Lizenz einzugeben.
Seit v3.2 ist Page Builder Sandwich in Freemius integriert. In manchen Fällen behebt das Löschen der Freemius-Daten Lizenzaktivierungsfehler. So beheben Sie das Problem:
Gehen Sie in Ihr Dashboard und ändern Sie Ihre URL zu http://yoursite.com/wp-admin/admin.php?page=freemius (vergessen Sie nicht, die URL an Ihre Website anzupassen). Wenn Sie die unten gezeigte Seite erreichen, sind Sie an der richtigen Stelle.
Klicken Sie auf die Schaltfläche Delete All Accounts und danach auch auf die Schaltfläche Clear API Cache. Versuchen Sie anschließend erneut, Ihren Lizenzschlüssel einzugeben.
Wenn es nicht funktioniert, kontaktieren Sie uns bitte unter [email protected] und teilen Sie uns bitte Einzelheiten zum Problem und zu Ihrer Website mit.
Um schnell etwas Blindtext hinzuzufügen, geben Sie das Wort „lorem“ ein und drücken Sie dann die Tabulator- oder Eingabetaste, um schnell lorem ipsum Platzhaltertext hinzuzufügen:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolor sed numquam? Sapiente autem adipisci, minus expedita enim, suscipit laboriosam deleniti possimus sequi pariatur explicabo numquam alias atque officia sit.
Hier habe ich eine Zeile mit einer Hintergrundfarbe hinzugefügt und dann ein Bild darin eingefügt. So sieht es aus:
Damit es über den Container „hinausragt“, bewegen Sie die Maus über das Element, das Sie verschieben möchten. Wenn die Umrandungen angezeigt werden, bewegen Sie die Maus über den oberen Rand der Umrandung hinaus. Dort sollte der aktuelle Wert für den oberen Außenabstand angezeigt werden:
Klicken Sie auf den oberen Außenabstand und ziehen Sie ihn nach oben, um den Abstand zu verringern und daraus einen negativen Wert zu machen:
Jetzt „ragt“ das Bild über die Zeile hinaus!
Wenn das Element abgeschnitten wird, sobald es über die Zeile hinausgeht, öffnen Sie den Eigenschaften-Inspektor für die Zeile und deaktivieren Sie die Option overflow hidden in den Erweitert-Optionen:
Um Inhalte von externen Websites einzubetten, fügen Sie einfach die URL ein und drücken Sie anschließend die Eingabetaste. Sie können beispielsweise diese URL von YouTube kopieren und einfügen:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Das Einbetten per Iframe ist ebenfalls durch Einfügen von <iframe>-Einbettungscodes möglich. Kopieren Sie beispielsweise diesen Einbettungscode und fügen Sie ihn ein:
<iframe width=“560″ height=“315″ src=“https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=“0″ allowfullscreen></iframe>
Sie können URLs von Websites einbetten, die im WordPress-Codex aufgeführt sind: https://codex.wordpress.org/Embeds sowie von jeder oEmbed-fähigen Website.
Page Builder Sandwich funktioniert mit allen Caching-Plugins. Es können jedoch Probleme auftreten, wenn Sie deren Minify– oder Caching-Funktionalität aktivieren.
Stellen Sie einfach sicher, dass Minify für angemeldete Benutzer deaktiviert ist, dann sollte es problemlos funktionieren.
Wir zeigen hier nur die Einstellungen von W3 Total Cache, andere Caching- & Minify-Plugins sollten jedoch über ähnliche Einstellungen verfügen.
Stellen Sie sicher, dass Don’t cache pages for logged in users unter Performance > Page Cache aktiviert ist
Wenn Sie Minify verwenden, stellen Sie sicher, dass Disable minify for logged in users unter Performance > Minify aktiviert ist
Wenn Sie versuchen, die oberen und unteren Anfasser für Margin oder Padding zu ziehen, und sich die Margins/Paddings des Elements nicht ändern, gibt es möglicherweise andere Stile, die jegliche Stiländerungen zwangsweise überschreiben. Dies kann auch vorkommen, wenn Sie Hintergründe oder Rahmen nicht ändern können oder wenn transparente Bilder immer eine Hintergrundfarbe erhalten.
Um das Problem zu finden, öffnen Sie den Inspektor Ihres Browsers und untersuchen Sie das Element. Durchsuchen Sie die Stile für dieses Element. Wenn Sie so etwas sehen:
Dann können Sie sicher sein, dass entweder Ihr Theme oder ein Plugin verhindert, dass andere Stile auf das Element angewendet werden. Bewegen Sie den Mauszeiger über das Stylesheet, um herauszufinden, von welchem Theme/Plugin es stammt.
Um dies zu beheben, entfernen Sie den Teil „! important“ des Stils, und Sie sollten wieder in der Lage sein, Stile anzuwenden. Möglicherweise müssen Sie sich an den Autor des Themes oder Plugins wenden, um dies zu beheben.
Hinweis: Standardmäßig wird der Header nur von der Startseite entfernt.
Um den Header oder das Menü von beliebigen Seiten zu entfernen, benötigen Sie ein Plugin, mit dem Sie benutzerdefiniertes CSS hinzufügen können, wie beispielsweise Jetpack.
Um den Header zu entfernen, benötigen Sie die Beitrags-ID Ihres Beitrags. Fügen Sie dann dieses benutzerdefinierte CSS hinzu (ersetzen Sie 9999 hier durch Ihre Beitrags-ID):
body.page-id-9999 #masthead {
display: none;
}
Um die Menüs von einer Seite zu entfernen (ersetzen Sie 9999 hier durch Ihre Beitrags-ID):
body.page-id-9999 #header-wrapper {
display: none;
}
oder wenn Sie das Menü nur von Ihrer Startseite entfernen möchten:
body.page-id-9999 #header-wrapper {
display: none;
}
Sie können Ihren Zeilen und Hintergründen Hintergrundbilder hinzufügen. Darüber hinaus können Sie Ihr Hintergrundbild auch mit einer Farbe tönen, damit es besser zu Ihrem Design passt.
Hier habe ich zum Beispiel eine Zeile mit einem Hintergrundbild und darüberliegendem weißen Text. Der Text ist im Moment aufgrund des ausgewählten Hintergrundbildes nur schwer zu erkennen.
Um das Ganze ansprechender zu gestalten, können wir unserem Hintergrundbild etwas Farbe hinzufügen. Bewegen Sie dazu den Mauszeiger über die Zeile und klicken Sie auf das Zahnrad-Symbol der Zeile, um die Einstellungen zu öffnen. Gehen Sie zu den Hintergrund-Optionen und aktivieren Sie Hintergrundbild-Tönung.
Sobald dies aktiviert ist, ändern Sie die Hintergrundfarbe, wodurch Ihr Hintergrundbild nun mit einer Farbnuance getönt wird. Sie können auch die Stärke bzw. Deckkraft der Tönung anpassen. Hier ist mein Hintergrund grün getönt, um den Text besser lesbar zu machen:
Page Builder Sandwich prüft regelmäßig, ob Sie noch in WordPress angemeldet sind. Dies geschieht, um sicherzustellen, dass Ihre Änderungen tatsächlich gespeichert werden, wenn Sie auf die Schaltfläche „Speichern“ klicken. Dies wird auch für Beitrags-Sperren und automatische Speicherungen verwendet.
Wir verlassen uns auf die WordPress-Heartbeat-API, um unsere Überprüfungen durchzuführen, und diese wiederum stützt sich auf Browser-Cookies und -Sitzungen. Wenn Sie also beim Bearbeiten ständig diese „Sitzung abgelaufen“-Popups erhalten, verhindert möglicherweise etwas, dass WordPress Sie ordnungsgemäß erfasst. Hier sind einige Schritte, die Sie unternehmen können, um dieses Problem zu beheben:
Wenn Sie Caching-Plugins, DNS-Caching oder eine andere Form von Caching nutzen, leeren Sie diese. Leeren Sie auch Ihren Browser-Cache. Es ist möglich, dass für Ihre Website nicht die neuesten Skripte bereitgestellt werden.
Es ist auch möglich, dass Ihre Cookies beschädigt wurden. Dies lässt sich leicht beheben, indem Sie Ihre Browser-Cookies in den Einstellungen Ihres Browsers löschen. Diese Option befindet sich normalerweise in der Nähe der Einstellung zum Leeren des Browser-Caches.
Gehen Sie zu Einstellungen > Allgemein und überprüfen Sie Ihre Einstellungen. Suchen Sie nach den Einstellungen für WordPress-Adresse (URL) und Website-Adresse (URL). Die Domains und Protokolle sollten mit Ihrer tatsächlichen Domain übereinstimmen. Wenn beispielsweise eine URL „http://“ enthält, Sie Ihre Website jedoch über „https://“ aufrufen, sollten die Einstellungen „https://“ lauten. Ein weiteres häufiges Problem ist, dass eine dieser URLs ein „www“ enthält und die andere nicht.
Diese sollten übereinstimmen:
oder:
Um dies zu beheben, können Sie die Einstellungen unter Einstellungen > Allgemein ändern. Wenn Sie diese Einstellungen nicht bearbeiten können, können Sie Ihr FTP-Programm öffnen, die Datei wp-config.php bearbeiten und die folgenden Zeilen hinzufügen:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
| Lite-Version | Nicht verfügbar |
| Premium-Version | Alle Funktionen verfügbar
|
Karussells sind eine neuartige Möglichkeit, Inhalte hinzuzufügen, die wiederholt in den Sichtbereich wechseln. Page Builder Sandwich verfügt über ein natives Karussell-Element, das verwendet werden kann, sodass keine externen Karussell-Plugins erforderlich sind.
Durch Klicken auf das Zahnrad-Symbol des Karussell-Elements können Sie das Verhalten des Karussells konfigurieren, z. B. Slide-Animation, Verzögerung und mehr. Nach der Erstellung erhalten Sie drei Karussell-Slides zum Bearbeiten, mit der Option, Slides hinzuzufügen oder zu löschen. Alle diese Slides akzeptieren die üblichen Elemente wie Text, Bilder und bestimmte Shortcodes.
Das Wechseln der Slides ist so einfach wie das Auswählen der Navigationsschaltflächen selbst. Die Reihenfolge der Slides kann ebenfalls über die Eigenschaften (Zahnrad-Symbol) geändert werden.
Um Ihren Beitragsstatus zu ändern, fahren Sie mit der Maus über die Dropdown-Anzeige auf der Speichern-Schaltfläche oben links auf dem Bildschirm. Dadurch werden weitere Speicheroptionen angezeigt.
Wenn Sie die Lite-Version verwenden, sind Ihnen vielleicht die gelben dreieckigen Flaggen aufgefallen. Diese zeigen an, ob eine bestimmte Schaltfläche/ein bestimmtes Element/eine bestimmte Option eine Premium-Funktion ist.
Wenn Sie diese ausblenden möchten, können Sie in Ihr Dashboard wechseln, zur Einstellungsseite unter PBSandwich > Settings navigieren und die Option für Hide Premium Feature Flags aktivieren
Wir möchten keine überladene Benutzeroberfläche und wollten, dass alles intuitiv und leicht zu entdecken ist. Auch wenn die Benutzeroberfläche von Page Builder Sandwich einfach aussieht, ist sie doch sehr leistungsstark und Sie können während der Bearbeitung viele Dinge tun.
Sie können auch viele raffinierte Dinge mit Ihrem Mauszeiger tun. Interaktive Overlays und Symbolleisten erscheinen, wenn Sie mit der Maus über verschiedene Elemente fahren. Jedes davon hat unterschiedliche Funktionen, wie zum Beispiel:
| Lite-Version | Alle Funktionen verfügbar |
| Premium-Version | Alle Funktionen verfügbar |
Klicken Sie im Inspektor auf das HTML-Element, um ein neues HTML-Element hinzuzufügen. Es sollte ein modales Fenster erscheinen. Geben Sie dort Ihren HTML-Code ein oder fügen Sie ihn ein und klicken Sie anschließend auf HTML speichern. Ihr HTML sollte nun im Editor angezeigt werden.
Bewegen Sie den Mauszeiger über das HTML-Element, um die Symbolleiste anzuzeigen. Sie können Ihren HTML-Code bearbeiten, indem Sie auf das Stiftsymbol in der Symbolleiste klicken oder auf das Element selbst doppelklicken.
Sobald Sie mit der Bearbeitung mit PBS beginnen, bewegen Sie die Maus über den Titel Ihrer Seite/Ihres Beitrags; daraufhin sollte ein Rahmen darum erscheinen. Klicken Sie auf den Titel, um den Cursor darin zu platzieren und ihn zu bearbeiten.
Formatierungswerkzeuge sind im Titelbereich nicht verfügbar, Sie können weder dessen Stile ändern noch Elemente zum Titel hinzufügen.
Zeilen & Spalten sind Werkzeuge, mit denen Sie unterteilte Inhalte erstellen können.
Wenn Sie mit Page Builder Sandwich eine neu erstellte Seite bzw. einen neuen Beitrag bearbeiten, wird der eingegebene Inhalt komplett in einer einzigen Spalte platziert. Dies eignet sich gut zum Verfassen von Blogbeiträgen. Wenn Sie jedoch spezielle Layouts für Landingpages oder Kontaktseiten wünschen, möchten Sie wahrscheinlich ein 2-spaltiges Layout oder sogar eine Mischung verschiedener Spalten auf Ihrer Seite verwenden.
Sie können Zeilen & Spalten hinzufügen, indem Sie diese Schaltflächen im Inspektor verwenden:
Nach dem Hinzufügen wird Ihre neue Zeile umrandet dargestellt:
Sie können beliebige Inhalte in Ihre Zeilen und Spalten einfügen – Text, Shortcodes, Widgets und sogar weitere Zeilen & Spalten hinzufügen.
Wenn eine Zeile (oder ein Inhalt innerhalb Ihrer Zeile) ausgewählt ist, werden im Inspektor weitere Optionen verfügbar. Sie können diese Schaltflächen verwenden, um Ihren Abschnitt weiter zu gestalten:
Darunter finden Sie im Inspektor auch zusätzliche Optionen zum Gestalten Ihrer Spalten.
Sie können Zeilen an andere Stellen verschieben, indem Sie auf die Zeile selbst klicken und die Maustaste gedrückt halten (wenn Sie auf ein Element darin klicken und gedrückt halten, wird das Element gezogen und nicht die Zeile).
| Lite-Version | Nicht verfügbar |
| Premium-Version | Alle Funktionen verfügbar
|
Markieren Sie optional einen Text und klicken Sie dann im Inspektor auf das Button-Element. Dadurch sollte sich ein modales Fenster öffnen, in dem Sie die URL eingeben können, auf die Ihr Button verlinken soll. Von dort aus können Sie auch nach jeder bestehenden Webseite auf Ihrer Website suchen.
Im Gegensatz zu anderen Elementen werden Buttons inline platziert, was bedeutet, dass sie neben anderem Text (oder anderen Buttons) platziert werden. Sie können einzelne Buttons nicht per Drag-and-Drop an andere Stellen ziehen, sondern ziehen den Button stattdessen zusammen mit dem ihn umgebenden Text.
Wenn Sie während der Bearbeitung auf einen Button klicken, werden im Inspektor zusätzliche Styling-Optionen angezeigt. Sie können den Mauszeiger auch über Buttons bewegen, um die URL, auf die sie verlinken, und weitere Befehle anzuzeigen.
Hinweis: Führen Sie diesen Schritt durch, wenn Sie PBS bereits installiert und aktiviert haben und es mit einer ZIP-Datei aktualisieren möchten, die Sie von der Website heruntergeladen haben oder die wir Ihnen als E-Mail-Anhang gesendet haben.
Hinweis: Wir verwenden ein weiteres Plugin für Aktualisierungen. Dadurch können wir PBS direkt aktualisieren, ohne es vorher deinstallieren zu müssen.
Gehen Sie zu Plugins > Installieren und suchen Sie im Suchfeld nach dem Plugin „Easy Theme and Plugin Upgrades“
Sobald Sie das Plugin gefunden haben, installieren und aktivieren Sie es.
Nachdem Sie das Plugin „Easy Theme and Plugin Upgrades“ aktiviert haben, gehen Sie erneut zu Plugins > Installieren und klicken Sie dann oben auf die Schaltfläche Plugin hochladen:
Wählen Sie die ZIP-Datei für Page Builder Sandwich aus und installieren Sie sie,
Das ist schon alles. Jetzt sollten Sie die neue Version von PBS haben.
| Lite-Version | Verfügbar mit eingeschränkten Styling-Optionen |
| Premium-Version | Alle Funktionen verfügbar
|
Klicken Sie auf das Karten-Element, um eine Karte zu Ihrer Seite hinzuzufügen. Immer wenn das Karten-Element ausgewählt ist, sollte der Inspektor die Karteneinstellungen anzeigen. Sie können Breiten- und Längenkoordinaten oder eine Adresse in das Standortfeld im Inspektor eingeben, um Ihre Karte auf diesen Bereich zu zentrieren. Dort stehen Ihnen auch weitere Styling-Optionen zur Verfügung.
Sie können das Karten-Element weiter anpassen, indem Sie die Karte verschieben oder vergrößern/verkleinern (Zoomen). Beachten Sie, dass Ihre Änderungen auf der Karte auf das Element angewendet werden.
Als Premium-Benutzer können Sie Ihre Karte gestalten, indem Sie eine Farbe zum Einfärben auswählen; eine weitere Option ist die Verwendung von snazzymaps.com, um Farbschemata zu erstellen und diese zu verwenden. SnazzyMaps kann verwendet werden, um Farbschemata ähnlich wie dieses zu erstellen: https://snazzymaps.com/style/20053/papuportal-dark Um diese Farbschemata zu verwenden, kopieren Sie das Javascript-Style-Array in den Inspektor.
Die Kartenhöhe kann angepasst werden, die Kartenbreite jedoch nicht und passt sich immer an die maximal verfügbare Breite an. Um die Größe anzupassen, platzieren Sie Ihre Karten in Zeilen und Spalten. Sie können Karten auch so einstellen, dass sie die volle Breite des Browsers einnehmen.
Sie können Ihre Maus verwenden, um Ihren Cursor schnell an verschiedenen Stellen in Ihrem Inhalt zu platzieren oder verschiedene Elemente auszuwählen.
Sie können auch die Pfeiltasten auf Ihrer Tastatur verwenden, um Ihren Cursor durch Ihren Inhalt zu bewegen. Damit können Sie sich über oder unter Zeilen bewegen.
Wenn Sie mit Zeilen und Spalten arbeiten, können Sie auf die Ränder der Zeilen klicken, um direkt nach oder vor Ihrer Zeile Inhalte hinzuzufügen. Dies ist besonders hilfreich, wenn Sie mehrere Zeilen ineinander verschachtelt haben und dazwischen Inhalte einfügen möchten.
Wenn Sie die Schaltfläche „Mit Page Builder Sandwich bearbeiten“ im Frontend Ihrer Website nicht sehen können, gibt es einige Dinge, die Sie ausprobieren können:
Die Bearbeiten-Schaltfläche für PB Sandwich ist in der Admin-Leiste in Ihrem Frontend verfügbar. Stellen Sie sicher, dass die Admin-Leiste sichtbar ist, indem Sie in Ihre Administration gehen, zu Benutzer > Ihr Profil navigieren und überprüfen, ob das Kontrollkästchen für Werkzeugleiste für mich auf der Website anzeigen aktiviert ist.
Nur Beiträge, Seiten & Custom Post Types können im Frontend bearbeitet werden. Sie können Dinge im Frontend nur bearbeiten, wenn Sie sie auch mit dem WordPress-Inhalts-Editor im Backend bearbeiten können. Die anderen Bereiche Ihrer Website – z. B. die Beitragsübersicht auf der Startseite, die Liste aller Blogbeiträge, Kategorie-Auflistungen, 404-Seiten, Suchseiten – sind dynamische Seiten, die von WordPress zusammen mit dem von Ihnen verwendeten Theme erstellt werden und nicht mit PB Sandwich bearbeitet werden können.
Ein Indikator dafür, ob die aktuelle Webseite bearbeitbar ist, ist das Vorhandensein von „Beitrag bearbeiten“ oder „Seite bearbeiten“ in Ihrer Admin-Leiste.
Wenn Ihre Seite / Ihr Beitrag dynamisch von einem Theme oder Plugin generiert wird, kann er nicht mit Page Builder Sandwich bearbeitet werden (und höchstwahrscheinlich auch nicht mit anderen Page Buildern). Wenn Sie feststellen, dass Ihr Inhalts-Editor im Backend leer ist, die Seite beim Betrachten im Frontend jedoch voller Inhalte ist, ist dies ein gutes Indiz dafür, dass Ihre Seite dynamisch generiert wird.
Um zu überprüfen, ob Ihre Seite dynamisch generiert wird, betrachten Sie den Quelltext Ihrer Webseite (Rechtsklick und dann „Seitenquelltext anzeigen“ wählen). Suchen Sie nach dem Text „pbs-main-wrapper“. Wenn Sie diesen Text nirgendwo finden können, wird Ihre Seite dynamisch generiert.
Hier sind einige Beispiele für dynamisch generierte Inhalte:
Es gab Fälle, in denen das Theme den Inhalt überhaupt nicht angezeigt hat, wenn er leer war, was dazu führte, dass PBS fälschlicherweise annahm, dass die Seite nicht bearbeitbar ist. Um zu prüfen, ob dies der Fall ist, bearbeiten Sie Ihre Seite / Ihren Beitrag im Backend-Editor, fügen Sie einen beliebigen Text zu Ihrem Inhalt hinzu (z. B. „Hallo“) und klicken Sie dann von dort aus auf die Schaltfläche „Mit Page Builder Sandwich bearbeiten“.
Vielen Dank an Mathias Hellquist für diesen Tipp!
Bei einigen Page Buildern müssen Sie wählen, ob Sie den Standard-Inhaltseditor von WordPress oder den eigenen Editor des Page Builders verwenden möchten. Wenn Sie Ihre Seite bereits mit einem anderen Page Builder bearbeitet haben, kann es sein, dass dieser Page Builder den Inhalt bereits für sich „beansprucht“ hat und andere Inhalts-Hooks/-Filter nicht mehr ausgeführt werden können. Aus diesem Grund kann Page Builder Sandwich manchmal nicht erkennen, wo sich Ihr Inhalt befindet, und zeigt die Bearbeiten-Schaltfläche nicht an, da es nichts zu bearbeiten gibt.
Um dies zu beheben, entscheiden Sie sich einfach dafür, diesen Page Builder für diese spezielle Seite / diesen speziellen Beitrag nicht zu verwenden, und wählen Sie stattdessen den Standard-Inhaltseditor von WordPress.
Stellen Sie sicher, dass Sie über Bearbeitungsrechte für die Seite verfügen
Die Bearbeiten-Schaltfläche wird nicht angezeigt, wenn Sie die Seite nicht bearbeiten können. Wenn Sie beispielsweise Redakteur oder Mitarbeiter sind und Blogbeiträge und Artikel auf der Website verfassen können, bedeutet das nicht unbedingt, dass Sie die Startseite oder Ihre Kontaktseite bearbeiten können. Wenn Sie die Schaltfläche „Beitrag bearbeiten“ in Ihrer Admin-Leiste sehen können, sollten Sie sie auch mit PB Sandwich bearbeiten können. Bitten Sie Ihren Website-Administrator um Bearbeitungsrechte, falls Sie diese benötigen.
PB Sandwich nutzt Javascript ausgiebig. Wenn Javascript-Fehler auftreten, die von anderen Skripten auf Ihrer Website stammen, kann dies verhindern, dass PB Sandwich funktioniert. Um zu überprüfen, ob dies der Fall ist, können Sie die Entwicklerkonsole in Ihrem Browser öffnen, um nach Fehlern zu suchen.
Hierfür würde ich die Verwendung von Chrome empfehlen. Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle der Seite und dann auf die Option „Untersuchen“. Dadurch wird ein neuer Bereich am unteren Rand Ihres Browsers geöffnet; klicken Sie dort auf den Reiter „Console“. Wenn Fehler vorliegen, sollten Sie etwas wie folgt sehen:
Wenn Sie einen Fehler haben, können Sie auch einen Hinweis darauf erhalten, woher dieser stammt, indem Sie auf den Namen des Skripts klicken oder mit der Maus darüberfahren:
Diese Fehler können von Ihrem Theme oder anderen Plugins stammen, die Sie installiert haben. Die Behebung dieser Fehler kann dazu führen, dass PB Sandwich wieder funktioniert.
Wenn Ihr Theme oder eines Ihrer Plugins den Javascript-Fehler verursacht, lassen Sie es uns bitte per E-Mail an [email protected] wissen, und wir werden unser Bestes tun, um das Problem zu beheben 🙂
CloudFlare ist ein weit verbreitetes, kostenloses DNS-CDN. Es ist großartig, aber PBS hat derzeit Probleme mit der Rocket Loader-Funktion. Rocket Loader verbessert zwar die Ladezeit von Javascript-Dateien, bringt jedoch die Abhängigkeits- und Aufrufreihenfolge der Skripte von PBS durcheinander. Wenn Rocket Loader aktiviert ist, wird die Bearbeiten-Schaltfläche für Page Builder Sandwich nicht angezeigt (und es erscheinen keine Javascript-Konsolenfehler).
Um zu überprüfen, ob Ihre Website CloudFlares Rocket Loader verwendet, rufen Sie den Quelltext Ihrer Webseite auf (Rechtsklick und dann „Seitenquelltext anzeigen“ wählen) und suchen Sie nach dem Text „rocketscript“. Wenn Sie diesen Text finden, ist Rocket Loader aktiviert.
Lesen Sie den Artikel über CloudFlare & Rocket Loader Compatibility für eine vollständige Anleitung, wie Sie ihn deaktivieren können.
Gut, wenn an dieser Stelle keine der oben genannten Lösungen funktioniert, ist es vielleicht an der Zeit zu erklären, warum sie nicht angezeigt wird und was dagegen unternommen werden kann. Bereit? Los geht’s!
Page Builder Sandwich muss wissen, wo sich der Inhalt Ihrer Seite / Ihres Beitrags befindet. Wir tun dies, indem wir abfangen, wann WordPress den Beitragsinhalt lädt, und diesen Bereich „markieren“, sodass wir, wenn alles geladen ist, finden können, wo der eigentliche Inhalt liegt.
Manchmal überschreiben oder umgehen einige Plugins diesen Prozess und versuchen stattdessen, den Inhalt auf ihre eigene Weise zu laden. Manchmal ist das in Ordnung, aber in bestimmten Szenarien – insbesondere wenn es um das Laden des Hauptinhalts eines Beitrags geht – kann dies dazu führen, dass einige Plugins nicht mehr funktionieren. Wenn ein anderes Plugin diesen Ladevorgang umgeht, können die von uns vorgenommenen „Markierungen“ verloren gehen, und wenn der Editor aktiv werden soll, kann er Ihren Inhalt nicht mehr finden. Folglich erscheint die Bearbeiten-Schaltfläche nicht! Möglicherweise stellen Sie auch fest, dass einige Plugins, die Ihrer Seite Inhalte hinzufügen (wie z. B. einige Social-Sharing-Plugins), aus genau demselben Grund nicht mehr funktionieren.
Page Builder Sandwich muss wissen, wo sich der Inhalt Ihrer Seite / Ihres Beitrags befindet, und tut dies, indem es sich in den Filter the_content einklinkt und einen Wrapper um Ihren Hauptinhalt legt. Einige Plugins überschreiben dies möglicherweise und ersetzen den Inhalt stattdessen später durch eine get_the_content()-Funktion. Leider verhindert dieses Vorgehen, dass ALLE the_content-Filter aufgerufen werden, und somit geht der Wrapper von PBS verloren. Änderungen anderer Plugins würden ebenfalls verloren gehen.
An der Verwendung von get_the_content() an sich ist nichts auszusetzen, aber es kann negative Auswirkungen haben, wenn dies in der Hauptabfrage und innerhalb der Template-Seite für Einzelbeiträge anstelle des normalen the_content()-Aufrufs verwendet wird, bei dem alle the_content-Filter ausgeführt werden.
Sie können überprüfen, ob die „Markierungen“ von Page Builder Sandwich fehlen, indem Sie Ihre Seite / Ihren Beitrag im Frontend aufrufen und den Seitenquelltext anzeigen, während Sie angemeldet sind. Suchen Sie im Code-Dschungel nach der Zeichenfolge:
data-name="main-content"
Wenn Sie sie finden können, liegt möglicherweise nur irgendwo ein Javascript-Problem vor; teilen Sie uns einfach das Theme und die Plugins mit, die Sie verwenden, und wir können das beheben.
Wenn Sie sie jedoch nicht finden können, liegt es möglicherweise einfach daran, dass Ihr Theme (oder ein Plugin, aber bei einer Seite oder einem Blogbeitrag ist es höchstwahrscheinlich das Theme) etwas mit dem Beitragsinhalt anstellt. Wenn dies der Fall ist, sollten Sie sich an den Theme-Autor wenden und ihn über das Problem informieren! Sie können ihm auch die obige technische „Warum“-Erklärung zeigen, das kann beim Debuggen helfen 🙂
Wenn Sie sich sicher fühlen, selbst an PHP-Dateien zu arbeiten, können Sie versuchen, das Problem zu beheben, indem Sie die Template-Datei ausfindig machen, die für den Beitragsinhalt zuständig ist. Eine Lösung, auf die wir gestoßen sind, besteht darin, Aufrufe von:
$content = get_the_content();
durch Folgendes zu ersetzen:
ob_start(); the_content(); $content = ob_get_clean();<br>
Hinweis: Die PHP-Variable kann bei Ihnen variieren, aber das Konzept sollte dasselbe sein. Wenn es funktioniert, wäre es zudem besser, ein Child-Theme zu erstellen, anstatt diese Änderung direkt in Ihrem Theme vorzunehmen. Durch die Änderung kann es auch zu Nebenwirkungen kommen, daher ist es ratsam, dies mit dem Autor Ihres Themes abzusprechen.
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.
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.
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.
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.
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.
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 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.
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.
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!
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.
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.
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.
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.
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.
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 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.
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.
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!
Das Lite-Plugin und das Premium-Plugin sind zwei verschiedene Plugins. Um die Premium-Funktionen nutzen zu können, müssen Sie die Lite-Version deaktivieren (oder deinstallieren), dann das Premium-Plugin installieren und aktivieren und anschließend Ihren Lizenzschlüssel eingeben.
Hinweis: Wenn Sie sowohl das Lite- als auch das Premium-Plugin gleichzeitig aktivieren, fordert das Plugin Sie auf, das vorhandene zuerst zu deaktivieren, bevor Sie fortfahren.
Hinweis für Kunden, die PBS auf pagebuildersandwich.com gekauft haben: Sie können das Plugin auch von der Website herunterladen; Ihr aktueller Lizenzschlüssel sollte weiterhin funktionieren. Sollte dies nicht der Fall sein, kontaktieren Sie uns bitte, damit wir Ihnen einen neuen ausstellen können.
Nach dem Kauf von PBS sollten Sie eine E-Mail erhalten, die zwei Dinge enthält:
Installieren & aktivieren Sie das Premium-Plugin, woraufhin Ihnen dieser Bildschirm angezeigt werden sollte:
Geben Sie hier Ihren Lizenzschlüssel ein und klicken Sie auf Agree & Activate License. Nun sollten die Premium-Funktionen verfügbar sein.
Alternativ können Sie auch zu Ihrer Plugin-Seite gehen und das Page Builder Sandwich-Plugin in der Liste suchen:
Klicken Sie auf den Link Activate License, und Sie sollten Ihre Lizenz von dort aus eingeben können.
Sie können mit Page Builder Sandwich nur einzelne Seiten oder Beiträge bearbeiten. Sehen Sie es so: Wenn es dafür im Backend einen Bereich „Neuer Beitrag“ mit einem Inhaltseditor gibt, können Sie diesen mit Page Builder Sandwich bearbeiten.
Sie sollten die Inhalte jedes benutzerdefinierten Beitragstyps (Custom Post Type) bearbeiten können.
Wir haben sichergestellt, dass Page Builder Sandwich nahezu keinen Einfluss auf die Leistung Ihrer Website hat. Wenn Sie abgemeldet sind, werden mindestens nur Zeilen- und Spalten-CSS-Stile geladen, zusammen mit den erforderlichen JS- und CSS-Skripten für die von Ihnen verwendeten Shortcodes.
Für Ihre Website-Besucher werden mindestens nur Zeilen- und Spalten-CSS-Stile eingereiht, zusammen mit den erforderlichen JS- und CSS-Skripten für die von Ihnen verwendeten Shortcodes.
Wir haben kürzlich einige Korrekturen bezüglich des Kompatibilitätsproblems vorgenommen, wenn sowohl Page Builder Sandwich als auch das Plugin IMPress for IDX Broker zusammen aktiviert waren. Dies hatte zu einem Absturz im Frontend für angemeldete Benutzer geführt.
Die Korrektur hat PBS wieder funktionsfähig gemacht, aber wir mussten dem IDX Broker-Widget die Möglichkeit nehmen, innerhalb des Editors eingefügt zu werden. Trotzdem kann das IDX Broker-Widget weiterhin in Ihrem Menü „Design > Widgets“ verwendet werden.
Damit Sie schneller arbeiten können, stehen Ihnen in Page Builder Sandwich verschiedene Tastaturkürzel zur Verfügung.
Dies sind Tastaturkürzel für Befehle außerhalb der Formatierung/Werkzeuge. Für Formatierungs-/Werkzeug-Tastaturkürzel bewegen Sie den Mauszeiger über die jeweilige Schaltfläche in der Textformatierungsleiste, um deren Tastenkombination anzuzeigen.
| Tastaturkürzel | Beschreibung |
| STRG+E (wenn nicht bearbeitet wird) | Bearbeitung starten |
| STRG+UMSCHALT+R (während der Bearbeitung) | Seite aktualisieren (da STRG+R für die rechtsbündige Ausrichtung verwendet wird) |
| STRG+S | Änderungen speichern |
| STRG+ESC | Änderungen verwerfen und Bearbeitung beenden |
| STRG+C | Kopieren |
| STRG+V | Einfügen |
| STRG+X | Ausschneiden |
| STRG+EINGABETASTE | Zeilenumbruch / nächste Zeile |
| STRG+Z | Rückgängig |
| STRG+UMSCHALT+Z (Mac) STRG+Y (PC) |
Wiederholen |