DokumentationCommercePage Builder

Elemente - Überschrift

Last update: Wed Dec 18 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Benutzende

Ü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.

Überschriften- und Überschriftenebenen in der Storefront {width="700" modal="regular"}

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 ( Einstellungssymbol {width="20"} ) gesteuert werden.

NOTE
Wenn Sie wesentliche Änderungen an Page Builder Inhalten vornehmen, wird empfohlen, die Admin-Sitzungslebensdauer) zu erhöhen um zu verhindern, dass die Sitzung während der Arbeit abläuft.

Überschrifteneditor

Überschrifteneditor mit Symbolleiste {width="500" modal="regular"}

Überschriften-Container-Toolbox

Wie bei allen Inhalts-Containern wird die Toolbox angezeigt, wenn Sie den Mauszeiger über den Container bewegen.

Überschriften-Container-Toolbox {width="500" modal="regular"}

Tool
Symbol
Beschreibung
Verschieben
move icon {width="25"}
Verschiebt den Überschriften-Container an eine andere gültige Position auf der Seite.
(Bezeichnung)
Überschrift
Gibt den aktuellen Container als Überschrift an.
Einstellungen
Einstellungssymbol {width="25"}
Öffnet die Seite Überschrift bearbeiten , auf der Sie die Eigenschaften des Containers ändern können.
Ausblenden
Symbol ausblenden {width="25"}
Blendet den Überschriftencontainer aus.
Anzeigen
Symbol anzeigen {width="25"}
Zeigt den ausgeblendeten Überschriftencontainer an.
Duplikat
Symbol „Duplizieren“ {width="25"}
Erstellt eine Kopie des Überschriften-Containers.
entfernen
Symbol entfernen {width="25"}
Löscht den Überschriften-Container und seinen Inhalt aus der Phase.
NOTE
Ausgeblendete Elemente werden in der Datenbank gespeichert und sind für Kunden unsichtbar. Diese Elemente sind jedoch für Suchmaschinen und andere Bots sichtbar, die Ihre Site durchsuchen. Sie werden auch als Teil des Inhalts zurückgegeben, wenn sie über einen API-Aufruf mit dem Attribut „unsichtbar“ angefordert werden, es sei denn, Sie entfernen sie aus dem Schritt.

Überschrift hinzufügen

  1. 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.

    Ziehen einer Überschrift auf die Bühne {width="600" modal="regular"}

  2. Geben Sie im Editor den Überschrifttext über den Edit Heading Text Platzhalter ein.

    Standardmäßig wird dem Überschrifttext die Überschriftart Ebene zwei (H2) zugewiesen.

    Platzhalter im Überschriften-Editor {width="500" modal="regular"}

  3. Wählen Sie in der Symbolleiste den entsprechenden Überschrifttyp zwischen H1 und H6.

  4. Ändern Sie bei Bedarf die Ausrichtung.

Header-Einstellungen bearbeiten

  1. Bewegen Sie den Mauszeiger über den Überschriften-Container, um die Toolbox anzuzeigen, und wählen das Symbol Einstellungen ( ( {width="20"}) aus.

    Überschriften-Toolbox {width="500" modal="regular"}

  2. Aktualisieren Sie bei Bedarf den Überschrifteninhalt (Heading Type und Heading Text).

    Sie können diesen Inhalt auch im Überschrifteneditor aktualisieren.

  3. 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

  4. 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.

  1. Bewegen Sie den Mauszeiger über den Überschriften-Container, um die Toolbox anzuzeigen, und wählen Sie Symbol Duplizieren ( Duplikatssymbol {width="20"} ) aus.

    Das Duplikat wird direkt unter dem Original angezeigt.

    Duplizieren eines Überschriften-Containers {width="500" modal="regular"}

  2. Bewegen Sie den Mauszeiger über den neuen Überschriften-Container, um die Toolbox anzuzeigen, und wählen das Symbol Verschieben ((Symbol {width="20"} ) aus.

    Verschieben einer Überschrift {width="500" modal="regular"}

  3. 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.

    Verschieben der duplizierten Überschrift an die Position {width="500" modal="regular"}

  4. Wenn Sie die Überschriftenebene ändern möchten, klicken Sie auf den Überschrifttext und wählen Sie die neue Ebene in der Editor-Symbolleiste aus.

    Auswählen einer neuen Überschriftenebene {width="500" modal="regular"}

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d