Skip to content

Layout

Im Layout-Tab passt du das visuelle Layout deines News-Moduls an - vom Karten-Stil über Größen bis zu Sortierung und Pagination.

Wähle, wie die Artikelkarten dargestellt werden.

Was es macht: Bestimmt das grundlegende Layout der Artikelkarten.

So findest du es: Layout > Karten-Stil

Optionen:

OptionBeschreibung
KartenKlassische Karten mit Bild oben und Text darunter
ListeKompakte Listenansicht mit kleinem Bild links
MagazinAbwechselndes 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

Bestimme die visuelle Erscheinung der Karten.

Was es macht: Rundet die Ecken der Artikelkarten ab.

So findest du es: Layout > Karten-Dimensionen > Eckenradius

Wertebereich: 0px bis 32px

WertWirkung
0pxEckige Karten (streng, klassisch)
8pxLeicht gerundete Ecken (dezent modern)
12pxMittel gerundete Ecken (Standard)
16-24pxDeutlich gerundete Ecken (modern)
32pxStark gerundete Ecken (verspielt)

Standard: 12px


Was es macht: Fügt einen Schatten unter den Artikelkarten hinzu.

So findest du es: Layout > Karten-Dimensionen > Schatten

Wertebereich: 0 bis 10

WertWirkung
0Kein Schatten (flaches Design)
1-2Leichter, subtiler Schatten
3-5Mittlerer Schatten
6-10Starker Schatten (3D-Effekt)

Standard: 2


Was es macht: Der vertikale Abstand zwischen den einzelnen Artikelkarten.

So findest du es: Layout > Karten-Dimensionen > Abstand

Wertebereich: 4px bis 24px

WertWirkung
4-8pxKompakter Abstand, mehr Artikel sichtbar
12pxStandard-Abstand
16-20pxGroßzügiger Abstand
24pxSehr luftiges Layout

Standard: 12px


Einstellungen für den hervorgehobenen Artikelbereich.

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

WertWirkung
1Nur ein prominenter Artikel
3Standard-Karussell
5Umfangreichere Auswahl
10Maximale Anzahl

Standard: 3


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

WertWirkung
150pxKompakte Featured-Karten
200pxStandard-Höhe
250pxGrößere Karten
300pxMaximale Höhe, sehr prominent

Standard: 200px


Einstellungen für das Laden und Sortieren von Artikeln.

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)

WertWirkung
5Schnelles Laden, häufiges Nachladen
10Standard
20Mehr Inhalt auf einmal
50Maximum, längere Ladezeit

Standard: 10


Was es macht: Wie die Artikel standardmäßig sortiert werden.

So findest du es: Layout > Seitennummerierung > Standard-Sortierung

Optionen:

OptionBeschreibung
Neueste zuerstAktuellste Artikel oben (chronologisch absteigend)
Älteste zuerstÄlteste Artikel oben (chronologisch aufsteigend)
BeliebtesteNach Aufrufzahlen sortiert

Standard: Neueste zuerst


Einstellungen für den Breaking-News-Ticker (erscheint nur wenn Ticker aktiviert ist).

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

WertWirkung
10 Sek.Schnelles Scrollen
30 Sek.Standard
60 Sek.Langsames Scrollen

Standard: 30 Sekunden


Hier siehst du alle Layout-Einstellungen auf einen Blick:

EinstellungBereichStandardMinimumMaximum
Karten-StilKarten-StilKarten--
EckenradiusKarten-Dimensionen12px0px32px
SchattenKarten-Dimensionen2010
AbstandKarten-Dimensionen12px4px24px
Max. FeaturedFeatured-Bereich3110
Featured-HöheFeatured-Bereich200px150px300px
Artikel pro SeitePagination10550
Standard-SortierungPaginationNeueste--
Ticker-GeschwindigkeitTicker30 Sek.10 Sek.60 Sek.

Wenn du eine Vorlage im Aussehen-Tab anwendest, werden diese Layout-Werte gesetzt:

EinstellungWert
Eckenradius12px
Schatten2
EinstellungWert
Eckenradius16px
Schatten0
EinstellungWert
Eckenradius8px
Schatten1


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

3-5 ist ein guter Wert. Zu viele Featured-Artikel verwässern die Wirkung des “Hervorhebens”.

Warum sehe ich die Ticker-Einstellungen nicht?

Section titled “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.

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?

Section titled “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.