PHP Journal 04/2009 - Contao

PHP JournalFeatureWebsite mit Typolight aufsetzenDer StiefbruderTypolight ist ein komplett in PHP 5 programmiertes CMS mit vielen Funktionen undeiner hervorragenden Bedienerführung. Von Max BoldInfoAuf einen Blick»Das CMS Typolight zeichnetsich durch einen soliden Leistungsumfangund einfacheBedienung aus.»In dem Workshop wird gezeigt,wie Sie das CMS zum Aufbaueiner Site einsetzen können.Das brauchen Sie»Webspace mit PHP 5 undMySQL»Ein installiertes Typolight-CMSDie deutschsprachige Projektseitedes CMS Typolight.»Zu den Highlights dieses PHP-CMS, das jüngst inder Version 2.7 vorgestellt wurde, zählt auf jedenFall die benutzerfreundliche Oberfläche des Backendsmit zahlreichenWeb 2.0-Attributen.Selbst CMS-Laien dürftendamit auf Anhieb zurecht kommen. Die Installationläuft über ein Skript, das nur wenige Eingaben benötigt.Die normale Vorgehensweise dürfte in etwa so ablaufen:Man entpackt das Skript-Archiv nach dem Download aufdem lokalen PC und überträgt die Files in ein Verzeichnisauf dem Webspace. Dann startet man die Setup-Routine(install.php).»Layout und Struktur«Nach der erfolgreichen Installation sollte man sich zuerstmit dem Aufbau und Layout des Backends vertrautmachen. Sie erreichen es entweder per Link direkt aus derletzten Seite der Setup-Routine oder über das Unterverzeichnistypolight.Der Administrationsbereich ist durchgängig so aufgebaut,dass sich auf der linken Seite die Navigation befindet,über die die einzelnen Backend-Module aufgerufenwerden können.Welche hier angezeigt werden,hängt vonder Vergabe der entsprechenden Rechte ab, wobei derAdmin natürlich Zugriff auf alle Ressourcen hat. Wasandere Mitarbeiter oder Redakteure zu sehen bekommen,können Sie als Admin individuell über die Benutzerverwaltungfestlegen.Auf der rechten Seite befindet sich dereigentlich Arbeitsbereich. Hier werden jeweils die Listenoder Formulare angezeigt, die das aufgerufene Modul benötigt.Sie können bestimmte Grundfunktionen im Bakkendwie zum Beispiel das Speichern nicht nur überMausklicks auf entsprechende Buttons auslösen, sondernauch überALT-Tastenkombinationen. Eine Übersicht überdie verfügbaren Tastaturkürzel wird Ihnen auf der Bakkend-Startseiteangezeigt. EineVorschau auf die aktuelleSite ist jederzeit über den Frontend-Preview-Button in derKopfleiste des Backend-Screens möglich.Haben Sie sich mit dem Layout des Backends einigermaßenvertraut gemacht, können Sie mit dem EntwurfIhrer Site beginnen. Dazu müssen Sie sich mit den Modulen,die Ihnen im Bereich Layout der Navigation angebotenwerden, vertraut machen. Zuerst braucht Ihre Siteeine Struktur,die Sie über den entsprechenden Menüpunktaufbauen können. Es handelt sich dabei um einen Baum,der später einmal durch das Navigationsmenü dem Besucherder Website präsentiert wird.»Seitenstruktur«Die einzelnen Seiten können in einer hierarchischen Beziehungzueinander stehen und eine übergeordnete Seitekann bestimmte Einstellungen an die jeweils untergeordnetenSeite vererben, wie zum Beispiel das zugeordneteSeitenlayout oder die Cache-Verfallszeit. Mit einem Klickauf Neue Seite können Sie mit dem Aufbau Ihrer Site beginnen.Im nächsten Schritt müssen Sie dann festlegen,in welcher Hierarchie-Ebene diese Seite platziert werdensoll.Als nächstes erscheint dann ein Formular, in dem Siedie Parameter für die Seite festlegen. Obligatorisch ist einSeitentitel. Der bildet später den Text für die Frontend-Navigation und sollte nicht länger als 65 Zeichen sein.Ein Seitenalias ist zwar kein Muss, sollte aber im Hinblickauf Suchmaschinen freundliche URLs, die Typolight unterstützt,genutzt werden. Wichtig und obligatorisch istdie Definition des Seitentyps, den Sie über ein Pulldown-Menü auswählen können.Neben diesen Kernparametern können Sie einer Seitenoch zahlreiche weitereAttribute mit auf denWeg geben.Dazu zählen die Definition einer Sprache, eine Kurzbeschreibung,eine Layout, das vom Standard abweicht,sowie eine individuelle Cache-Verfallszeit. Weiterhinkönnen Sie festlegen, ob die Seite im Menü erscheinensoll, ob sie mit einem Zugriffschutz versehen sein soll undob sie vom internen Suchmechanismus ausgenommenwerden soll. Schließlich legen Sie noch fest, ob die Seiteüberhaupt veröffentlicht werden soll und gegebenenfallsüber welchen Zeitraum. NachAbschluss der Operation erscheintdie neue Seite in der Übersicht. Ein Symbol amBeginn der Zeile zeigt Ihnen den Status der Seite an. Aufdiese Weise können Sie mit wenig Aufwand eine Grundstrukturfür Ihren geplanten Webauftritt definieren.34 PHP Journal 4/2009

