Grundsätzliches zu den Content-Elementen

Was alle Abschnitte gemeinsam haben, Dachzeile, Überschrift mit Betonung, Buttons, Links, Texteditor und die Darstellung mit Hintergrund, Abstand und Anker-ID.

Jede Seite besteht aus Abschnitten, den Content-Elementen. Wie Sie einen Abschnitt hinzufügen, verschieben und entfernen, steht in der Anleitung Seiten anlegen und bearbeiten. Hier geht es um die Felder, die in vielen Abschnitten gleich sind. Die Anleitungen zu den einzelnen Elementen verweisen darauf.

Welche Elemente Sie im Fenster Abschnitt hinzufügen sehen, hängt von Ihrer Website ab. Die Bilder in diesen Anleitungen zeigen das Standard-Design. Auf Ihrer Website sehen die Elemente in Ihrem eigenen Design aus.

Dachzeile und Überschrift

• Dachzeile: ein kurzes Wort oder eine Zeile über der Überschrift, etwa „Leistungen“ oder der Firmenname. Optional.
• Überschrift: die Überschrift des Abschnitts.

Ein Wort betonen: Setzen Sie ein Wort in der Überschrift zwischen Sternchen, etwa Websites, die *einfach* funktionieren. Die Website hebt es dann hervor, je nach Design kursiv oder farbig. Die Sternchen selbst erscheinen nicht.

Einleitung und Texteditor

Die Einleitung ist ein kurzer Text unter der Überschrift. Ihr Editor kennt nur fett, kursiv und Links. Die Werkzeuge erscheinen, sobald Sie Text markieren.

Längere Felder wie Inhalt haben den vollen Editor mit fester Werkzeugleiste:

• Zwischenüberschriften (Überschrift 2 bis 4)
• fett und kursiv
• Aufzählungen und nummerierte Listen
• Zitate
• Links auf eigene Seiten oder externe Adressen

Schriftarten, Farben und Ausrichtung gibt es bewusst nicht. So bleibt die Website einheitlich und gut lesbar. Tippen Sie / am Zeilenanfang, öffnet sich eine Liste aller Formate.

Tipp: Verwenden Sie Zwischenüberschriften für die Gliederung, nicht nur fetten Text. Suchmaschinen und Screenreader erkennen daran den Aufbau.

Buttons

Viele Abschnitte haben Buttons, meist bis zu zwei. Jeder Button hat:

• Linkart: Interne Seite, Externe URL, Datei oder Sprungmarke. Bei Bedarf In neuem Tab öffnen.
• das Ziel: Seite, URL, Datei oder Sprungmarke
• Beschriftung: der Text auf dem Button. Er sagt, was passiert, etwa „Beratung anfragen“ statt „Hier klicken“.
• Darstellung: Primär (gefüllt, für die wichtigste Aktion), Sekundär (umrandet) oder Dezent (nur unterstrichen).

Zeigt ein Button auf eine Seite, die noch nicht veröffentlicht ist, erscheint er zwar, lässt sich aber nicht anklicken. Veröffentlichen Sie die Zielseite zuerst.

Bilder in Abschnitten

Bildfelder haben daneben Alternativtext (optional). Er überschreibt nur an dieser Stelle den Alternativtext aus den Medien. Mehr dazu in der Anleitung Bilder und Dateien.

Viele Abschnitte schneiden Bilder auf ein festes Format zu. Setzen Sie in den Medien einen Fokuspunkt, dann bleibt das Wichtige sichtbar.

Darstellung

Ganz unten in jedem Abschnitt liegt eingeklappt Darstellung:

• Hintergrund: Standard, Dezent (leicht abgesetzt) oder Invertiert (dunkel mit heller Schrift). Wechselnde Hintergründe gliedern lange Seiten.
• Abstand: der Abstand oben und unten, Keiner, Klein, Mittel oder Groß.
• Anker-ID: ein Name für Sprunglinks, etwa kontakt. Dann führt ein Link mit der Sprungmarke kontakt direkt zu diesem Abschnitt, auch von anderen Seiten aus. Nur Kleinbuchstaben, Ziffern und Bindestriche, beginnend mit einem Buchstaben. Vergeben Sie jede Anker-ID auf einer Seite nur einmal.

Die erste Überschrift einer Seite

Jede Seite braucht genau eine Hauptüberschrift. Steht ein Hero ganz oben, ist seine Überschrift die Hauptüberschrift. Ohne Hero setzt die Website den Seitentitel unsichtbar als Hauptüberschrift ein. Sie müssen dafür nichts tun.