Krebsprävention und Früherkennung

Das Verzeichnis darunter ist das Element Abschnittsübersicht unter Menü. Es listet die Abschnitte der Seite: die Überschriften 2, die Überschriften 3 eingerückt darunter. Jeder Eintrag springt zu seinem Abschnitt.

Setz es dorthin, wo das Verzeichnis stehen soll, meist direkt unter den Seiten-Header. Steht seine eigene Überschrift auf Verborgen, erscheint über der Liste „Das steht auf dieser Seite:".

Neue Abschnitte erscheinen von selbst. Soll ein Element nicht im Verzeichnis stehen, nimm in ihm den Haken Im Inhaltsverzeichnis anzeigen heraus (Reiter Erscheinungsbild).

Diese Seite zeigt je ein Beispiel aller Inhaltselemente des Site-Packages. Sie darf gefahrlos verändert werden, beim erneuten Anlegen wird nichts überschrieben.

Die Überschrift dieses Elements steht auf Überschrift 2, brombeer. Die einzige h1 der Seite trägt der Seiten-Header darüber; alle weiteren Überschriften staffeln sich darunter, ohne eine Ebene zu überspringen.

Die Zeile „ÜBERSICHT" darüber ist das Feld Untertitel. Es ist keine Überschrift, sondern die Rubrik-Zeile, im Entwurf „Eyebrow" genannt.

Ab hier die Typografie-Skala. Die h2 ist mit 36 Pixeln die größte Überschrift unterhalb der Seiten-h1.

26 Pixel, blau. Gliedert ein Thema in Abschnitte. Wo die große brombeerfarbene Themen-Headline gemeint ist, gehört das Element auf Überschrift 2.

20 Pixel. Die Farbe kommt aus dem Feld Überschrift-Layout, hier blau.

18 Pixel, hier blau. Die unterste Stufe, die im Feld Überschrift-Layout zur Wahl steht.

Ein gewöhnliches Textelement, Darstellung Normal. Auf Unterseiten läuft es über 10 von 12 Rasterspalten, damit die Zeilen nicht zu lang werden. Auf der Startseite gilt das nicht, die nutzt ein eigenes Seitentemplate.

Im Stil-Menü des Editors stehen vier Gruppen zur Wahl: Überschriften 2 bis 5 in blau und brombeer, benannt wie das Feld Überschrift-Layout der Inhaltselemente; Textfarben für einzelne Wörter; Links als Button; und die Infobox A weiter unten.

Eine Überschrift aus dem Editor

Diese Zeile darüber ist eine h3 im Fließtext, über das Stil-Menü auf Überschrift 3 – brombeer gestellt. Ohne Stil wäre sie blau.

Die Textfarben wirken auf ausgewählte Wörter: dieser Teil ist blau, dieser brombeer, und fett und brombeer zusammen geht ebenfalls.

So sehen Aufzählungen aus:

• Die Punkte sind brombeerfarben.
• Zwischen den Einträgen steht bewusst etwas mehr Luft als üblich.
• Beides gilt auch für Listen, die im Rich-Text-Editor entstehen.

Ein Link lässt sich als Button darstellen: Link setzen, den Linktext auswählen und im Stil-Menü eine der drei Optiken wählen. Der brombeerfarbene Button ist die Vorgabe, der blaue eine Alternative für ruhigere Abschnitte. Die dritte Optik ist für farbige Flächen gedacht und auf weißem Grund nicht zu sehen — sie steckt unten in der Kontakt-Box.

Mehr erfahren

Mehr erfahren

Steht ein Link als letzter Absatz allein in einem der farbigen Kästen, wird er ohne Stil von selbst zum Button. Der Stil im Editor ist für alles daneben.

Das hier ist die Infobox A: kein eigenes Inhaltselement, sondern ein Blockstil im Editor. Cursor in einen Absatz setzen und im Blockstil-Menü „Infobox A (Hinweis)" wählen. Sie läuft etwas schmaler als der Fließtext.

Das ist der Hinweis-Kasten: dieselbe Optik wie die Infobox A, aber als ganzes Element. Er nimmt mehrere Absätze und Listen auf.

• Darstellung „Hinweis-Kasten" im Feld Layout wählen.
• Den Text wie gewohnt schreiben, auch mit Aufzählung.

Die Infobox A im Editor bleibt für einen kurzen Hinweis mitten im Text.

Eine dünne sandfarbene Linie gliedert einen langen Text, etwa zwischen zwei Terminen. Sie entsteht mit dem Knopf Horizontale Linie in der Werkzeugleiste des Editors.

Die Linie läuft über die ganze Textbreite und hat oben und unten etwas Luft. Im Editor sieht sie genauso aus wie auf der Seite.

Darstellung Info-Box (hellblau). Für Merksätze und Zusammenfassungen. Läuft schmaler als der Fließtext, über 8 von 12 Spalten.

