Abschnitte für Autorinnen und Autoren

Ein Abschnitt fasst einen Teil der Seite zusammen und gibt ihm einen Zweck: eine Karte, einen ausklappbaren Block, eine Liste der neuesten Beiträge. Im cratly-Editor fügst du ihn über den Container-Knopf in der Werkzeugleiste ein, oder du markierst Inhalt und packst ihn damit ein. Der Dialog fragt nach dem Typ – jeder Typ ist unten beschrieben – und bietet die Einstellungen an, die dieser Typ hat.

Wie ein Abschnitt aussieht, bestimmt die Gestaltung deiner Website. Diese Seite sagt, wofür jeder Typ gedacht ist; deine Website kann ganz anders aussehen, als die Worte vermuten lassen, und eigene Typen mitbringen, die hier nicht stehen.

Abschnitt

Ein Teil der Seite mit eigenem Thema, meist mit einer Überschrift am Anfang. Er fasst zusammen, was zusammengehört, und ordnet seinen ersten Block – meist ein Bild – und den Text danach mit einer Anordnung an.

Artikel

Ein Beitrag, der für sich steht und auch anderswo verständlich wäre: ein Blogbeitrag, eine Meldung, eine Rezension. Er bietet dieselben Anordnungen wie ein Abschnitt.

Randbereich

Inhalt neben dem eigentlichen Text, auf den dieser auch verzichten könnte: ein Hinweis, eine Box mit weiterführenden Links, eine kurze Vita. Er bietet dieselben Anordnungen wie ein Abschnitt.

Gruppe

Fasst Inhalt nur zusammen, um ihn anzuordnen – etwa ein Bild mit dem Absatz, der es umfließt, oder eine Überschrift mit etwas Text in einer Zelle eines Rasters. Eine Gruppe bedeutet nichts Eigenes: Inhalt mit eigenem Thema ist besser ein Abschnitt, Inhalt, der für sich steht, ein Artikel. Sie bietet dieselben Anordnungen wie ein Abschnitt.

Anordnung

Abschnitte, Artikel, Randbereiche und Gruppen ordnen ihren ersten Block und den Inhalt danach auf eine von fünf Arten an, als Knöpfe zur Wahl:

Wahl	Ergebnis
Standard	Der Block steht über dem Inhalt.
Text umfließt, Block links oder rechts	Der Block steht an einer Seite, der Text fließt um ihn herum und darunter weiter.
Nebeneinander, Block links oder rechts	Block und Text stehen in zwei Spalten; der Text läuft nicht unter den Block.

Auf einem schmalen Bildschirm – meist einem Smartphone – steht der Block wieder über dem Inhalt, gleich welche Anordnung du gewählt hast.

Kopfbereich, Fußbereich, Hauptinhalt, Navigation

Diese markieren die Teile einer Seite, an denen sich Browser und Screenreader orientieren: einleitenden Inhalt, abschließende Angaben, den Hauptinhalt und eine Gruppe von Links. Meist stellt die Gestaltung deiner Website sie schon bereit, sodass du sie innerhalb einer Seite selten brauchst.

Karte

Eine Einheit für sich – etwa ein Bild, eine Überschrift und ein paar Zeilen –, abgesetzt vom Text drumherum. Karten nebeneinander kommen in ein Raster.

Verlinkt auf wählt eine Seite deiner Website: Die ganze Karte führt dann dorthin, und ein Link „Weiterlesen“ kommt hinzu. Screenreader sagen ihn zusammen mit dem Titel dieser Seite an, sodass mehrere Karten nebeneinander unterscheidbar bleiben. Links, die du in die Karte schreibst, funktionieren weiterhin.

Ausklappbar

Inhalt, der unter einem Titel zugeklappt ist, bis man ihn öffnet – etwa Antworten in einer FAQ oder Hinweise, die nur manche brauchen.

• Titel ist immer sichtbar; ein Klick darauf klappt den Inhalt auf oder zu.
• Anfangs aufgeklappt zeigt den Inhalt gleich.
• Akkordeon: Ausklappbare Blöcke mit demselben Akkordeon-Namen schließen einander, sodass immer nur einer offen ist.

Browser wie Chrome und Edge finden auch zugeklappten Inhalt, wenn man die Seite durchsucht, und klappen ihn dabei auf.

Raster

Stellt die Blöcke darin in bis zu zwei, drei oder vier Spalten nebeneinander und beginnt eine neue Zeile, wenn eine voll ist. Jeder Absatz, jedes Bild und jeder eingebettete Container füllt eine Zelle – sollen Überschrift und Text in eine Zelle, pack sie zuerst in einen Container: eine Gruppe, eine Karte, einen Abschnitt, was eben passt. Auf schmalen Bildschirmen werden es von selbst weniger Spalten.

Ein Raster aus Bildern mit Bildunterschrift ergibt eine Galerie. Die Unterschrift gibst du im Bilddialog an; sie erscheint unter dem Bild.

Seitenliste

Listet Seiten deiner Website auf – die neuesten Beiträge eines Blogs, die Unterseiten eines Themas. Was du in den Abschnitt schreibst, erscheint über der Liste.

• Welche Seiten: ausgehend von der Seite, auf der du bist, listet 1 ihre Unterseiten, 0 die Seiten daneben. Stattdessen kannst du unter Unterseiten dieser Seite eine Seite wählen oder unter Ebene ab Website-Start eine Ebene der Website.
• Reihenfolge, Anzahl Einträge und Einträge überspringen bestimmen, was gelistet wird; mit Einträge pro Seite blättert man durch eine lange Liste.
• Datum zeigen, Einleitungstexte zeigen und Teaserbilder zeigen ergänzen jeden Eintrag.

Video

Ein Video im Text, mit Bedienelementen zum Abspielen. Wähle die Videodatei und, wenn du möchtest, ein Vorschaubild, das vor dem Abspielen zu sehen ist. Beschreibe es unter Zugängliche Bezeichnung, wenn der Text drumherum nicht sagt, was das Video zeigt.

Cover

Ein Bild oder Video über die ganze Breite und Höhe des Fensters, meist oben auf einer Seite; was du in den Abschnitt schreibst, liegt darüber.

• Fokuspunkt hält den wichtigen Teil des Bildes im Blick, wenn ein Fenster es beschneidet, zum Beispiel center top.
• Beschreibung sagt, was das Bild zeigt, für alle, die es nicht sehen; leer lassen, wenn es nur Dekoration ist.
• Inhalt darüber gibt an, ob dein Text hell über einem dunklen Bild steht oder dunkel über einem hellen.