14 - Zusammenfassung
Gratuliere! Du hast ein HTML-Template für Silverstripe entwickelt.
Du hast die Grundschritte ausgeführt. Mit einer eigenen HTML-Datei, deinen selber kreierten Bildern und Styles, kannst du den Ablauf wiederholen, die PHP-Platzhalter in deine Dateien einsetzen und so ein eigenes Silverstripe-Template bauen (siehe Tutorial 2).
Zu deiner Unterstützung sind die Schritte hier nochmals aufgelistet
Installation: Bei der Installation von Silverstripe das Template 'tutorial' wählen 1
Um ein Template in einer bestehenden Silverstripe-Installation zu wechseln, musst du die Datei: mysite/_config.php bearbeiten.
Die Zeile: SSViewer::set_theme('tutorial');
zeigt dir die Seiten mit dem Tutorial-Template.
Wird die _config.php-Datei verändert, musst du mit dev/build Silverstripe neu starten
Bei einer Neu-Installation von Silverstripe kannst du zwischen den Templates: 'blackcandy' und 'tutorial' wählen.
Ordner: Du hast dir einen Überblick der Dateien des Templateordners verschafft 2 3
Im Ordner 'themes/tutorial' findest du die CSS-Dateien, die Bilder und die HTML-Datei 'Page.ss'.
Du kannst das Frontend und das Backend in je einem Tab im Browser öffnen 5
Du kannst das Frontend starten um die Seiten anzuzeigen und dich in das Backend einloggen um die Seiten zu bewirtschaften. Du erkennst den Seitenbaum und den Editor.
Du kannst jeder Seite einen Seitennamen, eine Navigationsbezeichnung und einen Inhalt geben.
URL: Du kannst eine HTML-taugliche URL erzeugen und diese aufrufen. 6
Du kannst unter dem Reiter 'Metadaten' eine brauchbare URL eingeben. Im Reiter 'Verhalten' kannst du eine Navigationsbezeichnung ausblenden. Die Seite kannst du trotzdem aufrufen, vorausgesetzt du kennst die URL oder verlinkst die Seite im Text der Website.
Du kannst die Datei 'Page.ss', ausbauen. 7
Die Datei' Page.ss', wird mit den PHP-Platzhaltern zur dynamische HTML-Datei. Du kannst diese innerhalb des HTML-Codes platzieren und geziehlt nutzen. Du kennst die wichtigsten bereits:
$Content > setzt den im Editor erzeugten Inhalt in die jeweilige Seite
$Form > ist der Platzhalter für die Formulare (und das Login)
$Title > zeigt den jeweiligen Seitentitel
$Link > setzt die Hyperlinks in die Navigationsliste
$MenuTitle > setzt die Navigationsbezeichnung in die Navigationsliste
Du kannst eine Navigation erstellen 9
Du kannst eine Navigation mit einer Liste erstellen und die PHP-Platzhalter für Links und Navigationsbezeichnung einsetzen. Du kannst eine Liste der gesamten Navigation anzeigen lassen:
<% loop Menu(1) %>
...
<% end_loop %>
Du kennst den PHP-Platzhalter für das 'highlighten' der gewählten Navigationspunkte:
$LinkinMode
Du kannst Unternavigationen erzeugen 11
Die Ebenen (Levels) der Navigation sind dir bekannt. Mit den Code-Zeilen
<% loop Menu(2) %>
...
<% end_loop %>
kannst du eine Unternavigation anzeigen. Für tiefere Navigationen (Menu(3) oder Menu(4) usw.) kannst du mit gleichem Vorgehen weitere Stufen bauen.
Du kannst eine Krümelnavigation erzeugen 12
Du verwendest dazu den PHP-Platzhalter $Breadcrump und kannst diesen in deinem HTML-Code platzieren. Mit einer Abfrage:
<% if Level(2) %>
...
<% end_if %>
kannst du die Anzeige geziehlt steuern.
Das fertige Beispiel-Template zum Vergleichen Download: tutorial.zip
Hier findest du den fertiggestellten Code des Templates 'tutorial' als ZIP-Datei. Wenn dein Template nicht wie besprochen funktioniert, vergleiche den Code deiner Arbeit mit dem des Beispiels.