Zum Hauptinhalt springen
Blog & News

Aktuelles & Updates von
Joomla, Wordpress und Co.

News, HowTos und Tutorials rund um Webdesign, Webentwicklung, Webhosting und Digitalisierung.

Blog & News

Drupal Templating für Joomla Designer

03.01.2013 · 3 Min Lesezeit

Wie erstelle ich ein Template für DRUPAL 7.x wenn ich nur Joomla kenne?

Templating für Drupal unterscheidet sich grundlegend von Joomla. Allein schon die Ordnerstruktur ist von Grund auf anders. Eigene und heruntergeladene Templates werden nicht unter /themes/ sondern unter /site/all/themes/ abgelegt. Einen Unterschied gibt es direkt am Anfang. Drupal Themes müssen nicht installiert werden. Es reicht also die Dateien anzulegen.

 

Ein Drupal 7.x Theme hat folgende Ordnerstruktur:

  • *.info - Datei. Beinhaltet ähnlich wie bei Joomla die XML-Datei alle Positionen, die Version und ähnliches. Dazu öffnet man sich am besten eine .info-Datei aus einem bereits bestehenden Theme. !! Darauf achten das der Name der .info auch gleich dem Verzeichnis und dem eingetragenen Templatenamen sind - Zahlen im Namen führen zu Fehlern!! Im Beispiel: MeinTemplate.info
  • style.css - genau so wie im Joomla :-)

Inhalt der *.info

name = MeinTemplate
description = BLUESTONEDESIGN.
version = 1.0-dev
core = 7.x
engine = phptemplate
stylesheets[all][] = style.css

Der Inhalt der MeinTemplate.info-Datei wird im System-Cache gespeichert. Änderungen werden nicht sofort sichtbar. Hierzu müssen Sie den Cache leeren. Dies geht z.B. auf der Seite admin/settings/performance.

Mit diesen Dateien kann es schon los gehen. Im Drupal als ADMIN (user/1) eingeloggt und das Theme aktiviert. Es werden nun die Standard-Themes geladen. Auch ohne CSS Informationen sieht alles noch etwas wüst aus.

Die Gestaltung

Im nächsten Schritt geht es an das Grundraster. Wenn man sich den Quelltext des Standard-Themes ansieht (rechte Maustatste > Quelltext anzeigen oder besser mit dem FireBug rechte Maustaste > Element untersuchen) erkennt man die Struktur der Webseite. Diese kann man nun auf gewohnte Weise mit CSS anpassen.

Das Layout ändern

In Drupal arbeiten wir ähnlich wie im Joomla auch mit Overrides. Nur ist es hier etwas schwerer die richtigen Dateien zum Überschreiben zu finden. Fündig werden wir unter /modules/system/ dort finden wir die page.tpl.php (enthält das HTML-Grundgerüst der Seite). Diese kopieren wir in unser verzeichnis und bearbeiten sie. Änderungen funktionieren erst nachdem der Cache geleert wurde.

Weiterführendes

Die template.php beinhaltet nur PHP-Code also Funktionen für den Betrieb eines Templates, in den *.tpl.php Dateien finden sich Platzhalter. Mit Hilfe der Funktionen lässt sich beispielsweise der Breadcrum überarbeiten.

Quellen:

http://drupal.org/node/171194

http://forward-media.de/tutorial/eigenes-drupal-theme-erstellen-drupal-template

http://cocoate.com/de/drupal-6-deutsch/veraendern-sie-das-design-theming/die-dateien-eines-typischen-drupal-themes-im-einz

Zurück zur Übersicht