Lupe Suche
Responsiv Devices

3 - Der Pagetyp

Wenn du dich ins Backend einloggst, eine neue Seite hinzufügst, findest du den neuen Page-Typ 'RightBarPage'. Erstelle mit diesem PageTyp eine neue Seite, um zu testen, ob du Inhalte für die rechte Spalte damit verwalten kannst.

3pagetypwahl

1. Erstelle eine neue Seite mit dem Pagetyp RightBarPage
2. Seitenname und Navigationsbezeichnung "News"
3. Inhalt: das Editorfeld kannst du ebenfalls nutzen
    (es wird vom Page-Controller verwaltet)

3news

Der zusätzliche Reiter für den Eintrag der 'News' Texte

4. Trage im Reiter 'Rechts' einen Titel und etwas Text im Editor ein
5. Mit 'Speichern und Veröffentlichen' legst du den Datensatz an
6. Wenn du den Browser neu lädst, siehst du, das die gespeicherten Werte
    im Backend erhalten bleiben.


3pagetyp

Du kannst die Rechte Spalte unter dem Reiter 'Rechts' abfüllen und editieren. Unter dem Reiter 'Inhalt' steht dir nach wie vor der normale Seiteninhalt zur Verfügung. Das kommt daher, dass wir RightBarPage auf Page aufgebaut und damit erweitert haben. Beide Seitentypen stehen dir jetzt zur Auswahl, die normale Seite und die mit der zusätzlichen Spalte rechts.

Wenn du die Seite 'News' jetzt im Frontend aufrufst, erscheinen Inhalt und auch der neue Navigationspunkt. Von der rechten Spalte können wir aber Weit und Breit noch nichts erkennen.
Wir haben noch keine Codezeile für die Anzeige unserer neuen Seite erstellt.

Zu diesem Arbeitsschritt bietet Silverstripe noch eine Möglichkeit die wir uns anschauen sollten. Wir haben gesehen, das wir durch das OOP-Klassenverhalten die Fähigkeiten der übergeordneten Objekte erben können. Die gute Nachricht lautet: wir können auch die HTML und CSS-Ausgabe vom Pagetyp erben. In solcher Weise, dass wir für unseren neuen Seitetyp nur die Spalte rechts neu gestalten müssen und nicht die ganze Seite.

Würde das HTML mehrfach verwendet (gleicher Code in Page.ss und RigtBarPage.ss), wird es bei Nutzung vieler Seiten und Typen schwierig die Übersicht zu behalten. Es ist mit Sicherheit ein lohnender Umweg auch den HTML-Code zu vererben.

Weiter mit der Trennung des Layouts von Page und RigtBarPage