Basis-Styles

Die Grundelemente der Contentpflege

Viele Inhalte werden über den Rich-Text-Editor (RTE) gepflegt. Um eine gute Content-Struktur abzubilden, können verschiedene „Styles“ angewendet werden. Dadurch kann Hierarchie und Rhythmus innerhalb einer Seite erzeugt werden. Im Folgenden werden die Elemente genannt und ggf. beschrieben.

Überschriften

Überschriften

Überschriften sind das A und O in der Contentpflege. Sie strukturieren eine Seite und leiten den User durch den Inhalt. Verwenden Sie gleiche Überschrift-Stile für Inhalte gleicher Hierarchie. Lockern Sie lange Texte durch Zwischenüberschriften auf. Die H2 (wie hier "Überschriften") kann nur in den Überschriften-Feldern von Content-Elementen gepflegt werden. Im RTE sind folgende Stile verfügbar:

Überschrift 3

Überschrift 4

Überschrift 5

Wichtig: Überschriften nie als gefetteten Fließtext setzen! Immer zu einem Überschriften-Stil greifen!

Fließtext

Fließtext

So sieht Fließtext in der normalen Schriftgröße aus. Natürlich kann man den auch fetten. Und hier noch etwas Fließtext: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus augue lorem, suscipit ut condimentum in, placerat non mi. Aliquam metus sapien, pharetra sit amet odio facilisis, luctus faucibus turpis. Etiam nunc felis, rhoncus eu mattis id, feugiat quis felis.

Man kann Fließtext auch auf den Stil „large“ stellen. Dann wird er größer. Der Einsatz sollte aber äußerst sparsam erfolgen!

Genauso kann Fließtext auch auf den Stil „small“ gestellt werden. Dieser wird für Bildunterschriften verwendet, kann aber in der Contentpflege z.B. für Fußnoten- und Sternchentexte eingesetzt werden.

„Es können auch Zitate im RTE gepflegt werden. Diese werden dann entsprechend semantisch ausgezeichnet.“

Verlinkungen

Verlinkungen

In einem Fließtext können Links gesetzt werden. Diese können als Icon-Links als interne Links, Section Links oder externe Links, aber auch als E-Mail-Links oder Download-Links markiert werden. Auch Telefon-Links sind inline möglich.

Es gibt auch weitere Link Styles:

Interner Teaser Icon Link

Section Teaser Icon Link

Externer Teaser icon Link

Email Teaser Icon Link

Download Teaser Icon Link

Telefon Teaser Icon Link

Eine Besonderheit, ist der Stil des Button-Link. Dieser Sollte möglichst sparsam eingesetzt werden.

Button-Link

Aufzählungslisten

Aufzählungslisten

Im RTE können verschiedene Aufzählungslisten gepflegt werden:

Ungeordnete Listen

  • Geeignet für gewöhnliche Bullet-Listen
  • Die erste Ebene wird mit einem roten Unterstrich angeführt
    • Es sind auch Unterebenen möglich
    • Diese werden mit einem grauen Unterstrich angeführt
  • Danach kann wieder in der ersten Ebene fortgesetzt werden

Nummerierte Listen

  1. Natürlich gibt es auch nummerierte Listen.
  2. Diese werden durch Zahlen angeführt.
  3. Die Zahlen werden dabei immer höher, je mehr Zeilen die Liste hat.
  4. Ist ja eigentlich logisch.

Tabellen

Tabellen

Auch Tabellen sind gestylt. Man kann dabei eine Kopfzeile definieren. Die Ausrichtung, ob links-, rechtsbündig oder zentriert kann dabei je nach Bedarf festgelegt werden.

Spalte 1 Spalte 2 Spalte 3 Spalte 4
Zeile 1, Spalte 1 Zeile 1, Spalte 2 Zeile 1, Spalte 3 Zeile 1, Spalte 4
Zeile 2, Spalte 1 Zeile 2, Spalte 2 Zeile 2, Spalte 3 Zeile 2, Spalte 4
Zeile 3, Spalte 1 Zeile 3, Spalte 2 Zeile 3, Spalte 3 Zeile 3, Spalte 4

Das könnte Sie auch interessieren

  • Das Design-System
    von dataport.kommunal

    In diesem Design-System werden alle relevanten Gestaltungselemente des Website-Kosmos von dataport.kommunal zusammen gefasst und beschrieben.

    Contentpflege

  • Container für Inhaltselemente

    Einige Elemente müssen in Raster eingepflegt werden. Welche es gibt, erfahren Sie hier.

    Raster

  • Der Baukasten zur attraktiven Seitengestaltung

    Eine Übersicht der Elemente, die Sie für den Aufbau von Standard-Contentseiten benötigen.

    Seitenelemente

  • So kommt man von A nach B

    Teaser dienen dazu, den User von Seite zu Seite zu führen und einen optimalen User-Flow zu gewährleisten.

    Teaser

  • Inhalte aus Datensätzen darstellen

    Mit Plugins können Inhalte, die in Datensätzen hinterlegt wurden, im Frontend ausgegeben werden.

    Plug-Ins

Ihre Cookie-Einstellungen für diese Webseite

Treffen Sie hier Ihre persönlichen Einstellungen

Erforderliche Cookies sind für die Nutzung der Webseite zwingend erforderlich. Die Webseite kann ohne diese Cookies nicht richtig funktionieren.

Einzelne Cookies

Cookiename: cookiehint; Anbieter: Dataport; Zweck: Dieser Cookie speichert die Einstellung zu Cookies; Laufzeit: 1 Jahr
Diese Cookies helfen uns bei der Analyse des Nutzerverhaltens, um die Qualität unserer Webseite fortlaufend zu verbessern.

Einzelne Cookies

Cookiename: _pk_id.*; Anbieter: Dataport; Zweck: Erhebung statistischer Daten in Matomo darüber, wie die Webseite von Besucher*innen genutzt wird; Laufzeit: 12 Monate

Cookiename: _pk_ref.*; Anbieter: Dataport; Zweck: Erhebung statistischer Daten in Matomo darüber, woher die Besucher*innen dieser Webseite gekommen sind; Laufzeit: 6 Monate

Cookiename: _pk_ses.*, _pk_cvar.*; Anbieter: Dataport; Zweck: Erhebung statistischer Daten in Matomo darüber, wie die Webseite von Besucher*innen genutzt wird; Laufzeit: 30 Minuten

Weitere Informationen zu Cookies finden Sie in der Datenschutzerklärung

Ihre Daten sind bei uns sicher

Als Datenschutzexpert*innen klären wir transparent darüber auf, welche Daten wie und warum verarbeitet werden ( zur Datenschutzerklärung zum Impressum). Auf dieser Website verwenden wir Cookies. Das sind kleine Dateien, die lokal im Browser gespeichert werden. Einige dieser Cookies sind unbedingt erforderlich, damit Sie diese Website nutzen können und alles richtig funktioniert. Über die Verwendung anderer Cookies entscheiden Sie selbst. Ganz gleich wie Sie sich entscheiden – wir respektieren Ihre Privatsphäre und wir gehen stets verantwortungsvoll mit den Daten um, die Sie uns anvertrauen.