Initial commit - Help Service for Coolify
This commit is contained in:
139
content/theme/slider.md
Normal file
139
content/theme/slider.md
Normal file
@@ -0,0 +1,139 @@
|
||||
---
|
||||
title: Hero Slider
|
||||
description: Slider fuer die Startseite konfigurieren
|
||||
---
|
||||
|
||||
# Hero Slider
|
||||
|
||||
Der Hero Slider zeigt mehrere Slides mit Bildern, Titeln und Buttons auf der Startseite.
|
||||
|
||||
---
|
||||
|
||||
## Wo finde ich die Einstellungen?
|
||||
|
||||
**Kurs-Booking → Einstellungen → Hero Slider**
|
||||
|
||||
---
|
||||
|
||||
## Slide hinzufuegen
|
||||
|
||||
1. Klicke auf **"+ Neuen Slide hinzufuegen"**
|
||||
2. Fuelle die Felder aus
|
||||
3. Klicke auf **"Aenderungen speichern"**
|
||||
|
||||
---
|
||||
|
||||
## Felder pro Slide
|
||||
|
||||
### Bild
|
||||
|
||||
| Feld | Beschreibung |
|
||||
|------|--------------|
|
||||
| **Bild waehlen** | Oeffnet die Mediathek |
|
||||
| **Empfohlene Groesse** | 1950 × 1300 Pixel |
|
||||
|
||||
**Tipp:** Alle Slider-Bilder sollten die gleiche Groesse haben.
|
||||
|
||||
---
|
||||
|
||||
### Titel
|
||||
|
||||
Der Haupttext auf dem Slide.
|
||||
|
||||
| Option | Beschreibung |
|
||||
|--------|--------------|
|
||||
| **Zeilenumbruch** | Verwende `<br>` im Text |
|
||||
| **Beispiel** | `Willkommen bei der<br>Webwerkstatt` |
|
||||
|
||||
---
|
||||
|
||||
### Button
|
||||
|
||||
| Feld | Beschreibung | Beispiel |
|
||||
|------|--------------|----------|
|
||||
| **Button-Text** | Beschriftung des Buttons | "Mehr erfahren" |
|
||||
| **Button-Link** | Ziel-URL | `/kurse/` oder `https://...` |
|
||||
|
||||
**Tipp:** Lasse beide Felder leer, wenn kein Button erscheinen soll.
|
||||
|
||||
---
|
||||
|
||||
### Alt-Text (SEO)
|
||||
|
||||
Beschreibung des Bildes fuer Suchmaschinen und Screenreader.
|
||||
|
||||
| Gut | Schlecht |
|
||||
|-----|----------|
|
||||
| "Reiterin auf Islandpferd im Galopp" | "Bild1" |
|
||||
| "Kursteilnehmer beim Workshop" | "slider" |
|
||||
|
||||
---
|
||||
|
||||
## Slides verwalten
|
||||
|
||||
### Reihenfolge aendern
|
||||
|
||||
Die Slides erscheinen in der Reihenfolge, wie sie in der Liste stehen. Aktuell muss die Reihenfolge durch Loeschen und Neu-Anlegen geaendert werden.
|
||||
|
||||
### Slide loeschen
|
||||
|
||||
Klicke auf den **roten X-Button** rechts oben am Slide.
|
||||
|
||||
---
|
||||
|
||||
## Beispiel-Konfiguration
|
||||
|
||||
### Slide 1: Willkommen
|
||||
```
|
||||
Bild: [Panorama vom Gestüt]
|
||||
Titel: Willkommen bei der<br>Webwerkstatt
|
||||
Button-Text: Kurse entdecken
|
||||
Button-Link: /kurse/
|
||||
Alt-Text: Islandpferdegestüt mit Reitplatz im Sonnenuntergang
|
||||
```
|
||||
|
||||
### Slide 2: Aktueller Kurs
|
||||
```
|
||||
Bild: [Kursfoto]
|
||||
Titel: Neuer Kurs:<br>Sitzschulung intensiv
|
||||
Button-Text: Jetzt anmelden
|
||||
Button-Link: /kurs/sitzschulung-maerz-2025/
|
||||
Alt-Text: Reitlehrerin erklärt Sitzposition
|
||||
```
|
||||
|
||||
### Slide 3: Online-Angebot
|
||||
```
|
||||
Bild: [Laptop mit Zoom]
|
||||
Titel: Webinare &<br>Online-Coaching
|
||||
Button-Text: Online-Angebote
|
||||
Button-Link: /online/
|
||||
Alt-Text: Online-Unterricht per Videokonferenz
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Technische Details
|
||||
|
||||
| Einstellung | Wert |
|
||||
|-------------|------|
|
||||
| Option-Name | `kurs_booking_slider_slides` |
|
||||
| Bildformat | Querformat empfohlen |
|
||||
| Optimale Groesse | 1950 × 1300 px |
|
||||
| Max. Slides | Unbegrenzt (3-5 empfohlen) |
|
||||
|
||||
---
|
||||
|
||||
## Haeufige Fragen
|
||||
|
||||
### Wie viele Slides sind sinnvoll?
|
||||
3-5 Slides sind optimal. Bei mehr verlieren Besucher das Interesse.
|
||||
|
||||
### Warum sehe ich keinen Slider?
|
||||
- Pruefe ob mindestens ein Slide mit Bild angelegt ist
|
||||
- Pruefe ob die Startseite das Slider-Element enthaelt
|
||||
|
||||
### Die Bilder werden abgeschnitten
|
||||
Verwende Bilder im Format 1950 × 1300 Pixel. Alle Bilder sollten die gleiche Groesse haben.
|
||||
|
||||
### Kann ich Videos im Slider verwenden?
|
||||
Nein, aktuell werden nur Bilder unterstuetzt.
|
||||
Reference in New Issue
Block a user