Fertige Themes zu nutzen, ist zunächst ganz schön, um schnell zu einem brauchbaren Ergebnis zu kommen. Die Betonung liegt auf brauchbar. Individuell ist eine Lösung aus der Box nun wirklich nicht. Wenn Sie sich also daran wagen, eigene auf Ihre Bedürfnisse zugeschnittene Drupal-Themes zu kreiern, müssen Sie zuerst die notwendige Info-Datei für Drupal erstellen.
Dieses Tutorial hilft Ihnen dabei.
Bevor es losgeht, hier noch ein paar Tipps für weiterführende Lektüre und nützliche Resourcen im Netz. Besonders hilfreich ist ein kleines Adobe-Air-Tool. Neben dieser Air-Applikation bietet die Site auch diverse Erweiterungen wie zum Beispiel eine Drupal- und auch eine jQuery-API-Extension für Dreamweaver an:
- Drupal Theme Starter: http://xtnd.us/drupal/themestarter
- Dreamweaver richtig für Drupal erweitern/konfigurieren: http://drupal.org/node/18151
- Die CMS-Features von Dreamweaver CS5 auf Adobe TV:http://tv.adobe.com/watch/learn-dreamweaver-cs5/working-with-cms-frameworks/
- Dreamweaver-Extension “Drupal 6 Themer Snippets” (freeWare !!!):
http://drupal.danreb.com/drupal6_themer_snippets.html
- Dreamweaver-Extension “Drupal Dream Theme Utility Suite”:http://www.dreamweavercomponents.com/index.php?_a=viewProd&productId=5
- Dreamweaver-Extension “ThemeGenie”: http://drupal.org/node/463192
(Achtung: Leider in der aktuellen Version noch sehr unausgereift und fehlerhaft; das Release der Version ThemeGenie 3 ist bereits angekündigt.)
Erstellen der Theme-Info-Datei
Der Startbildschirm
Der Start-Bildschirm “Theme-Details ” präsentiert sich sehr übersichtlich und aufgeräumt und fordert den Benutzer zur Eingabe der Basisinformationen auf. Bis auf die Eingabe zur Option des “Base-Theme” bei den erweiterten Einstellungen sind die ersten Eingaben sehr eindeutig nachzuvollziehen. Da diese aber nicht notwendig ist, kann sie unausgefüllt bleiben. Leider fehlt im Programm eine Hilfe oder Tooltippfunktion die dem Benutzer bei Bedarf ausführlichere Erläuterungen zu den Drupal-Themes bietet. Auch ein Screen-Shot kann für das Theme angegeben werden, allerdings muss dieser vorher als Datei (JPG, GIF oder PNG) vorliegen.
Regions & Features
Festlegung der Theme-Regionen & -Features
Der zweite Options-Screen bietet dem Benutzer eine Vorauswahl der sogn. “Regions” wie Header (Kopfzeile), Footer (Fußzeile), Left (linker Seitenbereich, z.B. für die Navigation), Right (rechter Seitenbereich, zum Beispiel für Suchfeld, Artikel-Teaser etc.) und Content (Inhaltsbereich). Natürlich können hier nun einzelne Regions weggenommen oder auch hinzugefügt werden, die für individueller Designs notwendig sind. Unter “Features” wählt der Benutzer die wesentlichen Hauptelemente des Themes ganz einfach per Checkbox aus. Bereits hier ist also schon eine gewisse Grundkenntnis der Funktionsweise und des Template-Aufbaus von Drupal gefragt.
Stylesheets & Scripts
- Eingabescreen für die festlegung der Stylesheets & Script-Dateien
Im dritten Screen werden nun die individuellen CSS- & Scriptdateien angegeben. Und schon sind wir unserem eigenen Drupal-Theme ein ganzes Stück näher gekommen, denn jetzt kann die Info-Datei generiert werden. Am besten gleich im richtigen Ordner im Drupalverzeichnis unter “sites”:
Der Pfad zum Speichern der Info-Datei
Zu guter letzt, denn es geht (fast) nie ganz ohne: Handarbeit
Schauen wir uns die generierte Textdatei an:
;Generated by the Drupal 6 Theme Starter available at http://xtnd.us name = Dr. Web description = Test-Theme für Dr. Web Tutorialscreenshot = base theme = core = 6.16 engine = phptemplate version = 1.0 php = 5.xregions[left] = Left sidebar regions[right] = Right sidebar regions[content] = Content regions[header] = Header regions[footer] = Footer regions[keyvisual] = Dr. Web Keyvisualfeatures[] = favicon features[] = logo features[] = name features[] = primary_links features[] = search features[] = secondary_links features[] = sloganstylesheets[all][] = styles.css stylesheets[print][] = print.css stylesheets[handheld][] = iphone.css stylesheets[all][] = layout-grids.css stylesheets[all][] = colors.css stylesheets[all][] = forms.cssscripts[] = drweb.jsNicht notwendige Zeilen (fett markiert) sollten gelöscht oder per “;” auskommentiert werden.
Fazit und Ausblick
Ein kleines komfortables Tool, welches einem ein wenig Tipparbeit abnimmt, aber wohl eher für Anfänger zum Verständnis geeignet ist, die sich mit Drupal-Theming beschäftigen wollen. Der ambitionierte Themer zieht hier sicherlich die Copy-&-Paste-Methode im Editor seiner Wahl vor.
Interessant für Designer, die weniger mit Coding zu tun haben wollen, ist wohl eher die CMS-Integration von Adobe´s Dreamweaver CS5, welcher seit kurzem auch als englische Testversion verfügbar ist. Ebenso das bevorstehende Release der Dreamweaver Extension ThemeGenie in der Version 3.
(mm)
Letzte Kommentare