Elemente - Überschrift
Überschriftenebenen legen eine Hierarchie fest, die Inhalte organisiert und Suchmaschinen dabei hilft, jede Seite zu indizieren. Verwenden Sie den Überschrift-Inhaltstyp in Page Builder Phase, um der Phase einen Text-Container mit einer Überschriftenebene von H1 bis H6 hinzuzufügen. Überschriften werden entsprechend dem Stylesheet formatiert, das mit dem aktuellen Design verknüpft ist.
Das Inhaltsüberschrift im Content Abschnitt kann verwendet werden, um eine H1-Überschrift oben auf der Seite hinzuzufügen. Das Feld ist jedoch ein älteres Feld aus früheren Commerce Versionen und wird zur Unterstützung älterer Inhalte bereitgestellt. In diesem Feld werden die erweiterten Funktionen von Page Builder nicht genutzt. Es wird empfohlen, das Feld Inhaltsüberschrift leer zu lassen und den Inhaltstyp Page Builder Überschrift zu verwenden, um der Seite Überschriften einer beliebigen Ebene hinzuzufügen.
Das folgende Beispiel zeigt, wie die Inhaltsüberschrift und der Inhaltstyp der Überschrift angezeigt werden, wenn sie durch das Luma-Design formatiert sind.
Sie können eine Überschrift aus dem Abschnitt Elemente des Page Builder Bedienfelds in eine Zeile, Spalte oder einen Registerkartensatz auf der Bühne ziehen. Die Überschriftenebene und die Ausrichtung können über die Editor-Symbolleiste auf der Bühne oder mithilfe des Steuerelements Einstellungen (
Überschrifteneditor
Überschriften-Container-Toolbox
Wie bei allen Inhalts-Containern wird die Toolbox angezeigt, wenn Sie den Mauszeiger über den Container bewegen.






Überschrift hinzufügen
-
Erweitern Sie im Page Builder Bedienfeld Elements und ziehen Sie einen Heading Platzhalter in eine Zeile, Spalte oder einen Tab, die bzw. der auf dem Bühnenbild festgelegt ist.
-
Geben Sie im Editor den Überschrifttext über den
Edit Heading Text
Platzhalter ein.Standardmäßig wird dem Überschrifttext die Überschriftart Ebene zwei (H2) zugewiesen.
-
Wählen Sie in der Symbolleiste den entsprechenden Überschrifttyp zwischen H1 und H6.
-
Ändern Sie bei Bedarf die Ausrichtung.
Header-Einstellungen bearbeiten
-
Bewegen Sie den Mauszeiger über den Überschriften-Container, um die Toolbox anzuzeigen, und wählen das Symbol Einstellungen
-
Aktualisieren Sie bei Bedarf den Überschrifteninhalt (Heading Type und Heading Text).
Sie können diesen Inhalt auch im Überschrifteneditor aktualisieren.
-
Aktualisieren Sie die Advanced nach Bedarf.
-
Um die Positionierung der Überschrift innerhalb des übergeordneten Containers zu steuern, wählen Sie ein Alignment aus:
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 ein etwaiger 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 alle angegebenen Auffüllungen berücksichtigt werden. -
Legen Sie den Border fest, der auf alle vier Seiten des Überschriften-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 die Standardformatvorlage für Rahmen an, die im zugehörigen Stylesheet angegeben ist. None
Zeigt keine sichtbaren Begrenzungen des Containers an. Dotted
Der Container-Rahmen wird als gepunktete Linie angezeigt. Dashed
Der Container-Rahmen wird als gestrichelte Linie angezeigt. Solid
Der Container-Rahmen wird als durchgezogene Linie angezeigt. Double
Der Container-Rahmen wird als doppelte Linie angezeigt. Groove
Der Container-Rahmen wird als gerillte Linie angezeigt. Ridge
Der Container-Rahmen wird als geriffelte Linie angezeigt. Inset
Der Container-Rahmen wird als Einfügelinie angezeigt. Outset
Der Container-Rahmen wird als Ausgangslinie angezeigt. -
Wenn Sie einen anderen Rahmenstil als
None
festlegen, müssen Sie die Anzeigeoptionen für den Rahmen vervollständigen: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 einen Musterabschnitt auswählen, auf die Farbauswahl klicken oder einen gültigen Farbnamen oder einen entsprechenden Hexadezimalwert eingeben. Border Width Geben Sie die Anzahl der Pixel für die Rahmenlinienbreite ein. Border Radius Geben Sie die Anzahl der Pixel ein, um die Größe des Radius festzulegen, mit dem jede Ecke des Rahmens gerundet werden soll. -
(Optional) Geben Sie die Namen der CSS classes aus dem aktuellen Stylesheet an, die auf den Container angewendet werden sollen.
Trennen Sie mehrere Klassennamen durch ein Leerzeichen.
-
Geben Sie Werte in Pixeln für den Margins and Padding ein, um die äußeren Ränder und den inneren Abstand des Überschriften-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 des Leerraums, der auf die Außenkante aller Seiten des Containers angewendet wird. Optionen: Top
/Right
/Bottom
/Left
Padding Die Menge des Leerraums, der auf die Innenkante aller Seiten des Containers angewendet wird. Optionen: Top
/Right
/Bottom
/Left
-
-
Klicken Sie abschließend auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.
Duplizieren einer Überschrift
Bei einer formatierten Überschrift mit bestimmten Einstellungen ist es effizienter, die Überschrift zu duplizieren, anstatt mit einem neuen Platzhalter von vorne zu beginnen.
-
Bewegen Sie den Mauszeiger über den Überschriften-Container, um die Toolbox anzuzeigen, und wählen Sie Symbol Duplizieren (
Das Duplikat wird direkt unter dem Original angezeigt.
-
Bewegen Sie den Mauszeiger über den neuen Überschriften-Container, um die Toolbox anzuzeigen, und wählen das Symbol Verschieben
-
Wählen Sie die Überschrift aus und ziehen Sie sie, bis die rote Richtlinie die neue Position markiert.
Der obere und untere Rand jedes Containers werden beim Verschieben der Überschrift als gestrichelte Linien angezeigt.
-
Wenn Sie die Überschriftenebene ändern möchten, klicken Sie auf den Überschrifttext und wählen Sie die neue Ebene in der Editor-Symbolleiste aus.