Der Backend-Seitenbaum und spezielle Seiten/Ordner

Die Redakteure finden im Typo3-Backend ihrer Regionalgruppen-Website einen bereits vorinstallierten Seitenbaum mit angelegten Seiten und Beispiel-Inhalten vor.

Die Seite mit der Erdkugel als Icon ist die sogenannte Startseite. Alle Content-Elemente dieser Seite sind beim Aufruf der Regionalgruppen-Website-Domain zu sehen. Dies ist die Einstiegsseite. In den Seiteneigenschaften dieser Seite können auch die Header-Bilder hinterlegt und geändert werden.

Aus allen direkten Unterseiten dieser Startseite wird automatisch im Frontend das Haupt-Menü generiert.

Aus allen Unterseiten von Unterseiten - also Seiten der zweiten und dritten Unter-Ebenen - wird automatisch im Frontend ein entsprechendes Navigations-Menü dieser Unterseiten in der linken Spalte dieser Seiten erzeugt.

Daüberhinaus gibt es einige Seiten mit Sonderfunktionen:

Zum einen gibt es einige Seiten mit einem Ordner-Symbol als Icon. Diese Seiten dienen als Sammelbehälter für Datensätze, wie z.B. Mediatoren-Einträge oder Navigations-Elemente in zusätzlichen Menüs.

Alle Seiten, die als direkte Unterseiten der Ordner 'Navigation Footer Spalte 1' und 'Navigation Footer Spalte 2' angelegt werden, erscheinen als Menüpunkte innerhalb der ersten bzw. zweiten Spalte des Fuß-Bereiches. 

Die Content-Elemente, die in der Seite 'Footer Spalte 3' abgelegt werden, erscheinen in der dritten Spalte des Fuß-Bereiches. Hier bitte - wenn überhaupt - nur kurze Texte, die auf jeder Seite erscheinen müssen, hinterlegen.

Seiten, die momentan nicht benötigt werden, sollten besser deaktiviert statt gelöscht werden. Sie erscheinen nicht in den Menüs und sind nicht im Frontend aufrufbar, wenn sie deaktiviert sind, können aber bei Bedarf in Zukunft leicht wieder aktiviert und deren Inhalte wieder verwendet werden. Abgesehen davon können einige Seiten von Redakteuren nicht gelöscht, sondern nur deaktiviert werden.

Allgemein notwendige Seiten wie 'Startseite', 'Impressum', 'Suche', Sitemap' und 'Kontakt' sollten auf keinen Fall deaktiviert oder gelöscht werden.

Die Beispiel-Seiten sollten im Gegensatz dazu auf jeden Fall deaktiviert werden, sobald die Website publik gemacht wird. Über das Modul 'Anzeigen' im Backend bleiben diese deaktivierten Seiten somit weiterhin für Redakteure über das Backend als Vorschau einsehbar.

Ändern des grafischen Headers der Website

  • Der grafische Header der Website ist eine Bilddatei und sollte möglichst mit Abmessungen von 1920x408 Pixel angelegt werden. Bilder mit anderen Abmessungen werden auf die genannten Werte skaliert, was möglicherweise zu nicht optimalen Darstellungen führt. Deshalb bitte möglichst das o.g. Format verwenden. Die standardmäßig eingebundene Grafik ist lediglich ein 'Platzhalter' zur Orientierung für die Grafiker und kann hier herunter geladen werden, um sie mit Hilfe eines Bildbearbeitungsprogrammes optisch an die Regionalgruppe anzupassen:
  • Der blaue Bogen ist Teil des Design-Konzeptes und wird automatisch über die Regionalgruppen-eigenen Header-Bilder platziert. Dies sollte beim Gestalten eigener Header-Bilder bedacht werden.
  • Die eigenen Header-Grafiken sind als 'Ressource' in den Seiteneigenschaften der Startseite zu hinterlegen.
  • Dort kann die hinterlegte Beispielgrafik auch entfernt und durch anderen Bilder ersetzt werden.
  • Die neue Grafik sollte ebenfalls 1920x408 Pixel groß sein und in einem webfähigen Grafik-Format vorliegen (PNG, JPG, GIF).
  • Auf der Startseite können bis zu fünf Header-Bilder hinterlegt werden, welche dann automatisch als Diashow/Slider angezeigt werden.
  • Der erste grafische Header einer Seite wird innerhalb des Seitenbaumes auf alle Unterseiten 'vererbt'. Soll eine Seite einen abweichenden grafischen Header zeigen, so muss nur in den Seiteneigenschaften in derjenigen Seite eine andere Header-Datei hinterlegt werden.

Teaser-Boxen auf der Startseite

Auf der Startseite können optional vier sogenannte Teaser-Boxen nebeneinander angeordnet werden, um besonders wichtige kurze Informationen analog zur Startseite der BMeV-Hauptwebsite anzuzeigen.

Wie diese angelegt und verwaltet werden können zeigen die folgenden Screeshots.

Zu beachten ist, dass diese Reaser-Boxen alle dieselbe begrenzte Anzeige-Höhe von 7 Text-Zeilen haben und Inhalte, die darüber hinaus gehen, nicht angezeigt werden.

Es empfiehlt sich deshalb, per Link 'weiter lesen' oder 'mehr Infos' auf entsprechende Detailseiten zu verweisen.

Mit Formatierungen im Rich-Text-Editor umgehen

Bilder/Bildergalerien mit Lightbox

Bilder im Content-Element 'TEXT/BILD' können in verkleinerter Form angezeigt werden, die bei Klick auf das dadurch erzeugt Vorschau-Bild eine größere Version des Bildes in einer sog. 'Lightbox' anzeigen.

Linie vor oder nach einem Content-Element erzeugen

'Erscheinungsbild' -> 'Einrückung und Rahmen' -> 'Linie danach'

Youtube-Video einbinden

Youtube-Videos können aktuell auf zwei verschiedene Weisen eingebunden werden:

1. als sogenannter 'iFrame', indem der von Youtube angebotene HTML-Code zum Einbinden direkt als Content-Element vom Typ 'HTML' implementiert wird. Dieses Content-Element steht aus Sicherheitsgründen allerdings nicht allen Redakteuren zur Verfügung.

2. als Content-Element vom Typ 'Media'. Diese Variante, bei der lediglich die Youtube-Video-Adresse , die leicht aus der Browser-adresszeile kopiert werden kann, ist wesentlich einfacher zu handhaben und steht allen Redakteuren zur Verfügung.

Siehe auch Screenshots anbei: