Um eine Seite mit einem Sidebar-Layout zu erstellen, sind extra Vorlagen vorhanden.
Wenn auf der zu bearbeitenden Seite noch keine Inhalte enthalten sind, kann die "Vorlage" geladen werden.
Diese befindet sich im Bearbeitungsmodus des Beaver Builder unter "Vorlagen" -> "Vorlage mit Sidebar"
Wenn die zu bearbeitende Seite bereits Inhalt hat, kann auch nachträglich noch eine "Gespeicherte Zeile" eingefügt werden.
Diese befindet sich im Bearbeitungsmodus des Beaver Builder unter "Gespeichert" -> "Gespeicherte Zeilen" -> "Zeile - Sidebar"
Außerdem gibt es im Bearbeitungsmodus des Beaver Builder unter "Gespeichert" -> "Gespeicherte Module", welche mit einem Vermerk "(sidebar content)" oder "(sidebar)", welche speziell für das "Sidebar - Layout" angelegt worden sind.
Wobei Module mit "(sidebar content)" für den linken Inhaltsbereich zu verwenden sind und welche mit dem Vermerk "(sidebar)" für den rechten Inhaltsbereich - die Sidebar.
Hinweis: Das "Sidebar - Layout" ist als "Zeile" angelegt und es können keine "Gespeicherten Zeilen" ineinander verschachteln werden.
Um eine der "Gespeicherten Zeilen" verwenden zu können, muss aus dem "Sidebar - Layout" ausgebrochen werden und die "Gespeicherte Zeile" unter die "Sidebar Zeile" einfügt werden.
Das Ausbrechen aus dem "Sidebar - Layout" kann bei unbedachter Ausführung zu unerwünschten Darstellungen bei mobilen Endgeräten führen.
Die Reihenfolge der Inhalte bei mobilen Endgeräten entspricht folgender Regel:
- Mobil werden alle "Zeilen" untereinander dargestellt.
- Innerhalb jeder "Zeile", werden die "Spalten" untereinander dargestellt
- Die "Module" in jeder Spalte werden untereinander dargestellt.
Beispiel:
Wenn nach einem "Sidebar - Layout" ein "Full Size - Layout" folgt, ergibt sich folgende Darstellung auf mobilen Endgeräten:
- Der linke Inhaltsbereich (Sidebar - Content) wird als erstes dargestellt
- Die "Sidebar" - der rechte Inhaltsbereich wird danach dargestellt
- Die Inhalte der "Full Size" Zeilen werden zuletzt dargestellt.
Gespeicherte Module im Sidebar Content & Sidebar Bereich - Headlines
Gespeicherte Module im Sidebar Content & Sidebar Bereich - Buttons
Buttontext möglichst klein halten, da der Text sonst unschön umbricht!
Gespeicherte Module im Sidebar Content & Sidebar Bereich - Mega Links (ML)
ML - Tablist - Horizontal
Einsatz in der Sidebar nicht möglich
ML - Tablist - Vertical
Bei langen Titeln muss geprüft werden wie es sich mobil verhält!
ML - Buttonlist - Horizontal
Funktioniert zwar, ist aber dennoch nicht zu empfehlen
ML - Buttonlist - Vertical
Gespeicherte Module - Accordion
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Bei langen Titeln muss geprüft werden wie es sich mobil verhält!
Gespeicherte Module - Tabs
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Einsatz in der Sidebar nicht möglich
Gespeicherte Module - Mega Gallery (MG)
Der Textumfang sollte nicht größer sein!
Der Textumfang sollte nicht größer sein!
Der Textumfang sollte nicht größer sein!
Der Textumfang sollte nicht größer sein!
Einsatz in der Sidebar nicht möglich
Gespeicherte Spalten im Sidebar - Content Bereich
Die "Spalten - Vorlagen" befinden sich unter "Gespeichert" -> "Gespeicherte Spalten".
Um diese verwenden zu können, muss zuerst eine "leere Zeile mit einer Spalte" innerhalb der linken "Sidebar - Content Spalte" an die gewünschte Stelle gezogen werden.
Anschließend muss die Spaltenvorlage direkt links, zwischen den 2 gestrichelten blauen Linien, platziert werden.
Sobald die Mausposition richtig ist bildet sich eine kürzere, aber dickere blaue Linie zwischen den gestrichelten blauen Linien.
Zuletzt muss dann nur noch die "Leere Spalte", rechts neben der "Spalten - Vorlage", gelöscht werden.
Lorem Ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.