Inhalt hinzufügen - Block
Verwenden Sie den Inhaltstyp Block , um einen vorhandenen, aktiven Block zur Page Builder Bühne hinzuzufügen. Im folgenden Beispiel enthält die erste Spalte den Block mit einem Seitenmenü für die Seite. Die zweite Spalte enthält ein Bild.
Block-Toolbox
Vorhandenen Baustein hinzufügen
-
Navigieren Sie auf der Zielseite, dem Baustein, dem dynamischen Block, dem Produkt oder der Kategorie zum Arbeitsbereich "Page Builder".
-
Erweitern Sie im Bedienfeld Page Builder den Wert Add Content und ziehen Sie einen Platzhalter Block auf die Bühne.
{width="600" modal="regular"}
-
Bewegen Sie den Mauszeiger über den leeren Block-Container, um die Toolbox anzuzeigen und das Symbol Einstellungen ( {width="25"} ) zu wählen.
-
Klicken Sie auf Select Block.
{width="200"}
-
Klicken Sie in der Zeile des Blocks, den Sie hinzufügen möchten, in der letzten Spalte auf Select .
{width="600" modal="regular"}
Der Name des ausgewählten Bausteins wird auf der Seite angezeigt.
{width="200"}
-
Nehmen Sie die restlichen Einstellungen wie gewünscht vor und verwenden Sie die Feldbeschreibungen am Ende dieser Seite, um sie zu referenzieren.
-
Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.
Erweiterte Einstellungen
-
Um die Positionierung des Blocks innerhalb des übergeordneten Containers zu steuern, wählen Sie einen Alignment:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto Option Beschreibung Default
Wendet die Standardeinstellung für die Ausrichtung an, die im Stylesheet des aktuellen Designs angegeben ist. Left
Richtet die Liste am linken Rand des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird. Center
Richtet die Liste in der Mitte des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird. Right
Richtet den Block am rechten Rand des übergeordneten Containers aus, wobei der angegebene Abstand berücksichtigt wird. -
Legen Sie einen Border -Stil fest, der auf alle vier Seiten des Block-Containers angewendet wird:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto Option Beschreibung Default
Wendet den standardmäßigen Randstil an, der vom zugehörigen Stylesheet angegeben wird. None
liefert keine sichtbare Anzeige der Containergrenzen. Dotted
Der Container-Rahmen wird als gepunktete Linie angezeigt. Dashed
Der Container-Rahmen wird als gestrichelte Linie angezeigt. Solid
Der Container-Rahmen wird als durchgehende Linie angezeigt. Double
Der Container-Rahmen wird als doppelte Linie angezeigt. Groove
Der Container-Rahmen wird als Rillenlinie angezeigt. Ridge
Der Container-Rahmen wird als gekürzte Linie angezeigt. Inset
Der Container-Rahmen wird als Inset-Zeile angezeigt. Outset
Der Container-Rahmen wird als Ausgangspunkt angezeigt. -
Wenn Sie einen anderen Rahmenstil als
None
festlegen, füllen Sie die Anzeigeoptionen für die Rahmenanzeige aus:table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto Option Beschreibung Border Color Geben Sie die Farbe an, indem Sie ein Muster auswählen, auf die Farbauswahl klicken oder einen gültigen Farbnamen oder einen entsprechenden Hexadezimalwert eingeben. Border Width Geben Sie die Anzahl Pixel für die Rahmenlinienbreite an. Border Radius Geben Sie die Anzahl der Pixel an, um die die Größe des Radius definiert wird, mit dem die einzelnen Ecken des Rands gerundet werden. -
(Optional) Geben Sie die Namen von CSS classes aus dem aktuellen Stylesheet an, das auf den Container angewendet werden soll.
Trennen Sie mehrere Klassennamen durch ein Leerzeichen.
-
Geben Sie Werte in Pixel für den Wert Margins and Padding ein, um die äußeren Ränder und den inneren Abstand des Block-Containers zu bestimmen.
Geben Sie die entsprechenden Werte in das Diagramm ein.
table 0-row-2 1-row-2 2-row-2 layout-auto Container-Bereich Beschreibung Margins Die Menge an leerem Raum, die auf den äußeren Rand aller Seiten des Containers angewendet wird. Optionen: Top
/Right
/Bottom
/Left
Padding Die Menge an leerem Raum, die auf den inneren Rand aller Seiten des Containers angewendet wird. Optionen: Top
/Right
/Bottom
/Left
Blockeinstellungen bearbeiten
-
Bewegen Sie den Mauszeiger über den Block-Container und wählen Sie in der Toolbox das Symbol Einstellungen ( {width="25"} ).
{width="600" modal="regular"}
-
Um einen anderen Block auszuwählen, klicken Sie auf Select Block.
- Klicken Sie in der Liste der aktiven Bausteine auf den Block "Select", den Sie hinzufügen möchten.
- Klicken Sie auf Add Selected.
-
Aktualisieren Sie die restlichen Einstellungen nach Bedarf mithilfe der Feldbeschreibungen am Ende dieser Seite, um sie zu referenzieren.
-
Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.
Baustein duplizieren
-
Bewegen Sie den Mauszeiger über den Block-Container, um die Symbolleiste anzuzeigen, und wählen Sie das Symbol Duplizieren ( ).
Das Duplikat wird direkt unter dem Original angezeigt.
-
Um den neuen Block an eine neue Position zu verschieben, bewegen Sie den Mauszeiger über den Container und klicken Sie dann in der Toolbox auf Verschieben ( ).
-
Wählen Sie den Block aus und ziehen Sie ihn, bis die rote Führungslinie an der neuen Position angezeigt wird.
Die oberen und unteren Ränder jedes Containers werden beim Verschieben des Blocks als gestrichelte Linien angezeigt.
Entfernen eines Bausteins aus der Bühne
-
Bewegen Sie den Mauszeiger über den Block-Container, um die Toolbox anzuzeigen, und wählen Sie das Symbol Entfernen ( ).
-
Klicken Sie bei Aufforderung zur Bestätigung auf OK.