Hero-Bild-Karussell bearbeiten
Das Hero-Bild-Karussell ist ein dynamisches Element, das mehrere Bilder in einer ansprechenden Slideshow präsentiert. Es kombiniert wechselnde Hintergrundbilder mit statischem Text und eignet sich perfekt für Startseiten, um verschiedene Aspekte deines Unternehmens oder mehrere Produkte zu präsentieren.
Voraussetzungen
- Du befindest dich im Website-Editor
- Ein Hero-Bild-Karussell-Block ist auf deiner Seite eingefügt
- Du hast die Berechtigung, Website-Inhalte zu bearbeiten
Aufbau der Bearbeitungsseite
Die Bearbeitungsseite ist in zwei Hauptbereiche unterteilt:
Allgemein
Hier findest du die Layout-Einstellung:
- Volle Breite verwenden: Schalter für die Nutzung der gesamten Bildschirmbreite
Aktionen
Hier bearbeitest du den Inhalt des Karussells:
- Überschrift: Haupttitel des Karussells
- Kleine Überschrift: Untertitel oder Einleitungstext
- Beschreibung: Detaillierter Text mit Markdown-Formatierung
- Liste aller Karussell-Bilder mit Bearbeitungsmöglichkeiten
- Schaltfläche zum Hinzufügen neuer Bilder
So arbeitest du mit dieser Seite
Layout konfigurieren
- Aktiviere Volle Breite verwenden, wenn das Karussell die gesamte Bildschirmbreite nutzen soll
- Dies ist besonders wirkungsvoll für große, beeindruckende Präsentationen
Textinhalte bearbeiten
- Überschrift: Gib eine aussagekräftige Hauptüberschrift ein
- Beispiele: "Willkommen bei [Firmenname]", "Unsere Leistungen", "Entdecke unsere Welt"
- Kleine Überschrift: Verfasse einen ergänzenden Untertitel
- Beispiele: "Ihr Partner für...", "Seit 20 Jahren...", "Qualität und Service"
- Beschreibung: Schreibe einen detaillierten Text mit Markdown-Formatierung
- Erkläre dein Unternehmen oder deine Dienstleistungen
- Nutze Formatierung für bessere Lesbarkeit
- Integriere Links zu wichtigen Seiten
Bilder verwalten
- Klicke auf Bild hinzufügen, um ein neues Bild zum Karussell hinzuzufügen
- Für jedes Bild kannst du folgende Einstellungen vornehmen:
- Bild hochladen: Klicke auf den Bild-Editor, um ein Bild hochzuladen
- Bildeinstellungen: Passe Größe, Position und Effekte an
- Nutze die Pfeil-Schaltflächen, um die Reihenfolge der Bilder zu ändern
- Klicke auf das Kopieren-Symbol, um ein Bild zu duplizieren
- Entferne Bilder mit dem Papierkorb-Symbol
Bildeinstellungen optimieren
Für jedes Bild kannst du verschiedene Eigenschaften anpassen:
- Position: Bestimme, wo das Bild positioniert wird
- Größe: Stelle die Darstellungsgröße ein
- Deckkraft: Passe die Transparenz an
- Wiederholung: Definiere, ob das Bild wiederholt wird
- Anheftung: Bestimme das Scroll-Verhalten
Markdown-Formatierung nutzen
Die Beschreibung unterstützt Markdown-Formatierung:
Textformatierung:
**Wichtiger Text**
*Hervorgehobener Text*
~~Durchgestrichener Text~~
Listen:
- Erste Leistung
- Zweite Leistung
- Dritte Leistung
Links:
[Mehr über uns](/ueber-uns)
[Kontakt aufnehmen](/kontakt)
Tipps und Hinweise
- Hochwertige Bilder: Verwende professionelle Bilder mit einheitlicher Qualität und Stil
- Konsistente Größen: Nutze Bilder mit ähnlichen Seitenverhältnissen für harmonische Übergänge
- Angemessene Anzahl: 3-5 Bilder sind meist optimal für ein Karussell
- Ladezeiten beachten: Komprimiere Bilder für bessere Performance
- Thematischer Bezug: Alle Bilder sollten thematisch zusammenpassen
- Mobile Optimierung: Das Karussell passt sich automatisch an verschiedene Bildschirmgrößen an
- Barrierefreiheit: Stelle sicher, dass wichtige Informationen auch im Text verfügbar sind
Gestaltungsempfehlungen
Für Unternehmen:
- Bilder von Büroräumen, Team, Produkten
- Überschrift: Firmenname oder Mission
- Beschreibung: Kurze Unternehmensvorstellung
Für Dienstleister:
- Bilder von Arbeitsergebnissen oder Prozessen
- Überschrift: Hauptdienstleistung
- Beschreibung: Nutzen für den Kunden
Für Online-Shops:
- Bilder verschiedener Produktkategorien
- Überschrift: Shop-Name oder Angebot
- Beschreibung: Besondere Vorteile oder Aktionen
Technische Hinweise
- Bildformat: JPG für Fotos, PNG für Grafiken mit Transparenz
- Bildgröße: Mindestens 1920x1080 Pixel für Full-HD-Darstellung
- Dateigröße: Maximal 2MB pro Bild für gute Ladezeiten
- Automatische Wiedergabe: Das Karussell wechselt automatisch zwischen den Bildern
- Navigation: Besucher können manuell zwischen den Bildern wechseln