Tutorial 4 - Bearbeitbare Header- und Footerbereiche

Mit Tutorial 4 gehen wir noch einen Schritt weiter um ein Benutzerdefiniertes-Backend bereitstellen zu können. Unser Ziel ist ein Controller für Eingabefelder zur redaktionellen Gestaltung von Header- und Footerbereich. Natürlich lässt sich das direkt in die Templatedateien schreiben. Aber von unseren  KundInnen möchten wir keine so grundlegende HTML- und CSS-Kenntnisse verlangen, sie sollen mit übersichtlichen Eingabefeldern ihre Header- und Footer-Bereiche individuell gestalten können.

Ein Silverstripe-Projekt beginnt mit der Planung des Backends

Jede individuelle Gestaltungsidee einer Website bringt ihre eigenen Anforderungen. Passend zum Design muss auch die Bewirtschaftbarkeit durch den Kunden einbezogen werden. Eine grosse Anzahl an verwirrend aufgebauten PageTypen, damit das Layout umgesetzt werden kann, soll nicht mit riesigem Lernaufwand für die RedakteurInnen verbunden sein. Individuelle Möglichkeiten bei der zukünftigen Bewirtschaftung sollen aber im Projekt enthalten sein. Zur Darstellung eines solches Beispiels wurde dieses Tutorial gebaut.

Überblick

In diesem Tutorial soll folgendes gebaut werden:

• PageTyp Header, enthällt Modell (Datenbanktabelle) und Controller (Programmierung der Ausgabe)
• Der Header soll ein Uploadbereich für eine Bild bereitstellen
• Der Header soll Text-Eingabe und Formatierung ermöglichen
• PageTyp Footer, enthällt Modell (Datenbanktabelle) und Controller (Programmierung der Ausgabe)
• Der Footer soll eine Adresseingabe und deren Formatierung ermöglichen
• Piktogramme für die editierbaren Social-Media-Links enthalten
• Header und Footer sollen in allen in der Website verwendeten PageTypen dargestellt werden
• Die Bewirtschaftung soll zentral (einmal) erfolgen
• Die Einbettung ins Template (Breiten, gestalterische festgelegte Fixpunkte) müssen gewährleistet sein

Unser Ziel mit Tutorial 4

Wir bauen zwei individuelle PageTypen: HeaderPage und FooterPage. Die Inhalte: Texte, Adrsessen und Bilder sollen im Backend bewirtschaftbar sein. 
Header und Footer sind aber fest ins Layout eingebunden und werden in allen Seiten (allen PageTypen) dargestellt.

Voraussetzungen für Tutorial 4

Grundlagen im Umgang mit einem Silverstripe-Template. Tutorial 1
Entwicklung eines individuellen Templates. Tutorial 2
Aufbau eigener PageTypen und Datenbanktabellen. Tutorial 3
In Tutorial 4 werden Kenntnisse zum Aufbau neuer Pagetypen (siehe Tutorial 3) vorausgesetzt.
Die Arbeit ist mit dem Theme meintemplate-tutorial4.zip (Tutorial 2/3) dokumentiert
(Das Tutorial kann auch mit dem Theme 'Simpel' gebaut werden, gestaltet sich aber weniger übersichtlich
und die im Tutorial verwendeten Bilder müssen ersetzt werden.)

Weiter dem Aufbau der Datenbanken (Modell) für den Header