Im Folgenden sind die Elemente für die redaktionelle Bearbeitung aufgelistet:

Neue Unterseite

Eine neue Unterseite kann über das Symbol „Seite “ im Seitenbaum oder nach Anklicken einer Seite im Seitenbaum mit der linken Maustaste „Neue Unterseite“ erstellt werden. Seiten können mit der Maus auch einfach an die passende Stelle verschoben werden.

Eine neu erstellte Seite (oder auch eine bereits vorhandene Seite) kann über den Reiter „Seiteneigenschaften bearbeiten“ bearbeitet werden. Dazu muss im Reiter „Allgemein“ ein Seitentitel eingetragen werden. 
Für die Suchmaschinen kann der Seitentitel etwas länger sein. Damit im Menü ein kurzer Seitentitel angezeigt wird, kann das Feld „Alternativer Seitentitel“ verwendet werden.

Wenn eine neue Seite erstellt wird, vergibt Typo3 automatisch eine URL. Diese URL kann im Reiter „Seiteneigenschaften bearbeiten“ unter „URL-Segment“ geändert werden. Das ermöglicht zum Beispiel eine kurze URL. Mit dem Symbol „Aktualisieren  „ sollte die geänderte URL angestupst werden, ansonsten wird die URL erst über den LfdA-Server innerhalt von 24 Stunden automatisch aktualisiert.
Ggf. kann im Reiter „SEO“ noch ein Titel für Suchmaschinen und eine Beschreibung eingetragen werden. Die anderen Felder einschließlich Metadaten ist für uns nicht relevant.  

Wenn der Seitentitel einer vorhandenen Seite geändert wird, sollte die URL manuell aktualisiert werden (siehe oberer Absatz).

Über den Reiter „Seiteneigenschaften bearbeiten“ und „Zugriff“ kann eine Seite im Menü deaktiviert werden.

 

Container Elemente

Sektion

Die Hintergrundfarbe der Website ist standardmäßig WEIß. Wenn als Hintergrundfarbe GRAU gewünscht wird, muss das Element „Sektion“ angelegt werden. Alle Seiteninhaltselemente die in einem Sektionsbereich angelegt werden haben eine graue Seitenhintergrundfarbe. 

Beispiele siehe -> Testbereich: „Hilfeseite“

 

Grid mit 2 Spalten und Grid mit 3 Spalten 

Mit den Grid-Elementen lassen sich Spalten erzeugen. In diese Spalten können unterschiedliche Seiteninhalte eingepflegt werden.

Beispiele siehe -> Testbereich: „Hilfeseite“

 

Seiteninhalts-Elemente

Box

Das Box-Element gibt es in GRAU und in GRÜN. Die Farbe wird über den Reiter „Erscheinungsbild“ unter Layout bestimmt (einfach anklicken und im Auswahlfeld grau oder grün anklicken).

Beispiele siehe -> Testbereich: „Boxen grau“ und „Boxen grün“

 

Button

Das Button-Element gibt es in zwei Ausführungen.

1. Ein Button innerhalb eines „Text & Medien“ Elements erstellt werden. Der Linktext muss mit dem Editor Symbol „Link (Crtl+K)“ erstellt werden und im Feld „CSS-Klasse“ muss das Auswahlfeld „btn“ angeklickt werden.
2. Buttons können als gesondertes Element auch mit dem Element „Button“ erstellt werden. Diese Buttons werden am Seitenende linksbündig dargestellt. 

Beispiele siehe -> Testbereich: „Hilfeseite“

 

Galerie / Bilderwelt

LfdA baut daran noch

 

HERO

Das Hero-Element hat zwei Erscheinungsformen. Auf der Startseite geht es komplett über den ganzen Monitor. Auf allen anderen Seiten wird das Hero-Element automatisch nur im mittleren Seitenbereich dargestellt.

 

Teaser

Die Teaser gibt es in unterschiedlichen Varianten:

• Erscheinungsbild: Standard
• Erscheinungsbild: Hervorgehoben (wie Beispiel „Aktuelles“ auf der Startseite)
• Erscheinungsbild: Sponsoren
• 1-zeilig
• 2-spaltig
• 3-spaltig
• Teaser können 
  - mit und ohne Bild
  - mit und ohne Überschrift
  - mit und ohne Text
  - mit dem Erscheinungsbild GRÜN oder GRAU
  erstellt werden
• Wenn Teaser in einem „Sektion“-Bereich eingepflegt werden, ändern sich im Teaser die Farbe in WEIß und die Farbe des Hintergrundes wird GRAU. Bei Teasern ohne einen Sektionsbereich stehen, sind die Farben umgekehrt.

Beispiele siehe -> Testbereich: „Teaser“ sowie „Teaser Highlighted“ und Teaser „Sponsor“

 

Text & Medien

Mit dem Reiter „Allgemein“ kann unter „Text“ folgendes eingepflegt werden:

• Text eingeben und dann als Absatz oder Überschrift (Ü1-Ü5) markieren
• Links / E-Mail
• Einfügen eines Button/ E.. Der Linktext muss mit dem Editor Symbol „Link (Crtl+K)“ erstellt werden und im Feld „CSS-Klasse“ muss das Auswahlfeld „btn“ angeklickt werden

Mit dem Reiter „Medien“ können Bilder und Videos eingepflegt werden:

• „Mediendatei hinzufügen“. Dazu muss vorher das Bild in die Dateiliste hochgeladen werden.
• „Dateien auswählen und hochladen“. Hier wird die Dateiliste im Backend übergangen und das Bild direkt vom PC in das Text-Medien Element geladen
• „Medien nach URL hinzufügen. Damit können Video per YouTube Link eingepflegt werden.

 

Das „Text & Medien“-Element  ist unterschiedlich darstellbar:

• In einem Sektions-Bereich mit dann grauen Hintergrund
• 1-zeilig
• Per Grid-Element (Container) 2-spaltig oder 3-spaltig 
• Teaser können 
  - mit und ohne Bild
  - mit und ohne Überschrift
  - mit und ohne Text
  - mit dem Erscheinungsbild GRÜN oder GRAU
  erstellt werden
• Wenn ein „Text & Medien“-Element in einem „Sektion“-Bereich eingepflegt werden, ändert sich die Farbe des Elements in WEIß und die Farbe des Hintergrundes wird GRAU. 

 

Sonstige Elemente

Formular

xxxx

Sonstiges:

Einbinden von Bildern: 

• Sprechender Dateiname für Suchmaschinen verwenden
• Angabe Bildquelle bei externen Bilder
• Angabe des Alt-Texts (2 Mal damit alle Browser den AltText erkennen)

 

(Dieter Wiegel, Stand 17.10.2023)