Karten

Mit dem Karten-Bereich erstellst du ansprechende Übersichten mit mehreren Karten nebeneinander. Jede Karte kann ein Bild, einen Titel, Text und eine Schaltfläche enthalten. Ideal für die Darstellung von Leistungen, Teammitgliedern oder Produkten.

Voraussetzungen

Du benötigst keine besonderen Vorkenntnisse. Die Karten werden automatisch responsive dargestellt und passen sich verschiedenen Bildschirmgrößen an.

Aufbau der Seite

Karteninhalt

Jede Karte besteht aus folgenden Elementen:

• Bild: Optional ein Foto oder Grafik
• Symbol: Alternativ zum Bild ein Feather-Symbol
• Titel: Überschrift der Karte
• Text: Beschreibender Inhalt
• Schaltfläche: Optional ein Link zu weiteren Informationen

Darstellungsoptionen

• Karten pro Zeile: Bestimmt, wie viele Karten nebeneinander angezeigt werden (1-4)
• Dunkles Design: Schwarzer Hintergrund mit weißer Schrift
• Bilder vergrößerbar: Klick auf Bilder öffnet Vollansicht

So arbeitest du mit dieser Seite

Neue Karte hinzufügen

1. Klicke auf "Karte hinzufügen"
2. Fülle die gewünschten Felder aus:
   • Titel: Kurze, prägnante Überschrift
   • Text: Beschreibung oder Details
   • Bild: Lade ein passendes Foto hoch
   • Symbol: Wähle alternativ ein Feather-Symbol
   • Schaltfläche: Text und Link für weitere Aktionen

Kartenreihenfolge ändern

• Ziehe Karten per Drag & Drop in die gewünschte Reihenfolge
• Die erste Karte wird links oben angezeigt

Bildposition festlegen

• Bild oben: Foto erscheint über dem Text
• Bild unten: Foto erscheint unter dem Text

Text zentrieren

• Aktiviere "Text zentrieren" für mittige Ausrichtung
• Besonders wirkungsvoll bei Karten mit Symbolen

Animationen einstellen

• Wähle für jede Karte eine Einblendanimation
• Karten erscheinen beim Scrollen mit dem gewählten Effekt

Tipps und Hinweise

Optimale Kartenzahl:

• 3 Karten pro Zeile wirken ausgewogen
• Bei vielen Karten verwende 4 pro Zeile
• Auf Mobilgeräten werden Karten automatisch untereinander angezeigt

Bildqualität:

• Verwende Bilder mit ähnlichen Proportionen
• Empfohlene Größe: mindestens 400x300 Pixel
• Bilder werden automatisch optimiert

Textlänge:

• Halte Titel kurz (max. 5-6 Wörter)
• Beschreibungstext sollte ähnlich lang sein
• Zu unterschiedliche Textlängen können das Layout stören

Schaltflächen:

• Verwende aussagekräftige Texte wie "Mehr erfahren" oder "Kontakt"
• Alle Karten sollten ähnliche Schaltflächen haben

Verwandte Seiten

• Feature-Liste - Alternative Darstellung mit Aufzählung
• Bildergalerie - Reine Bilddarstellung ohne Text