Im Content Designer wird die Größe eines Abschnitts durch den Inhalt bestimmt. Das bedeutet, die Höhe eines Abschnitts ist nicht festgelegt und hängt von den enthaltenen Elementen ab.
Die ausgewählte Abschnittsgröße, klein, mittel oder groß, definiert nur den senkrechten Abstand, also den Abstand oberhalb und unterhalb des Inhalts in einem Abschnitt. Sie legt nicht die endgültige Abschnittshöhe fest.
Standard-Abschnittsgrößen ohne Inhalt
Die folgenden Werte zeigen die minimale Abschnittshöhe, wenn kein Inhalt hinzugefügt wurde. Die Abschnittsgröße erhöht sich automatisch, wenn Inhalt hinzugefügt wird.
Desktop
Abschnitte 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 | 160 px | 40 px + 40 px | 1440 px: 100 % Viewport |
| Mittel | 240 px | 80 px + 80 px | 1440 px: 100 % Viewport |
| Groß | 400 px | 160 px + 160 px | 1440 px: 100 % Viewport |
Mobile Geräte
Der senkrechte Abstand eines Abschnitts bleibt auf Mobilgeräten gleich. Nur die Breite ändert sich. Zum Beispiel mit ~375 px als Standardwert für Mobilgeräte:
| Größe | Gesamthöhe | Senkrechter Abstand | Breite |
| Klein | 160 px | 40 px + 40 px | 375 px: 100 % Viewport |
| Mittel | 240 px | 80 px + 80 px | 375 px: 100 % Viewport |
| Groß | 400 px | 160 px + 160 px | 375 px: 100 % Viewport |
Nachdem Sie Inhalt zum Abschnitt hinzugefügt haben, überschreitet die Höhe die oben genannten Werte.
Bild-Richtlinien für Abschnitte
Wenn Sie Bilder zu Abschnitten 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: 140 px
- Kartenhöhe: 214 px
- 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 (< 768 px) | 335 × 140 px |
| Tablet (768 px–1439 px) | 728 × 140 px |
| Desktop (≥ 1440 px) | 1300 × 140 px |
2-Spalten-Darstellung
| Breakpoint | Bildgröße |
| Mobil (< 768 px) | 335 × 140 px |
| Tablet (768 px–1439 px) | 356 × 140 px |
| Desktop (≥ 1440 px) | 642 × 140 px |
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.