Sie sind mit den beiden mitgelieferten Layouts nicht zufrieden? Kein Problem, im Netz gibt es hunderte von attraktiven CMSimple-Vorlagen! Die wohl umfassendste Vorlagensammlung betreibt Webedesigner Michael Barnett aus Australien unter www.dotcomwebdesign.com. Schauen Sie sich um und wählen Sie aus! Die Templates können frei genutzt werden, solange Sie die Links auf dotcomwebdesign intakt lassen. (Der Backlink zu CMSimple ist dagegen nicht mehr erforderlich, da CMSimple seit Ende 2009 unter der GPL3 veröffentlicht wird.)

Weitere kostenfreie Templates erhalten Sie u.a. auf den Präsenzen von Torsten Behrens und Dr. Tillmann Schuster. Es handelt sich in auch in diesen Fällen um "Linkware", den Backlink zum Anbieter dürfen Sie nur gegen Gebühr entfernen.

Vorlage herunterladen

Im Beispiel habe ich mich für das Dotcomwebdesign-Template Corporate DHTML Plus aus der Rubrik Free Website Templates Section 4 entschieden. Es basiert zwar noch auf der "klassischen Tabellentechnik". Dafür besitzt es ein schickes DHTML-Menü im oberen Bereich und kann durch alternative Grafiken für die Kopfzeile individuell angepasst werden. Weiterhin vorgesehen ist eine Newsspalte im rechten Bereich. Es sind fünf Menüpunkte möglich. Hier finden Sie den direkten Link zu diesem Template.

Der Anbieter Dotcomwebdesign bietet unzählige attraktive Templates für CMSimple.

Die Vorlage wird in zwei Zip-Dateien ausgeliefert. Die Datei corpdhtml3.zip beinhaltet alle für die Vorlage benötigten Dateien. Die Datei extras.zip enthält zusätzliche Grafiken für den Header, damit Sie das Erscheinungsbild der Vorlage variieren können. Das Archiv extras.zip benötigten Sie im Moment nicht, legen Sie dieses daher am besten in einem separaten Ordner ab. Entpacken Sie nun das eigentliche Template-Archiv unter Bewahrung der Ordnerstruktur, also die Datei corpdhtml3.zip. Im Beispiel entsteht ein Ordner namens corpdhtml3, der unzählige Dateien und weitere Unterordner enthält.

Template installieren

Die Installation eines Templates ist wirklich einfach. Übertragen Sie den Template-Ordner auf Ihren Webspace, im Beispiel den Ordner corpdhtml3. Legen Sie ihn im CMSimple-Ordner templates ab. Das eigentliche Einstellen des Templates gelingt nun wieder im Administrationsbereich von CMSimple. Klicken Sie auf den Menüpunkt Einstellungen, dann Editieren Konfiguration. Wählen Sie das gewünschte Template im Pull-down-Menü site_template aus, z. B. corpdhtml3. Nach Klick auf Sichern ist Ihr Template einsatzbereit. Loggen Sie sich aus, damit das Template in voller Pracht und korrekter Breite angezeigt werden kann!

Nach dem Ausloggen: Das Template wurde erfolgreich installiert!

Eigenes Template erstellen

Sie möchten Ihr eigenes Template in CMSimple einbinden? Kein Problem, wenn Sie fit sind in HTML und CSS. Soviel vorweg: Es ist weit einfacher als der Templateaufbau in Joomla oder gar TYPO3. Werfen Sie einen Blick in das Vorlagen-Verzeichnis templates. Dort finden Sie schließlich für jedes Template einen eigenen Unterordner, in der Voreinstellung sind das die Ordner default und subsilverlike.

In diesem eigentlichen Template-Ordner finden Sie nun eine Datei namens template.htm. Diese dient zur HTML-technischen Steuerung des Seitenaufbaus. Die dynamischen Elemente werden durch PHP-Funktionen an den gewünschten Stellen in das Template eingebunden. Der Aufruf erfolgt durch spezielle PHP-Einschübe.

So erzeugt der PHP-Einschub <?php echo toc();?> das Menü, die Zeichenfolge <?php echo content();?> bindet den eigentlichen Hauptinhalt der Seite ein. Eine Komplettübersicht über alle PHP-Funktionen finden Sie in dieser Tabelle.

Weiterhin gibt es in diesem Ordner eine Datei namens stylesheet.css mit den entsprechenden CSS-Anweisungen. Außerdem gibt es einen Unterordner mit den Grafiken für das Menü (Ordner menu) und einen mit der Grafik für den oberen Bereich der Seite (images). Je nach Template finden Sie ggf. noch weitere Ordner vor.

Vorlage anpassen

Studieren Sie zuerst den Grundaufbau der template.htm. Versuchen Sie nun, Ihr eigenes Layout um die PHP-Einschübe drum herum zu stricken. Das gelingt natürlich am besten bei einer lokalen Installation. Welches ist Ihr bevorzugtes Template, das als Vorbild dienen kann? Erzeugen Sie vom Ordner mit diesem Template einfach eine Kopie. Benennen Sie den kopierten Ordner so, wie Ihr neues Template heißen soll.

Stellen Sie diesen eben erzeugten "Kopien-Ordner" im Administrationsmenü als neuen Template-Ordner ein. Nehmen Sie nun Schritt für Schritt die gewünschten Anpassungen vor. Prüfen Sie dabei in regelmäßigen Abständen das veränderte Aussehen von CMSimple.

Der Quelltext der template.htm besteht aus HTML-Code und PHP-Einschüben.