weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Header-Text bearbeiten

Header-Text bearbeiten

Der Header-Text-Block ist ein einfacher und vielseitiger Baustein für Überschriften auf deiner Website. Er eignet sich perfekt für Seitentitel, Abschnittsüberschriften oder wichtige Ankündigungen. Du kannst das Aussehen und die Positionierung der Überschrift individuell anpassen und mit Animationen versehen.

Voraussetzungen

  • Du befindest dich im Website-Editor
  • Ein Header-Text-Block ist auf deiner Seite eingefügt
  • Du hast die Berechtigung, Website-Inhalte zu bearbeiten

Aufbau der Bearbeitungsseite

Die Bearbeitungsseite enthält einen Hauptbereich:

Allgemein

Hier findest du alle Einstellungen für deinen Header-Text:

  • Volle Breite verwenden: Schalter für die Nutzung der gesamten Bildschirmbreite
  • Text zentrieren: Schalter zur Zentrierung der Überschrift
  • Fett: Schalter für fettgedruckte Darstellung
  • Überschrift: Textfeld für den Inhalt der Überschrift
  • Animation: Auswahlfeld für Einblend-Animationen

So arbeitest du mit dieser Seite

Layout-Einstellungen anpassen

  1. Aktiviere Volle Breite verwenden, wenn der Header-Text die gesamte Bildschirmbreite nutzen soll
  2. Nutze Text zentrieren, um die Überschrift mittig auszurichten
  3. Aktiviere Fett, um die Überschrift fettgedruckt darzustellen

Überschrift eingeben

  1. Klicke in das Feld Überschrift
  2. Gib deinen gewünschten Text ein
  3. Beispiele für gute Überschriften:
    • "Willkommen auf unserer Website"
    • "Unsere Dienstleistungen"
    • "Kontaktieren Sie uns"
    • "Neueste Nachrichten"

Animation auswählen

  1. Klicke auf das Auswahlfeld Animation
  2. Wähle eine passende Animation aus der Liste:
    • Verschiedene Einblend-Effekte verfügbar
    • "Keine Animation" für sofortige Anzeige
  3. Die Animation wird ausgelöst, wenn der Besucher zur Überschrift scrollt

Tipps und Hinweise

  • Klare Formulierung: Verwende prägnante und verständliche Überschriften
  • Angemessene Länge: Halte Überschriften kurz und aussagekräftig
  • Hierarchie beachten: Nutze verschiedene Header-Text-Blöcke für unterschiedliche Überschriftenebenen
  • Konsistente Formatierung: Verwende ähnliche Einstellungen für verwandte Überschriften
  • Mobile Optimierung: Der Text passt sich automatisch an verschiedene Bildschirmgrößen an
  • Barrierefreiheit: Überschriften helfen Screenreadern bei der Navigation
  • SEO-Vorteil: Gut strukturierte Überschriften verbessern die Suchmaschinenoptimierung

Verwendungszwecke

Seitentitel:

  • Hauptüberschrift einer Seite
  • Zentriert und fett formatiert
  • Mit auffälliger Animation

Abschnittsüberschriften:

  • Unterteilung von Inhalten
  • Linksbündig ausgerichtet
  • Ohne oder mit dezenter Animation

Ankündigungen:

  • Wichtige Mitteilungen
  • Zentriert und hervorgehoben
  • Mit auffälliger Animation

Gestaltungstipps

  • Kontrast: Stelle sicher, dass der Text gut lesbar ist
  • Schriftgröße: Der Block verwendet automatisch angemessene Schriftgrößen
  • Abstände: Der Block fügt automatisch passende Abstände hinzu
  • Responsive Design: Die Darstellung passt sich automatisch an verschiedene Geräte an

Verwandte Seiten