CBK-004 Title

Wann wird die Komponente verwendet?

Über den Title lassen sich Überschriften und Abschnittsüberschriften auf der Webseite einfügen. Dies ermöglicht es, Texte und Inhalte zu strukturieren. Überfliegt ein User die Seite, geben die Überschriften einen ersten Eindruck über die dortigen Inhalte. So ist es möglich, schon die Aufmerksamkeit des Lesers mit einem Title auf sich zu ziehen.

Dialogfelder


Konfiguration Properties

Screenshot der Einstellungen für die Title-Komponente mit dem offenen Tab Properties

Title

  • Eingabefeld für gewünschte Überschrift

Type / Size

  • Für die Überschrift muss ein H-Wert festgelegt sein von H1 bis H6.
  • Die H1 funktioniert als Hauptüberschrift für die Seite. 
  • Die H1 darf nur einmal pro Seite verwendet werden.
  • Die H-Überschriften sollten semantisch logisch nacheinander aufbauen, d.h. H1, H2, H3 und nicht H1, H5, H6.
Type / Size Typen (alle)

H1 Titel

H2 Titel

H2 Titel

H3 Titel

H4 Titel

H5 Titel
H6 Titel

Dies ist eine beispielhafte Darstellung des Verhaltens. Die weiteren H-Typen Verhalten sich ebenso, unterscheiden sich nur in der Schriftgröße je nach H-Typ.


Link

  • Eingabefeld um Title mit Link zu versehen
  • Links können intern, extern, als auch Seitenabschnitte sein
  • Interne Links müssen immer über den Picker gepflegt werden. Nur so bleiben beim Verschieben oder Ändern von Seiten die Referenz zu dieser Seite erhalten.
  • Externe Links müssen immer mit https gesetzt sein
  • Externe Links müssen immer die Checkbox “Open link in new tab” ausgewählt haben

Open link in new tab:

  • Dieses Feld sollte angehakt sein, wenn ein externer Link vergeben wird.
Link Beispiel (exemplarisch)

Dies ist eine beispielhafte Darstellung des Verhaltens. Die weiteren H-Typen Verhalten sich ebenso, unterscheiden sich nur in der Schriftgröße je nach H-Typ.


Konfiguration Styles

Screenshot der Einstellungen für die Title-Komponente mit dem offenen Tab Styles

Text Position:

Hierüber kann die Position der Überschrift auf der Seite festgelegt werden. Es stehen drei Optionen zur Auswahl:

  • None: Die Überschrift bleibt unverändert linksbündig auf der Seite. Dies ist die Standardeinstellung in der Komponente.
  • Center: Die Überschrift erscheint zentriert auf der Seite.
  • End: Die Überschrift erscheint rechtsbündig auf der Seite.
Text Position (exemplarisch)

Dies ist eine beispielhafte Darstellung des Verhaltens. Die weiteren H-Typen Verhalten sich ebenso, unterscheiden sich nur in der Schriftgröße je nach H-Typ.

H6 Title mit Style-Einstellung "none"
H6 Title mit Style-Einstellung "center"
H6 Title mit Style-Einstellung "end"