Überschrift h1

  • für Artikelüberschriften und die erste Überschrift oben auf jeder Seite bei mehrseitigen Artikeln
  • im Blog ist die h1 kleiner gesetzt (siehe z.B. Startseite)

Überschrift h2

  • für Zwischenüberschriften innerhalb von Artikel

Überschrift h3

  • nicht redaktionell verwendet

Überschrift h4

  • für sonstige Hervorhebungen, Gliederungspunkte o.ä. im Text
Überschrift h5
  • nicht redaktionell verwendet
Überschrift h6
  • nur verwendet für Kategorieüberschriften (Herzlich Willkommen, Warum autofrei, Wie autofrei, Aktiv werden, Über uns, Mehr, Aktuelles)
  • wird nicht in Artikeln eingesetzt, sondern in den Kategoriebeschreibungen (leider nur über das Backend erreichbar)

Text

Im Normaltext muss die Schriftart und -größe nicht verändert werden, der Standard ist voreingestellt. Mit besonderen Textauszeichnungen (fett, unterstrichen, kursiv) bitte sparsam umgehen, unterstrichene Wörter sind schwer leserlich. Die Hintergrundfarbe des Textes sollte nie geändert werden. Von der Linksbündigkeit des Textes sollte nur in begründeten Ausnahmefällen abgewichen werden.

Bitte keine vorformatierten Texte (z.B. von Word) in das Textfeld kopieren, bzw. nach dem Kopieren den Text markieren und die Formatierung mit dem Radiergummi im Editor löschen.

Der Einleitungstext eines Artikels sollte fett formatiert werden, danach wird ein "Weiterlesen"-Link gesetzt (4-5 Zeilen max.)

Artikel, die länger als 3 Bildschirmseiten sind, sollten durch einen Seitenumbruch aufgeteilt werden.

Neue Absätze werden grundsätzlich als neue Absätze ("Enter") formatiert, nicht mit Zeilenumbrüchen. Aneinanderreihungen von Leerzeichen sollten vermieden werden. Für Einrückungen bitte auch nicht die enstprechende Funktion im Editor nutzen. (Blockquote wird in jedem Browser ander interpretiert). Eleganter und sauberer ist es, den Text ohne Editor in einen separaten CSS-formatierten <div> zu setzen.

Bsp.: "{div style="padding-left: 25px"}{p}Dieser Text wird 25px von links eingerückt.{/p}{/div}"
(Alle { und } durch < und > ersetzen)

Listen werden mit der Listenpunktfunktion vom Texteditor, oder mit <ul>/<ol> formatiert.

Nach dem Abspeichern des Textes bitte nocheinmal alle Absätze etc. kontrollieren und ggf. korrigieren.


Links

Externe Links werden grundsätzlich in einem neuen Fenster geöffnet ("target=_blank"). Sie erhalten den Titel "Öffnet eine externe Seite in einem neuen Fenster." Außerdem muss (leider manuell) hinter jeden externen Link die Grafik gesetzt werden. Sie liegt im Bilderordner. Dieser ist im Texteditor zu finden, indem man unter der Box auf "Bild" klickt. Es sollte aus Gründen der Leserlichkeit vermieden werden, im Text die komplette URL anzugeben. Das ist nur sinnvoll, wenn diese besonders prägnant ist und hervorgehoben werden soll (z.B. www.adac.de ;-) ).

Interne Links werden grundsätzlich im selben Fenster geöffnet (voreingestellt). Sie erhalten den Titel "Öffnet eine neue Seite im selben Fenster." Außerdem muss (leider manuell) hinter jeden externen Link die Grafik  gesetzt werden. Diese ist im Texteditor gleich zu finden, indem man unter der Box auf "Bild" klickt. Andere Beiträge können über Funktion unter dem Editor einfach verlinkt (und anschließend formatiert), Menüpunkte müssen manuell gesetzt werden, z.B. "/ueber-uns/Positionen" (immer relativ!).

E-Mail-Adressen werden zum Spamschutz javascript-codiert und stehen im Quelltext nicht in Klartext. Im Lesetext sollte das auch vermieden werden mit der Form "xxx [at] xxx.de". E-Mail-Adressen werden auch mit der Grafik ausgezeichnet.

Download-Links werden auch grundsätzlich in einem neuen Fenster geöffnet ("target=_blank"). Sie erhalten den Titel "Lädt eine Datei in einem neuen Fenster herunter." Sie werden mit der Grafik  ausgezeichnet. Zur Leserorientierung sollte hinter der dem Link in Klammern das Dateiformat angegeben werden, z.B. (Pdf). Bei besonders großen Dateien (> 1 MB) ist es oft hilfreich, die ungefähre Größe mit anzugeben (z.B. "ca. 5 MB"). Die Downloads sollen alle im Ordner /images/Publikationen liegen.


Wort-Bild-Marke

Im Text wird "autofrei leben! e.V." formatiert. Die beiden ersten Wörter sind fett und grau, das kleine "i" und das "!" aber schwarz. Das "e.V." sollte (normal formatiert) nur hinzugefügt werden, wenn der Vereinscharakter hervorgehoben werden soll.

Die Marke als Grafik liegt im Bilderordner.


Bilder

Bilder sind und werden im Ordner /images/Beitragsbilder abgelegt. Nach dem Hochladen und Einfügen in den Text müssen die Bilder noch über die "Bild einfügen/bearbeiten"-Funktion oben im Editor formatiert werden:

Reiter Allgemein:

  • Beschreibung: eine knappe Beschreibung, was auf dem Bild zu sehen ist (für Blinde)
  • Titel: ggf. Copyright-Hinweise oder ein Untertitel (muss nicht)

Reiter Aussehen:

  • links- oder rechts-Ausrichtung (wenn das Bild nicht isoliert in der Mitte stehen soll)
  • Größe in Artikeln: 200px (erstes Bild), 250px (weitere Bilder) breit, Proportionen behalten
  • CSS-Klasse "caption"
  • bei Linksausrichtung in die Formatzeile: "margin: 0pt 10px 0pt 0pt ! important; float: left;"
  • bei Rechtsausrichtung: margin: 0pt 0pt 0pt 10px ! important; float: right;

 

Wenn das Bild eine eigene Aussage hat und als Datei in ausreichender Größe auf dem Server liegt, kann es zum Anklicken-Vergrößern verlinkt werden. Der Link wird auch im neuen Fenster geöffnet (target="_blank"), und bekommt als Titel "Öffnet das Bild im neuen Fenster."</p>"</p>"

Zitate

"Schildkröten können mehr von der Straße erzählen als Hasen."

--- Khalil Gibran