PHP JournalFeatureHaben Sie diesen Schritt abgeschlossen, müssenSie sich Gedanken darüber machen, wie die Sitespäter einmal aussehen soll. Dazu benötigen SieModule und ein Seitenlayout. Module sind bei TypolightFunktionen, die für die Darstellung einesbestimmten Bereichs im Frontend zuständig sind.So ist zum Beispiel ein Modul für die Darstellungdes Navigationsmenüs zuständig und ein anderesfür die Präsentation von Bildern. Die verfügbarenModule können Sie sich über den entsprechendenMenüpunkt anzeigen lassen. Ein Spezialfall stelltdasArtikelmodul dar. Es steht immer zurVerfügungund muss nicht explizit angelegt werden. Andersals die anderen Module hat dasArtikelmodul nichtimmer den gleichen Inhalt, sondern zeigt die Artikelder jeweils aufgerufenen Seite an.»Template-Datei«Bleibt noch die Aufgabe, zu definieren, wo auf derSeite welches Modul in Aktion treten soll. DieBasis dafür bildet eine Template-Datei in Formeines HTML-Dokuments, mit dem Sie jedoch nichtdirekt in Berührung kommen. Sie legen die Seitenstrukturebenfalls über ein interkatives Formularfest,das Sie über den Menüpunkt SeitenlayoutundNeues Layout aufrufen. Auch dieses Formular istwieder sehr umfangreich und erfordert einigenScroll-Aufwand. Obligatorisch ist wieder die Vergabeeines eindeutigen Namens. Dann können Sieeine Standard-Vorlage definieren. Es handelt sichdabei um das erwähnte HTML-Dokument. WennSie keine besonders ausgefallene Layout-Vorstellungenrealisieren wollen, können Sie mit der Standard-Vorlagearbeiten.Wichtig ist die Auswahl eines Stylesheets. Überden entsprechenden Menüpunkt rufen Sie einenEditor auf, mit dessen Hilfe Sie die einzelnen Style-Definitionen erstellen können. Haben Sie dies nochnicht erledigt, können Sie in jedem Fall auf eine rudimentäresStylesheet namens basiczurückgreifen.Die eigentliche Layout-Definition erfolgt über diePunkte Layout-Typ und Spalten. Via Checkboxlegen Sie in ersterem fest, ob das Seitenlayout statischoder liquid sein soll. Über den zweiten Punktdefinieren Sie Anzahl und Anordnung der Spalten.Das Grundlayout basiert auf maximal fünf Bereichen,einer Kopf- und Fußleiste, zwei Spalten linksund rechts sowie einem zentralen Content-Blockin der Mitte (header, footer, left, right, main). Innerhalbdieser Basis können Sie nun diverse Kombinationenauswählen.Ein weiterer zentraler Punkt ist die Zuordnungvon Modulen zu den einzelnen Darstellungsbereichen.Haben Sie zum Beispiel beim Spaltenaufbauden Klassiker header, left, main undfooter gewählt,ist es nahe liegend, dem Bereich left die Navigationzuzuordnen und den Bereich main für die Artikelanzigeauszuwählen.Die entsprechende Zuordnungnehmen Sie im Bereich Eingebundene Modulevor. Schließlich müssen Sie für das engültige Layoutnoch ein paar Zahlenwerte definieren, nämlich imBeispiel die Höhe des Kopf- und Fußbereichs sowiedie Breite der beiden vertikalen Spalten.Außerdemkönnen Sie für jeden gewählten Darstellungsbereichnoch ein generelles Padding definieren. FehlerhafteEingaben werden beim Abspeichern übrigensmit einer entsprechenden Meldung mit klarenHinweisen zur Behebung quittiert. Die Geschwindigkeit,mit der man bei Typolight ohne viel Codierung,mit ein paar Mausklicks und wenigen Eingabenein durchaus ansprechendes Seitenlayoutaufbauen kann, ist beachtlich. Auch die Tatsache,dass man bei dieser Aktion an keiner Stelle auchnur mit einer Zeile Code konfrontiert wird, setztAkzentein Sachen Bedienerfreundlichkeit.Wenn manbedenkt, welcheVerrenkungen für dieselbe Prozedurbeim großen Bruder notwendig sind,lernt mandie Bedeutung des Attributs light schätzen.Wenn die Struktur und das Layout steht, kannman mit dem Eingeben von Inhalten beginnen. Fürdiese Aktionen steht der Bereich Inhalt in der Bakkend-Navigationzur Verfügung. Um einen neuenArtikel innerhalb der vorgegebenen Seitenstrukturanzulegen, klicken Sie auf Artikel und dann aufNeuer Artikel. Auf der nächsten Seite müssen Sieden neuen Artikel irgendwo in die Struktur einbauen.Das erledigen Sie über die Symbole am Zeilenende.Dann können Sie in der eigentlichen Erfassungsprozesseinsteigen, der in zwei Schritte unterteiltist. Zuerst müssen Sie in einem Formular die Artikel-Parameterdefinieren.Dazu gehört einTitel, eineAutorenangabe sowie die Bereich auf der Seite, indem der Artikel angezeigt werden soll.Wichtig istdie Checkbox Veröffentlicht. Erst, wenn die aktiviertist, erscheint der Artikel auch im Frontend.Den eigentlichen Inhalt geben Sie im zweitenSchritt ein.Dazu können Sie einfach die Option Speichernund bearbeiten am Ende des Formularswählen. Auf der folgenden Seite wählen Sie dieOption Neues Element. Damit kommen Sie zur eigentlichenErfassung, in deren Mittelpunkt natürlicheine Wysiwyg-Editor (TinyMCE) steht.Vorher müssen Sie jedoch noch denTyp des Elementsvia Pulldown-Liste auswählen. Davon hängtab, welche weiteren Optionen Ihnen angezeigtwerden.Ein häufig verwendeterTyp wird sicher Textsein. Optional können Sie hier noch eine Headlineeingeben und deren Stil definieren.»Fazit«Typolight bietet eine Menge interessanter Funktionenund darüber hinaus noch eine bedienerfreundlicheOberfläche. Es gibt nicht viele Open-Source-CMS, die Typolight in der Kombination aus Leistungsumfangund gleichzeitiger einfacher Bedienungdas Wasser reichen können. [mb]