Zurück zum Support Inhalte und Medien Blöcke Überschriftsblock

Überschriftsblock

Mit Überschriften kannst du neue Abschnitte und Unterabschnitte einführen, den Text unterteilen, Inhalte organisieren und das Inhaltsverzeichnis schreiben. Überschriften helfen dabei, die Inhalte zu organisieren und strukturieren und sie können dadurch sowohl von Besuchern als auch von den Suchmaschinen leichter gelesen werden.

Überschriftsblock hinzufügen

Um den Überschriftsblock hinzuzufügen, klicke auf das + BlockInserter-Icon und suche nach „Überschrift“. Klicke darauf, um diesen Block zu deinem Beitrag oder deiner Seite hinzuzufügen.

Überschriftsblock hinzufügen
Überschriftsblock hinzufügen

💡

Du kannst auch über die Tastatur in einer neuen Zeile /heading eingeben, um schnell einen neuen Überschriftsblock hinzuzufügen.

Hinzufügen eines Überschriftsblocks mit der Schrägstrich-Eingabe
Hinzufügen eines Überschriftsblocks mit der Schrägstrich-Eingabe

Wenn du eine bestimmte Überschrift hinzufügen möchtest, kannst du auch /h1 /h2 /h3 /h4 /h5 /h6 eintippen und dann auf die Eingabetaste drücken, um die verschiedenen Überschriften-Ebenen einzufügen.

Eine detaillierte Anleitung zum Hinzufügen von Blöcken findest du hier.

Überschriften-Ebenen

Für Überschriften gibt es eine Hierarchie mit sechs Ebenen, damit du sie nach Wichtigkeit gliedern und deine Inhalte strukturieren kannst. Die wichtigste Überschrift erhält die Ebene 1 (H1) und die am wenigsten wichtige Überschrift die Ebene 6 (H6).

H1-Überschriften sollten für den Seitentitel zur Gewährleistung der Suchmaschinenoptimierung vorbehalten bleiben. WordPress weist den Titeln deiner Seiten und Beiträge automatisch die Ebene H1 zu. Die erste Überschrift auf der Seite ist demzufolge H2. H3-Überschriften sind Zwischenüberschriften. H4-Überschriften sind Zwischenüberschriften der Zwischenüberschriften und so weiter.

Die Überschriften-Ebene kannst du in der Werkzeugleiste auswählen. Die Größe und das Design des Überschriftentextes lassen sich in den Blockeinstellungen ändern.

Block-Werkzeugleiste

Wenn du auf den Block klickst, wird darüber eine Werkzeugleiste mit Optionen angezeigt:

Die übergeordnete Überschriftsblock-Werkzeugleiste
Die übergeordnete Überschriftsblock-Werkzeugleiste

Im Überschriftsblock findest du die folgenden Optionen in der Werkzeugleiste:

Weitere Optionen für den Überschriftsblock

Weitere Optionen für den Überschriftsblock umfassen:

Screenshot der Formatierungsoptionen für den Überschriftsblock.

Diese Optionen kannst du nutzen, um deinen Text oder eine Zeichenfolge in einem Überschriftsblock zu formatieren. Dazu musst du Folgendes tun:

  1. Markiere die Wörter oder Zeichen, die du formatieren möchtest.
  2. Wähle in der Werkzeugleiste die gewünschte Option aus.
Hervorheben

Mit der Option Highlight kannst du in einemÜberschriftsblock die Farbe einzelner Wörter oder Zeichen ändern oder sie mit einem farbigen Hintergrund in einem hinterlegen.

  1. Wähle den Text aus, den du formatieren möchtest.
  2. Klicke in der Block-Werkzeugleiste auf den Pfeil nach unten.
  3. Klicke auf Highlight.
  4. Ein kleines Fenster mit Farboptionen für Text und Hintergrund öffnet sich. Hier kannst du eine Reihe von vordefinierten Farboptionen auswählen. Es gibt aber auch eine Farbauswahl, in der du genau die Farbe auswählen kannst, die du dir vorstellst.
Animiertes Gif der Highlight-Option, mit der du in einem Absatzblock die Textfarbe ändern oder farbig hinterlegen kannst.
Verwende die Highlight-Option, um die Textfarbe zu ändern und die Hintergrundfarbe im Überschriftsblock auszuwählen.
Inline-Bild

Das Inline-Bild fügt deiner Überschrift ein Bild hinzu. So fügst du deinem Überschriftsblock ein Inline-Bild hinzu:

  1. Klicke in der Block-Werkzeugleiste auf den nach unten zeigenden Pfeil
  2. Wähle Inline-Bild aus
  3. Wähle das Bild, das du verwenden möchtest, aus der Ansicht Mediathek aus.
  4. Klicke auf den Button Einfügen, um das Inline-Bild hinzuzufügen.
Dem Überschriftsblock ein Inline-Bild hinzufügen
Dem Überschriftsblock ein Inline-Bild hinzufügen

Um die Größe eines Inline-Bilds zu ändern, klickst du auf das Bild, gibst dann eine Zahl für die Bildbreite ein (oder wählst diese aus) und wählst dann den Button mit dem geschwungenen Pfeil aus, um die Änderungen anzuwenden.

Ändere die Größe eines Inline-Bilds.
Ändere die Größe eines Inline-Bilds.
Tastatur-Eingabe

