Im Content Designer wird die Größe einer Section durch den Inhalt bestimmt. Das bedeutet, die Höhe einer Section ist nicht festgelegt und hängt von den enthaltenen Elementen ab.
Die ausgewählte Section-Größe, klein, mittel oder groß, definiert nur den senkrechten Abstand, also den Abstand oberhalb und unterhalb des Inhalts in einer Section. Sie legt nicht die endgültige Section-Höhe fest.
Standard-Section-Größen ohne Inhalt
Die folgenden Werte zeigen die minimale Section-Höhe, wenn kein Inhalt hinzugefügt wurde. Die Section-Größe erhöht sich automatisch, wenn Inhalt hinzugefügt wird.
Desktop
Sections nehmen auf Desktop-Geräten immer die volle Breite des Viewports, also des sichtbaren Bereichs des Browserfensters, ein. Zum Beispiel etwa 1440 px.
| Größe | Gesamthöhe | Senkrechter Abstand | Breite |
| Klein | 160px | 40px + 40px | 1440px: 100% Viewport |
| Mittel | 240px | 80px + 80px | 1440px: 100% Viewport |
| Groß | 400px | 160px + 160px | 1440px: 100% Viewport |
Mobil
Der senkrechte Abstand einer Section bleibt auf Mobilgeräten gleich. Nur die Breite ändert sich. Zum Beispiel mit ~375px als Standardwert für Mobilgeräte:
| Größe | Gesamthöhe | Senkrechter Abstand | Breite |
| Klein | 160px | 40px + 40px | 375px: 100% Viewport |
| Mittel | 240px | 80px + 80px | 375px: 100% Viewport |
| Groß | 400px | 160px + 160px | 375px: 100% Viewport |
Nachdem Sie Inhalt zur Section hinzugefügt haben, überschreitet die Höhe die oben genannten Werte.
Bild-Richtlinien für Sections
Wenn Sie Bilder zu Sections hinzufügen, beachten Sie diese Richtlinien:
- Bildauflösung: Verwenden Sie hochauflösende Bilder. Eine Breite von mindestens 1440 px wird empfohlen
- Bildhöhe: Vermeiden Sie festgelegte Höhen
- Seitenverhältnis: Verwenden Sie flexible Seitenverhältnisse, wie 16:9 oder breiter
- Sicherer Bereich: Wichtige Inhalte mittig platzieren
Platzieren Sie wichtige Inhalte mittig, um ein Zuschneiden auf verschiedenen Geräten zu vermeiden.
Quick Links Block
Das Quick Links Widget verwendet eine feste Darstellung. Die Bildhöhe ist festgelegt, während die Bildgröße von der ausgewählten Spalten-Darstellung und der Viewport-Größe abhängt.
- Bildhöhe: 140px
- Kartenhöhe: 214px
- Bildbreite: Füllt die Spalte 100%
Platzieren Sie wichtige Inhalte mittig, um ein Zuschneiden auf verschiedenen Geräten zu vermeiden.
1-Spalten-Darstellung
| Breakpoint | Bildgröße |
| Mobil (< 768px) | 335 × 140px |
| Tablet (768px–1439px) | 728 × 140px |
| Desktop (≥ 1440px) | 1300 × 140px |
2-Spalten-Darstellung
| Breakpoint | Bildgröße |
| Mobil (< 768px) | 335 × 140px |
| Tablet (768px–1439px) | 356 × 140px |
| Desktop (≥ 1440px) | 642 × 140px |
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.