Elemente - Überschrift

Überschriftenebenen bilden eine Hierarchie, die Inhalte organisiert und Suchmaschinen bei der Indexierung jeder Seite unterstützt. Verwenden Sie die Überschrift Inhaltstyp in Page Builder Schritt , 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.

Die Inhaltsüberschrift im Feld Content-Abschnitt kann verwendet werden, um oben auf der Seite eine H1-Überschrift hinzuzufügen. Das Feld ist jedoch eine alte Commerce und wird bereitgestellt, um ältere Inhalte zu unterstützen. Dieses Feld nutzt nicht Page Buildererweiterte Funktionen. Es wird empfohlen, das Feld Inhaltsüberschrift leer zu lassen und die Page Builder Inhaltstyp für Überschriften , 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.

Inhaltsüberschrift und Überschriftenebene auf der Storefront {width="700" modal="regular"}

Sie können eine Überschrift aus der Elemente Abschnitt Page Builder auf eine Zeile, Spalte oder Registerkarte, die auf der Bühne festgelegt ist. Die Überschriftenebene und die Ausrichtung können über die Editor-Symbolleiste auf der Bühne oder über die Einstellungen ( Symbol Einstellungen {width="20"} ).

NOTE
Wenn Sie wesentliche Änderungen an Page Builder -Inhalt verwenden, wird empfohlen, die Lebensdauer der Admin-Sitzung , um zu verhindern, dass die Sitzung während der Arbeit abläuft.

Überschrifteneditor

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

Überschriftencontainer-Toolbox

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

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

Tool
Symbol
Beschreibung
Verschieben
Symbol Verschieben {width="25"}
Verschiebt den Überschriftenbehälter an eine andere gültige Position auf der Seite.
(Titel)
Überschrift
Identifiziert den aktuellen Container als Überschrift.
Einstellungen
Symbol Einstellungen {width="25"}
Öffnet die Seite Überschrift bearbeiten , auf der Sie die Eigenschaften des Containers ändern können.
Ausblenden
Symbol "Ausblenden" {width="25"}
Blendet den Überschriftenbehälter aus.
Anzeigen
Symbol "Anzeigen" {width="25"}
Zeigt den ausgeblendeten Überschriftenbehälter an.
Duplizieren
Symbol "Duplizieren" {width="25"}
Kopiert den Überschriftencontainer.
Entfernen
Symbol "Entfernen" {width="25"}
Löscht den Überschriftenbehälter und seinen Inhalt aus der Bühne.
NOTE
Ausgeblendete Elemente werden in der Datenbank gespeichert und sind für Kunden nicht sichtbar. 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 "Unsichtbarkeit"angefordert werden, es sei denn, Sie entfernen sie aus der Bühne.

Hinzufügen einer Überschrift

  1. Im Page Builder Bedienfeld, erweitern Elements und ziehen Sie eine Heading Platzhalter für eine Zeile, Spalte oder Registerkarte, die auf der Bühne festgelegt ist.

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

  2. Geben Sie im Editor den Überschriftentext über dem Edit Heading Text Platzhalter.

    Standardmäßig wird dem Überschriftentext ein Überschriftentyp der Ebene 2 (H2) zugewiesen.

    Platzhalter im Überschrifteneditor {width="500" modal="regular"}

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

  4. Ändern Sie bei Bedarf die Ausrichtung.

Bearbeiten von Kopfzeileneinstellungen

  1. Bewegen Sie den Mauszeiger über den Überschriftenbehälter, um die Symbolleiste anzuzeigen und die Einstellungen ( Symbol Einstellungen {width="20"} ).

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

  2. Aktualisieren Sie den Überschrifteninhalt (Heading Type und Heading Text), falls erforderlich.

    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 eine 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 die Border Stil, 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, füllen Sie die Randanzeigeoptionen 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, das auf den Container angewendet werden soll.

      Trennen Sie mehrere Klassennamen durch ein Leerzeichen.

    • Geben Sie Werte in Pixel für die Margins and Padding um die äußeren Ränder und den inneren Abstand des Überschriftenbehälters 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
  4. Wenn Sie fertig sind, klicken Sie auf Save , um die Einstellungen anzuwenden und zum Page Builder Arbeitsbereich.

Überschrift duplizieren

Für eine formatierte Überschrift mit bestimmten Einstellungen ist es effizienter, die Überschrift zu duplizieren, anstatt mit einem neuen Platzhalter zu beginnen.

  1. Bewegen Sie den Mauszeiger über den Überschriftenbehälter, um die Symbolleiste anzuzeigen und die Duplizieren ( Symbol "Duplizieren" {width="20"} ).

    Das Duplikat wird direkt unter dem Original angezeigt.

    Duplizieren eines Überschriftencontainers {width="500" modal="regular"}

  2. Bewegen Sie den Mauszeiger über den neuen Überschriftenbehälter, um die Symbolleiste anzuzeigen und die Verschieben ( Symbol Verschieben {width="20"} ).

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

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

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

  4. Wenn Sie die Überschriftenebene ändern möchten, klicken Sie auf den Überschriftentext 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