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

Trenner

Trenner

Der Trenner hilft dir dabei, verschiedene Bereiche deiner Website optisch voneinander abzugrenzen. Du kannst ihn mit oder ohne Text verwenden und zwischen hellem und dunklem Design wählen. Er eignet sich perfekt, um neue Abschnitte einzuleiten oder wichtige Informationen hervorzuheben.

Voraussetzungen

Überlege dir, ob du den Trenner nur als optische Abgrenzung oder mit zusätzlichem Text verwenden möchtest.

Aufbau der Seite

Dunkles Design: Schalter für dunklen Hintergrund mit hellem Text Kleine Überschrift: Optionale kleinere Überschrift über dem Haupttitel Hauptüberschrift: Zentrale Überschrift des Trenners Beschreibungstext: Zusätzlicher Text unter der Hauptüberschrift Animation: Einstellungen für Einblendeffekte

So arbeitest du mit dieser Seite

  1. Design wählen:

    • Helles Design: Weißer Hintergrund mit dunklem Text (Standard)
    • Dunkles Design: Dunkler Hintergrund mit hellem Text
    • Wähle das Design passend zu den umgebenden Bereichen
  2. Kleine Überschrift eingeben (optional):

    • Kurzer einleitender Text
    • Wird in kleinerer Schrift angezeigt
    • Beispiele: "Nächster Schritt", "Wichtiger Hinweis"
  3. Hauptüberschrift festlegen (optional):

    • Die zentrale Botschaft des Trenners
    • Wird groß und fett dargestellt
    • Beispiele: "Bereit für den nächsten Schritt?", "Kontaktiere uns heute"
  4. Beschreibungstext hinzufügen (optional):

    • Längere Erklärung oder Call-to-Action
    • Unterstützt Markdown-Formatierung
    • Kann Links oder Hervorhebungen enthalten
  5. Animation konfigurieren (optional):

    • Wähle einen Einblendeffekt beim Scrollen
    • Verschiedene Animationen verfügbar

Tipps und Hinweise

  • Ohne Text verwenden: Lasse alle Textfelder leer für einen reinen optischen Trenner
  • Kontrast beachten: Dunkles Design eignet sich gut zwischen hellen Bereichen
  • Zentrierte Darstellung: Alle Inhalte werden automatisch mittig angezeigt
  • Responsive Design: Passt sich automatisch an verschiedene Bildschirmgrößen an
  • Call-to-Action: Nutze den Trenner für wichtige Handlungsaufforderungen
  • Markdown-Unterstützung: Verwende Formatierungen wie fett oder kursiv
  • Volle Breite: Der Trenner erstreckt sich über die gesamte Seitenbreite

Verwandte Seiten