Layout
Im Layout-Tab passt du das visuelle Layout deines News-Moduls an - vom Karten-Stil über Größen bis zu Sortierung und Pagination.
Karten-Stil
Abschnitt betitelt „Karten-Stil“Wähle, wie die Artikelkarten dargestellt werden.
Stil auswählen
Abschnitt betitelt „Stil auswählen“Was es macht: Bestimmt das grundlegende Layout der Artikelkarten.
So findest du es: Layout > Karten-Stil
Optionen:
| Option | Beschreibung |
|---|---|
| Karten | Klassische Karten mit Bild oben und Text darunter |
| Liste | Kompakte Listenansicht mit kleinem Bild links |
| Magazin | Abwechselndes Layout für großes und kleine Artikel |
Standard: Karten
Tipps für die Wahl:
- Karten: Gut für bildreiche Inhalte, mehr Platz für Vorschau
- Liste: Kompakter, mehr Artikel auf einen Blick
- Magazin: Visuell interessant, hebt den ersten Artikel hervor
Karten-Dimensionen
Abschnitt betitelt „Karten-Dimensionen“Bestimme die visuelle Erscheinung der Karten.
Eckenradius
Abschnitt betitelt „Eckenradius“Was es macht: Rundet die Ecken der Artikelkarten ab.
So findest du es: Layout > Karten-Dimensionen > Eckenradius
Wertebereich: 0px bis 32px
| Wert | Wirkung |
|---|---|
| 0px | Eckige Karten (streng, klassisch) |
| 8px | Leicht gerundete Ecken (dezent modern) |
| 12px | Mittel gerundete Ecken (Standard) |
| 16-24px | Deutlich gerundete Ecken (modern) |
| 32px | Stark gerundete Ecken (verspielt) |
Standard: 12px
Schatten
Abschnitt betitelt „Schatten“Was es macht: Fügt einen Schatten unter den Artikelkarten hinzu.
So findest du es: Layout > Karten-Dimensionen > Schatten
Wertebereich: 0 bis 10
| Wert | Wirkung |
|---|---|
| 0 | Kein Schatten (flaches Design) |
| 1-2 | Leichter, subtiler Schatten |
| 3-5 | Mittlerer Schatten |
| 6-10 | Starker Schatten (3D-Effekt) |
Standard: 2
Abstand
Abschnitt betitelt „Abstand“Was es macht: Der vertikale Abstand zwischen den einzelnen Artikelkarten.
So findest du es: Layout > Karten-Dimensionen > Abstand
Wertebereich: 4px bis 24px
| Wert | Wirkung |
|---|---|
| 4-8px | Kompakter Abstand, mehr Artikel sichtbar |
| 12px | Standard-Abstand |
| 16-20px | Großzügiger Abstand |
| 24px | Sehr luftiges Layout |
Standard: 12px
Featured-Bereich
Abschnitt betitelt „Featured-Bereich“Einstellungen für den hervorgehobenen Artikelbereich.
Max. Featured-Artikel
Abschnitt betitelt „Max. Featured-Artikel“Was es macht: Bestimmt, wie viele Artikel maximal im Featured-Bereich angezeigt werden.
So findest du es: Layout > Featured-Bereich > Max. Featured-Artikel
Wertebereich: 1 bis 10
| Wert | Wirkung |
|---|---|
| 1 | Nur ein prominenter Artikel |
| 3 | Standard-Karussell |
| 5 | Umfangreichere Auswahl |
| 10 | Maximale Anzahl |
Standard: 3
Featured-Höhe
Abschnitt betitelt „Featured-Höhe“Was es macht: Die Höhe der Karten im Featured-Bereich.
So findest du es: Layout > Featured-Bereich > Featured-Höhe
Wertebereich: 150px bis 300px
| Wert | Wirkung |
|---|---|
| 150px | Kompakte Featured-Karten |
| 200px | Standard-Höhe |
| 250px | Größere Karten |
| 300px | Maximale Höhe, sehr prominent |
Standard: 200px
Seitennummerierung
Abschnitt betitelt „Seitennummerierung“Einstellungen für das Laden und Sortieren von Artikeln.
Artikel pro Seite
Abschnitt betitelt „Artikel pro Seite“Was es macht: Wie viele Artikel auf einmal geladen werden.
So findest du es: Layout > Seitennummerierung > Artikel pro Seite
Wertebereich: 5 bis 50 (in 5er-Schritten)
| Wert | Wirkung |
|---|---|
| 5 | Schnelles Laden, häufiges Nachladen |
| 10 | Standard |
| 20 | Mehr Inhalt auf einmal |
| 50 | Maximum, längere Ladezeit |
Standard: 10
Standard-Sortierung
Abschnitt betitelt „Standard-Sortierung“Was es macht: Wie die Artikel standardmäßig sortiert werden.
So findest du es: Layout > Seitennummerierung > Standard-Sortierung
Optionen:
| Option | Beschreibung |
|---|---|
| Neueste zuerst | Aktuellste Artikel oben (chronologisch absteigend) |
| Älteste zuerst | Älteste Artikel oben (chronologisch aufsteigend) |
| Beliebteste | Nach Aufrufzahlen sortiert |
Standard: Neueste zuerst
Einstellungen für den Breaking-News-Ticker (erscheint nur wenn Ticker aktiviert ist).
Ticker-Geschwindigkeit
Abschnitt betitelt „Ticker-Geschwindigkeit“Was es macht: Wie schnell der Text durch das Breaking-News-Banner scrollt.
So findest du es: Layout > Ticker > Ticker-Geschwindigkeit
Wertebereich: 10 bis 60 Sekunden
| Wert | Wirkung |
|---|---|
| 10 Sek. | Schnelles Scrollen |
| 30 Sek. | Standard |
| 60 Sek. | Langsames Scrollen |
Standard: 30 Sekunden
Layout-Übersicht
Abschnitt betitelt „Layout-Übersicht“Hier siehst du alle Layout-Einstellungen auf einen Blick:
| Einstellung | Bereich | Standard | Minimum | Maximum |
|---|---|---|---|---|
| Karten-Stil | Karten-Stil | Karten | - | - |
| Eckenradius | Karten-Dimensionen | 12px | 0px | 32px |
| Schatten | Karten-Dimensionen | 2 | 0 | 10 |
| Abstand | Karten-Dimensionen | 12px | 4px | 24px |
| Max. Featured | Featured-Bereich | 3 | 1 | 10 |
| Featured-Höhe | Featured-Bereich | 200px | 150px | 300px |
| Artikel pro Seite | Pagination | 10 | 5 | 50 |
| Standard-Sortierung | Pagination | Neueste | - | - |
| Ticker-Geschwindigkeit | Ticker | 30 Sek. | 10 Sek. | 60 Sek. |
Vorlagen-Layouts
Abschnitt betitelt „Vorlagen-Layouts“Wenn du eine Vorlage im Aussehen-Tab anwendest, werden diese Layout-Werte gesetzt:
Klassisch
Abschnitt betitelt „Klassisch“| Einstellung | Wert |
|---|---|
| Eckenradius | 12px |
| Schatten | 2 |
| Einstellung | Wert |
|---|---|
| Eckenradius | 16px |
| Schatten | 0 |
Business
Abschnitt betitelt „Business“| Einstellung | Wert |
|---|---|
| Eckenradius | 8px |
| Schatten | 1 |
Häufige Fragen
Abschnitt betitelt „Häufige Fragen“Welchen Karten-Stil soll ich wählen?
Abschnitt betitelt „Welchen Karten-Stil soll ich wählen?“Das hängt von deinem Inhalt ab:
- Karten: Wenn du viele Bilder verwendest
- Liste: Wenn du viele Artikel kompakt zeigen möchtest
- Magazin: Wenn du einen visuell interessanten Feed möchtest
Wie viele Featured-Artikel sind sinnvoll?
Abschnitt betitelt „Wie viele Featured-Artikel sind sinnvoll?“3-5 ist ein guter Wert. Zu viele Featured-Artikel verwässern die Wirkung des “Hervorhebens”.
Warum sehe ich die Ticker-Einstellungen nicht?
Abschnitt betitelt „Warum sehe ich die Ticker-Einstellungen nicht?“Die Ticker-Geschwindigkeit erscheint nur, wenn im Funktionen-Tab sowohl “Breaking News Banner anzeigen” als auch “Als Ticker (scrollend)” aktiviert sind.
Sollte ich Schatten verwenden?
Abschnitt betitelt „Sollte ich Schatten verwenden?“Das hängt vom gewünschten Stil ab:
- Flaches Design (Modern): Schatten 0
- Klassisches Design: Schatten 1-2
- Generell: Weniger ist mehr
Wie beeinflusst “Artikel pro Seite” die Performance?
Abschnitt betitelt „Wie beeinflusst “Artikel pro Seite” die Performance?“Mehr Artikel bedeuten:
- Längere initiale Ladezeit
- Weniger Nachladen beim Scrollen
- Mehr Speicherverbrauch
10-20 ist ein guter Kompromiss für die meisten Apps.