Registerkarten
Mit Registerkarten kannst du viele Inhalte platzsparend organisieren. Besucher können zwischen verschiedenen Bereichen wechseln, ohne die Seite zu verlassen. Jede Registerkarte kann einen eigenen Titel, Inhalt und ein Symbol haben.
Voraussetzungen
Überlege dir, welche Inhalte du in Registerkarten aufteilen möchtest. Ideal sind thematisch zusammengehörige Informationen, die separat betrachtet werden können.
Aufbau der Seite
Titel: Optionale Überschrift für den gesamten Registerkartenbereich Registerkarten: Liste der einzelnen Bereiche mit:
- Titel: Name der Registerkarte (wird im Reiter angezeigt)
- Inhalt: Der Text oder die Informationen dieser Registerkarte
- Symbol: Optionales Feather-Symbol neben dem Titel
- Animation: Einblendeffekt beim Wechseln zur Registerkarte Dunkles Design: Schalter für dunklen Hintergrund
So arbeitest du mit dieser Seite
Haupttitel festlegen (optional):
- Überschrift für den gesamten Bereich
- Beispiele: "Unsere Leistungen", "Produktdetails", "Häufige Fragen"
Registerkarten erstellen:
- Klicke auf "Neue Registerkarte hinzufügen"
- Titel: Kurzer, aussagekräftiger Name für die Registerkarte
- Inhalt: Der Text, der angezeigt wird, wenn die Registerkarte aktiv ist
- Symbol: Wähle ein passendes Feather-Symbol aus der Liste
Inhalte gestalten:
- Nutze Markdown-Formatierung für den Inhalt
- Verwende Überschriften, Listen, Links und Hervorhebungen
- Halte die Inhalte übersichtlich und gut strukturiert
Reihenfolge festlegen:
- Die erste Registerkarte ist standardmäßig geöffnet
- Sortiere die Registerkarten nach Wichtigkeit
- Verwende die Pfeiltasten zum Verschieben
Design anpassen:
- Helles Design: Standard-Darstellung
- Dunkles Design: Für dunkle Hintergründe
Animationen konfigurieren:
- Wähle für jede Registerkarte einen Einblendeffekt
- Verschiedene Animationen sorgen für Abwechslung
Tipps und Hinweise
- Klare Titel: Verwende kurze, verständliche Namen für die Registerkarten
- Logische Reihenfolge: Sortiere nach Wichtigkeit oder logischem Ablauf
- Konsistente Länge: Achte darauf, dass die Inhalte ähnlich umfangreich sind
- Mobile Optimierung: Registerkarten funktionieren auch auf Smartphones gut
- Erste Registerkarte: Diese ist beim Laden der Seite bereits geöffnet
- Markdown nutzen: Verwende Formatierungen für bessere Lesbarkeit
- Symbole sparsam: Nicht jede Registerkarte braucht ein Symbol
- Barrierefreiheit: Die Registerkarten sind mit der Tastatur bedienbar