Mit der Option zur Tastatur-Eingabe kannst du dem ausgewählten Text den HTML-Tag  hinzufügen.

Mit dem -Tag wird die Tastatur-Eingabe definiert. Diese wird typischerweise verwendet, wenn du einen Tastaturbefehl eingibst. Der im -Tag enthaltene Inhalt wird in der Standardschriftart Monospace des Browsers angezeigt. Der Text CTRL + C ist beispielsweise eine Tastatur-Eingabe:

Um den Inhalt zu kopieren, markierst du ihn und klickst dann auf deiner Tastatur auf CTRL + C.

Blockeinstellungen

Wenn du auf den Block klickst, siehst du in der rechten Seitenleiste weitere Block-Einstellungen. Wenn die Seitenleiste nicht angezeigt wird, musst du ggf. oben rechts in der Ecke auf das Zahnrad (⚙️) klicken, um die Einstellungen zu öffnen.

Die Bockeinstellungen findest du auf der rechten Seitenleiste.
Klicke auf das Icon ⚙️, um die Blockeinstellungen zu öffnen
Farbeinstellungen

Über die Farbeinstellungen kannst du die Farbe des Textes, des Hintergrundes und der Links für den Überschriftsblock anpassen.

Über die Farbeinstellungen kannst du die Farbe des Textes, des Hintergrundes und der Links für den Überschriftsblock anpassen.
Über die Farbeinstellungen kannst du die Farbe des Textes, des Hintergrundes und der Links für den Überschriftsblock anpassen.
Typografie-Einstellungen

Passe das Textdesign deines Blocks mit den folgenden Einstellungen an.

Wenn du die Einstellungen nicht sehen kannst, klicke auf die drei Punkte rechts neben Typographie (rechts angezeigt). Du kannst dann die Option auswählen, die du verwenden möchtest:

  • Schriftgröße
  • Schriftfamilie
  • Design
  • Zeilenhöhe
  • Dekoration
  • Groß-/Kleinbuchstaben
  • Buchstaben: Abstand
Dropdown-Menü „Typographie“
Typographie in der Seitenleiste „Blockeinstellungen“ mit zusätzlichen Optionen.

Mit der Schriftgröße kannst du die Größe des Textes anpassen. Du kannst aus voreingestellten Größen wie klein, mittel und groß auswählen.

Du kannst auch einen bestimmten Wert festlegen, indem du auf das Slider-Icon direkt oberhalb der Standardauswahl klickst. Das Icon ist im Screenshot unten mit einer 1 markiert. Die Einheiten lassen sich ändern, indem du auf das Icon mit der Nummer 2 im Screenshot unten klickst. Du hast die Wahl zwischen den Pixeln em oder rem.

Einstellungen für die Typographie-Schriftgröße

Über Schriftfamilie kannst du die verwendete Schriftart ändern. Wähle in einem Dropdown-Menü aus einer Liste mit Schriften aus.

Über Design kannst du den Stil des Textes entweder als normal oder kursiv mit schmalen oder extra fetten Buchstaben festlegen.

Mit der Zeilenhöhe wird der Abstand oberhalb/unterhalb des Textes festgelegt. Wenn du Null auswählst, überprüfe, ob deine Website auf deinem Smartphone richtig angezeigt wird.

Dekoration umfasst Optionen zum Unterstreichen und Durchstreichen.

Mit Groß-/Kleinbuchstaben kannst du den ganzen Text in Großbuchstaben, nur den jeweils ersten Buchstaben groß oder den ganzen Text in Kleinbuchstaben darstellen.

Mit Buchstaben: Abstand legst du fest, wie viel Abstand zwischen den einzelnen Buchstaben bleiben soll. Du kannst die Einheiten von Standard (Pixel) zu Prozent, em, rem, vw und vh ändern. Hier erhältst du weitere Informationen über relative Einheiten.

Größeneinstellungen

Bei bestimmten Themes enthält der Überschriftsblock eine Einstellung für Abmessungen:

Klicke auf das +-Icon neben Abmessungen, um die Abstandseinstellungen für den Überschriftsblock auszuwählen und zu aktivieren. Die Abstandseinstellungen wirken sich auf den Raum um den ausgewählten Block aus. Du kannst einen benutzerdefinierten Wert in das Textfeld eingeben, wenn der Abstand rund um den Block gleichmäßig ausfallen soll.

Größeneinstellungen für den Überschriftsblock.

Klicke auf das Link-Icon neben Abmessungen, um die entsprechenden Werte für die Abstände über, unter, rechts und links vom Block einzugeben.

Einstellung benutzerdefinierter Abstandswerte für den Überschriftsblock unter Verwendung der Einstellungen für Randmaße.

Um die Einheiten für die Randmaße zu ändern, klickst du auf PX, um ein Dropdown-Menü mit anderen unterstützten Maßeinheiten anzuzeigen: %, EM, REM, VW und VH.

Einheiten der Einstellungen für die Einstellung der Randmaße ändern.

Erweitert

Im Tab „Erweitert“ kannst du eine CSS-Klasse zu deinem Block hinzufügen, sodass du individuelles CSS erstellen und den Block nach deinen Wünschen gestalten kannst.

Über den Abschnitt „Erweitert“ kannst du zu deinem Block eine CSS-Klasse hinzufügen.
Copied to clipboard!