 |
 |
 |
 |
 |
 |
 |
Drupal Theme (Template) Erstellung
Drupal Templates installierenDrupal Templates erstellenDrupal Templates verstehenDrupal Node TemplatesDrupal Block Templates
Wir gehen davon aus, dass Sie ein fertiges HTML - Dokument und Stylesheet haben, dass dem gewünschten Layout Ihrer Drupal Internetpräsenz entspricht. In dem folgenden Beispiel gehen wir aus Anschaulichkeitsgründen von einem sehr einfachen Layout aus.
<html> <head> <title><?php print $head_title ?></title> <?php print $styles ?> </head> <body> <div id="maincontainer"> <div id="header"> <h1><?php print $site_name ?></h1> </div> <?php if ($sidebar_left): ?> <div id="sidebar-left"> <?php print $sidebar_left ?> </div> <?php endif: ?> <div id="mainbody"> <h2><?php print $title ?></h2> <?php print $content ?> </div> <div id="footer"> <php print $footer message ?> </div> </div> </body> </html>
Wie Sie sicherlich erkennen wird durch das Drupal Template File der Rahmen, das Layout Ihrer Drupal Internetpräsenz abgebildet. Der eingebettete PHP Code erzeugt beim Aufruf einer Seite dynamischen Content. So wird etwa durch <?php print $site_name ?> der Name der Internetpräsenz ausgegeben. Diesen Namen legen Sie im Drupal - Backend fest.
Natürlich müssen Sie dann noch ein entsprechendes Stylesheet anlegen. Im Drupal Beispieltemplate haben wir es ja schon eingebunden (<?php print $style ?>). Drupal sucht defaultmäßig nach einem Stylesheet mit dem Namen style.css. Obwohl Sie natürlich auch einen anderen Namen wählen können, empfiehlt es sich an dem Drupal Standard festzuhalten. Der Grund hierfür liegt darin, dass das Stylesheet dadurch die Drupal Preprocessing Engine durchläuft. In der Preprocessing Engine werden alle Line Breaks und Leerzeichen entfernt. Ferner werden dann alle CSS Files von anderen Modulen in ein einziges CSS File kopiert.
Im nächsten Schritt müssen Sie sich noch ein Namen für das Drupal Theme ausdenken und das File page.tpl.php sowie die screen.css in das Verzeichnis sites/all/themes/... kopieren. Das Verzeichnis entspricht dann dem Namen des von Ihnen gewählten Themes. Würden Sie beispielsweise 'verysimple' als Themenamen wählen, so müssten Sie die Dateien (page.tpl.php + style.css) in das Verzeichnis sites/all/themes/verysimple kopieren.
Als letztes müssen Sie das Drupal Theme noch aktivieren. Gehen Sie dazu in das Drupal Backend und gehen in das Menü Administer --> Themes. Nun aktivieren Sie das neue Theme (im Bsp. verysimple). Wenn Sie jetzt die Seite neu laden, sehen Sie bereits das neue Theme in Aktion und sehen das die PHP-Code - Stückchen dynamischen Content erzeugen.