Der perfekte Weg zum eigenen Theme mit optimaler Inhaltsgestaltung

Vor zwei Tagen haben wir die Möglichkeit beschrieben, Redaktionsteams den Table Wizard eines Wysiwyg Editors, als Layout Werkzeug anzubieten. Aber, das muss doch noch besser gehen, haben wir uns gedacht. Denn die Nachteile liegen deutlich auf der Hand:

• Die böse HTML Tabelle
• Auch ein Table Wizard lässt sich nicht leicht und von jederman bedienen
• Fehlerhaftes HTML kann ganze Seitenlayouts zerstören

Die Lösung war dann auch schnell gefunden.

Viele Wysiwyg Editoren bieten die Möglichkeit eigene HTML Vorlagen zu definieren. Wenn der HTML Code dieser Vorlagen für ein CSS Gridsystem geschrieben wird, kann man alle ‘Vorteile’ von Tabellen bieten, ohne solche zu benutzen.

Der Code für ein Grid, wie im Screenshot dargestellt, sieht (für Blueprint als CSS Framework) so aus:

Kenner werden gleich erkennen, dass das Grid einer Vorlage des Panel Moduls entspricht. Wir können also in einem Wysiwyg Editor Vorlagen zur Verfügung stellen, die denen von Panels entsprechen. Im Editor (dieser muss auf Fullscreen gestellt werden) sieht das für einen Redakteur dann so aus:

1. Auswahl der Vorlage.

2. Editorfenster nach Einfügen der Vorlage. Der Redakteur erkennt sehr schön die Bereiche wo er Inhalt hinzufügen kann. Und er kann nichts ‘kaputt’ machen.

3. Editorfenster nach der Eingabe von Inhalt.

Das ist doch alles sehr komfortabel. Wenn Sie schon ein Grid basiertes Theme im Einsatz haben, müssen Sie nur noch die Templates für den Editor anlegen. Falls Sie kein Grid basiertes Theme nutzen, könne Sie dieses sehr einfach mit dieser Fähigkeit versehen:

Holen Sie sich ein Grid Framework - z.B. hier http://www.blueprintcss.org/ Fügen Sie dann einfach die grid.css in der .info Datei Ihres Themes hinzu. Und voilá Ihnen stehen in Ihrem Theme alle Möglichkeiten des Grid Frameworks zur Verfügung. Sie müssen lediglich noch in der page.tpl.php dem äußersten Container z.B. ‘page’ die Klasse “container” hinzufügen. Dies gilt für blueprint. Bei anderen Frameworks kann die Vorgehensweise eine Andere sein.

Die Möglichkeiten dieses ‘Systems’ sind sehr vielfältig. Stellen Sie sich ein Online Magazin oder auch eine kleine Firmensite, mit vielleicht 5-20 Seiten, vor. Jede Seite kann individuell entworfen werden und kann im Wysiwyg Editor sehr einfach von einem Mitarbeiter bearbeitet werden. Das ist etwas was viele Benutzer bei Drupal vermissen: eine einfache, aber dennoch flexible Möglichkeit Inhalt anders als in der normalen Node Ansicht zu erfassen und auszugeben. Und noch etwas: Sie können mit dieser Methode wunderbar, individuelle Newsletter entwerfen

Das, gerade bei sehr unerfahrenen Usern, sehr beliebte CMS WebSiteBaker basiert zu weiten Teilen auf dieser Vorgehensweise.

In Kombination mit den hier beschriebenen Fähigkeiten des Linodef Moduls, stehen Ihnen im Wysiwyg Editor ungeahnte Möglichkeiten zur Verfügung.
Wenn Sie mehr darüber erfahren möchten oder ein Theme und Editor mit diesen Fähigkeiten ausgestattet haben möchten, können Sie sich direkt an mdwp* wenden:
E-Mail: mdwp [dot] post [at] googlemail [dot] com
Tel.: 02331 3 96 16 91