Seitenspalte

Jedem Inhalt in Primer kann eine Seitenspalte hinzugefügt werden, wobei fast alle Paragraphs verwendet werden können. Mit Hilfe der Seitenspalte können die Leser/innen schnell auf weiterführende Informationen zugreifen.

Ohne Seitenspalte


example layout with no sidebar

Mit Seitenspalte


layout with sidebar

Verwendung der Seitenspalte

Die Seitenspalte ist ein häufig verwendetes Element mit nützlichen Eigenschaften:

  • Durch die Aktivierung der Seitenspalte wird die Breite des Haupt-Inhaltes eingeschränkt.
  • Die reduzierte Laufweite macht Text-Abschnitte leserlicher.
  • Die Seitenspalte bietet dedizierten Platz für z.B. Metadaten und andere sekundären Elemente.
  • Durch die so mögliche Reduktion / Kürzung im Hauptbereich der Seite erreichen LeserInnen die primäre Handlungsaufforderung (Conversion) früher.
  • Speziell interessierte Leser/innen finden die weiterführenden Informationen in der Seitenspalte.

Es gibt aber auch Fallen, die unbedingt zu vermeiden sind:

  • Die Spalte wird nicht parallel zum Inhalt gelesen. Die Leserichtung ist primär von oben nach unten in der Hauptspalte.
  • Keine primäre Handlungsaufforderungen in die Seitenspalte platzieren, da diese von normalen Leser/innen häufig übersehen oder aktiv ignoriert wird.
  • Die Seitenspalte erscheint auf Mobile zwischen Inhalt und Footer.
  • Im Speziellen empfehlen wir, keine Formulare in der Seitenspalte zu platzieren.

Die Seitenspalte wird z.B. typischerweise für folgende Inhaltsformen verwendet:

  • Teaser mit Link auf übergeordnete Seite oder Thema
  • Autorenprofil
  • Metadaten
  • Weiterführende Artikel

Hero über der Seitenspalte

Beginnt ein Inhalt mit einem Hero-Element, wird dieses oberhalb der Spalte über der ganzen Breite platziert. Dieses Verhalten kann im Design deaktiviert werden.


Generische Seitenspalte

Wenn mehrere Inhalte dieselbe Seitenspalte miteinander teilen, kann die generische Seitenspalte verwendet werden. Solange die Spalte nicht auf Inhaltsebene übersteuert wird, übernimmt der Inhalt die generische Seitenspalte des übergeordneten Begriffes (z.B. eines Artikeltyps oder Seitentyps).

Sie können damit z.B. auf allen Artikeln des Artikeltyps "Pressemitteilungen" die Seitenspalte mit Adresse und weiteren Kontaktdaten der Pressestelle darstellen. Diese wird auch automatisch bei neuen Artikeln mit dem Layout "Seitenspalte" (Sidebar) übernommen.