Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Blöcke Übersicht

Blöcke sind ein essenzieller Bestandteil des Page Builders. Sämtliche Inhalte werden mithilfe von Blöcken dargestellt. Je nach gewünschtem Inhalt stehen Ihnen verschiedene Blöcke zur Verfügung.

...

⑪ Code: Dient zum Einbinden von eigenem JavaScript, HTML oder CSS-Code. IntelliSense (also Autovervollständigung) unterstützt dabei das Arbeiten.

...

Sie können Ihrer Story einen Block hinzufügen, indem Sie den gewünschten Block einfach per Drag&Drop aus dem Blöcke-Tab in eine Zelle innerhalb des Rasters ziehen. Um die Größe des Blockes zu modifizieren, wählen Sie diesen an. Nun können Sie durch Klicken und Ziehen am oberen, unteren oder rechten Rand die Größe des Blockes bestimmen. Alternativ können Sie auch, um die Größe zu ändern, an einer der beiden rechten Ecken des Blockes ziehen. Um den Block in Ihre gewünschte Position zu bringen, ziehen Sie den Block einfach per Drag&Drop, wie beim Einfügen, in die gewünschte Zelle. Die Größe einer Zelle wird durch die Zeilen- und Spaltenangaben bestimmt. Wenn diese auf auto beziehungsweise auf min/max-content eingestellt sind, wird die Zellengröße durch den Blockinhalt bestimmt.

Um einen Block zu modifizieren, rufen Sie die Block-Aktionen auf, indem Sie den gewünschten Block auswählen. Alternativ können Sie auf die Block-Aktionen auch über den Block-Manager zugreifen. Klicken Sie dafür einfach den gewünschten Block im Block-Manager an.

Image Modified

① Konfigurieren: Öffnet den Block-Editor. Je nach Block-Typ öffnet sich ein anderer Editor. Hier können Sie den Inhalt des Blockes anpassen.

...

Ein Video zur Anordnung von Blöcken finden Sie unter: https://www.youtube.com/watch?v=_XqRv4of_4M&list=PLog4smYIQ2NSZ5gfInsPxi-qGxMKCOf-s&index=6

 

Block-Aktionen

Um die Block-Aktionen anzeigen zu lassen, fahren Sie mit der Maus über den gewünschten Block im Block-Manager. Die nun angezeigten Block-Aktionen stimmen exakt mit den Steuerelementen überein, die am linken Rand des Blocks angezeigt werden, wenn dieser ausgewählt wurde.

Image Modified

Hier können Sie auf verschiedene Block-Aktionen zugreifen, wie zum Beispiel auf den Bearbeitungsmodus des Blockes, um den Inhalt anzupassen. Mit den Pfeilen können Sie den z-index des Blockes erhöhen oder verringern, wodurch die Block-Reihenfolge angepasst werden kann.

...