Elemente - Überschrift
Überschriftenebenen bilden eine Hierarchie, die Inhalte organisiert und Suchmaschinen bei der Indexierung jeder Seite unterstützt. Verwenden Sie den Inhaltstyp Überschrift in der Page Builder Bühne , um einen Textcontainer mit einer Überschriftenebene von H1 bis H6 zur Bühne hinzuzufügen. Überschriften werden entsprechend dem Stylesheet formatiert, das dem aktuellen Design zugeordnet ist.
Das Feld Inhaltsüberschrift im Abschnitt Content kann verwendet werden, um eine H1-Überschrift oben auf der Seite hinzuzufügen. Das Feld ist jedoch eine ältere Version von Commerce und wird zur Unterstützung älterer Inhalte bereitgestellt. Dieses Feld nutzt nicht die erweiterten Funktionen von Page Builder. Es wird empfohlen, das Feld Inhaltsüberschrift leer zu lassen und den Inhaltstyp Page Builder Überschrift zu verwenden, um Überschriften beliebiger Ebenen zur Seite hinzuzufügen.
Das folgende Beispiel zeigt, wie die Inhaltsüberschrift und der Inhaltstyp "Überschrift"angezeigt werden, wenn sie durch das Luma-Design formatiert sind.
Sie können eine Überschrift aus dem Abschnitt Elemente des Bedienfelds Page Builder in eine Zeile, Spalte oder Registerkarte ziehen, die auf der Bühne festgelegt ist. Die Überschriftenebene und die Ausrichtung können über die Editor-Symbolleiste auf der Bühne oder über das Steuerelement Einstellungen ( {width="20"} ) gesteuert werden.
Überschrifteneditor
Überschriftencontainer-Toolbox
Wie bei allen Inhalts-Containern wird die Toolbox angezeigt, wenn Sie den Mauszeiger über den Container bewegen.
Hinzufügen einer Überschrift
-
Erweitern Sie im Bedienfeld Page Builder den Eintrag Elements und ziehen Sie einen Platzhalter Heading auf eine Zeile, Spalte oder Registerkarte, die auf der Bühne festgelegt ist.
{width="600" modal="regular"}
-
Geben Sie im Editor den Überschriftentext über dem Platzhalter
Edit Heading Text
ein.Standardmäßig wird dem Überschriftentext ein Überschriftentyp der Ebene 2 (H2) zugewiesen.
{width="500" modal="regular"}
-
Wählen Sie in der Symbolleiste den entsprechenden Überschrifttyp zwischen H1 und H6 aus.
-
Ändern Sie bei Bedarf die Ausrichtung.
Bearbeiten von Kopfzeileneinstellungen
-
Bewegen Sie den Mauszeiger über den Überschriftenbehälter, um die Werkzeugleiste anzuzeigen, und wählen Sie das Symbol Einstellungen ( {width="20"} ).
{width="500" modal="regular"}
-
Aktualisieren Sie bei Bedarf den Überschrifteninhalt (Heading Type und Heading Text).
Sie können diesen Inhalt auch im Überschrifteneditor aktualisieren.
-
Aktualisieren Sie die Advanced-Einstellungen nach Bedarf.
-
Um die Positionierung der Überschrift 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 den Border -Stil fest, der auf alle vier Seiten des Überschriftencontainers 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 Überschriftencontainers 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
-
-
Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.
Überschrift duplizieren
Für eine formatierte Überschrift mit bestimmten Einstellungen ist es effizienter, die Überschrift zu duplizieren, anstatt mit einem neuen Platzhalter zu beginnen.
-
Bewegen Sie den Mauszeiger über den Überschriftenbehälter, um die Symbolleiste anzuzeigen, und wählen Sie das Symbol Duplizieren ( {width="20"} ).
Das Duplikat wird direkt unter dem Original angezeigt.
{width="500" modal="regular"}
-
Bewegen Sie den Mauszeiger über den neuen Überschriftenbehälter, um die Werkzeugleiste anzuzeigen, und wählen Sie das Symbol Verschieben ( {width="20"} ).
{width="500" modal="regular"}
-
Wählen Sie die Überschrift aus und ziehen Sie sie, bis die rote Führungslinie die neue Position markiert.
Die oberen und unteren Ränder jedes Containers werden als gestrichelte Linien angezeigt, während die Überschrift verschoben wird.
{width="500" modal="regular"}
-
Wenn Sie die Überschriftenebene ändern möchten, klicken Sie auf den Überschriftentext und wählen Sie die neue Ebene in der Editor-Symbolleiste aus.
{width="500" modal="regular"}