• Nicht rauchen ist eine der wirksamsten Maßnahmen zur Vorbeugung von Krebs.
• Ein Rauchstopp lohnt sich in jedem Alter.
• Auch Passivrauchen ist schädlich.

Dasselbe in Beige, Darstellung Sand-Box. Ebenfalls 8 von 12 Spalten. Gedacht als zweite, ruhigere Hervorhebung neben der hellblauen Box.

Darstellung Kontakt-Box (brombeer). Rufen Sie uns an unter 06131 000000.

Der letzte Absatz, der nur aus einem Link besteht, wird automatisch zum Button. Dieselbe Regel gilt bei der Themen-Karte und der Text-Bild-Box, deshalb steht der Link hier ganz unten.

Kontakt aufnehmen

Drei pro Reihe. Bei dieser Darstellung steht das Feld Untertitel ausnahmsweise unter der Überschrift, nicht darüber.

Dieselbe Kachel in der zweiten Farbe. Ist auf der Überschrift ein Link gesetzt, wird die ganze Kachel klickbar und zeigt unten rechts einen Pfeil.

Die dritte Farbe der Kachelfamilie, mit dunkler Schrift. Der letzte Absatz, der nur aus einem Link besteht, wird hier zum umrandeten Button statt zum Pfeil.

Mehr erfahren

Die Darstellung Sand-Abschnitt legt eine sandfarbene Fläche über die volle Fensterbreite, während der Text im Raster bleibt. Gedacht ist sie für die Veranstaltungen auf der Startseite: Überschrift, News-Karten und der Abschluss darunter stehen zusammen auf einer Fläche.

Aufeinanderfolgende Elemente mit dieser Darstellung wachsen zu einem Band zusammen. Das Element direkt darunter gehört noch dazu.

Ein Element, das nur aus einem Link besteht, wird zum mittigen Abschluss unter den Karten. Die Überschrift dieses Elements steht auf Verborgen.

Alle anzeigen

Die Terminlisten auf dieser Seite stehen im Plugin auf dem Template Layout „Termin". Dann zeigen sie neben dem Datum die Uhrzeit und, wo im Termin das Feld Ende gepflegt ist, auch das Ende: am selben Tag „16:30 bis 18:00 Uhr", sonst beide Daten.

Ein Klick auf einen Termin führt zur Detailseite der Termine. Steht deren Plugin ebenfalls auf „Termin", gibt es dort unter dem Text den Link In den Kalender übernehmen.

Ohne gepflegtes Ende zeigt die Liste nur den Beginn. Beispieltermine legt diese Seite nicht an, sie stünden sonst in der echten Terminliste.

Das Element darunter zeigt die Auswahlkarten des geführten Einstiegs. Welche Karten erscheinen, bestimmt das Feld Wurzel des geführten Einstiegs: Es zeigt die direkten Unterseiten der dort gewählten Seite.

Die weiteren Schritte laufen auf den Unterseiten selbst, die dieselbe Optik verwenden. Bleibt die Überschrift leer, greift die Vorgabe aus den Site-Einstellungen.

Für Leichte Sprache gibt es ein eigenes Backend-Layout: Krebsprävention – Leichte Sprache. Die Seite bekommt eine größere Schrift.

Auch dort steht oben das Inhaltsverzeichnis, die Abschnittsübersicht wie auf dieser Seite.

Weil das Layout für eine ganze Seite gilt, steht das Beispiel auf einer eigenen Unterseite.

Beispiel in Leichter Sprache ansehen

Die kleinen sandfarbenen Kacheln mit Icon und Titel führen zu den Themen einer Rubrik. Sie gehören ans Ende einer Seite, unter den Inhalt.

Ein Element gibt alle Kacheln einer Rubrik aus. Im Feld Rubrik steht die Seite, deren Unterseiten erscheinen sollen. Eine neue Themenseite erscheint damit von selbst, ein umbenannter Titel wandert mit, und die Reihenfolge folgt dem Seitenbaum.

Das Icon steht nicht am Element, sondern an jeder Unterseite: in deren Seiteneigenschaften, Reiter Erscheinungsbild, Feld Themen-Icon. Soll eine ganze Rubrik dasselbe Icon zeigen, genügt dort das Feld Themen-Icon für Unterseiten. Das eigene Icon einer Seite gewinnt immer; ist nichts gesetzt, zeigt die Kachel nur den Titel.

Dieser Abschnitt steht in der Spalte Inhalt für Unterseiten unter der normalen Inhaltsspalte. Was dort steht, erscheint unter dem Inhalt dieser Seite und aller ihrer Unterseiten.

Gedacht ist das für die Hauptseite einer Rubrik: einmal dort pflegen, etwa drei Bild-Text-Boxen, und jede Unterseite zeigt sie. Füllt eine Unterseite die Spalte selbst, gilt ihr eigener Inhalt, auch für die Seiten darunter.