logo

Extra Block Types (EBT) - Neue Erfahrung im Layout Builder❗

Extra Block Types (EBT) - gestylte, anpassbare Blocktypen: Diashows, Registerkarten, Karten, Akkordeons und viele andere. Eingebaute Einstellungen für Hintergrund, DOM Box, Javascript Plugins. Erleben Sie die Zukunft der Layouterstellung schon heute.

Demo EBT-Module EBT-Module herunterladen

❗Extra Absatztypen (EPT) - Erfahrung mit neuen Absätzen

Extra Paragraph Types (EPT) - analoger, auf Absätzen basierender Satz von Modulen.

Demo EPT-Module EPT-Module herunterladen

Scroll
  1. Startseite
  2. Articles

Wir erstellen unser eigenes Drupal-Theme basierend auf dem Zen-Theme

26/05/2025, by Ivan

Wenn Sie sich entscheiden, kein fertiges Drupal-Theme zu verwenden, sondern Ihr eigenes zu erstellen oder ein Template von Wordpress oder Joomla zu übertragen, müssen Sie das Theme von Grund auf neu schreiben. Dafür gibt es aber bereits fertige Frameworks für Ihre Themes.

Zen - http://drupal.org/project/zen

Fusion - http://drupal.org/project/fusion

Adaptive Theme - http://drupal.org/project/adaptivetheme

Omega - http://drupal.org/project/omega
Das am weitesten verbreitete Framework für Themes ist das Zen-Theme. Es ist ein sehr praktisches Framework für Themes. Im Grunde ist es ein fertiges, „nacktes“ dreispaltiges Theme für Drupal, das die benötigten Klassen generiert. Ein weiterer Vorteil von Zen ist die Anordnung des Inhalts. Der Inhaltsblock steht vor den Menüs und Sidebars. Dies wurde für SEO-Zwecke (Suchmaschinenoptimierung) gemacht. So erhält man zuerst den einzigartigen Inhalt und danach die wiederkehrenden Teile: Menüs, Archive, verschiedene Blöcke.
So sieht das Zen-Theme standardmäßig aus.

Drupal zen theme

Auf Basis von Zen schlage ich vor, das Theme für die Website zu erstellen. Laden Sie das Zen-Theme von drupal.org herunter. Erstellen Sie den Ordner sites/all/themes, falls er noch nicht existiert, und kopieren Sie den Ordner zen dorthin.

Drupal zen theme

Nun muss ein Subtheme von Zen erstellt werden. Warum ein Subtheme erstellen, wenn man alle Änderungen direkt im Zen-Theme vornehmen könnte? Damit man jederzeit die Dateien in den ursprünglichen Zustand zurücksetzen kann und eine Sicherung für die Theme-Wiederherstellung hat. Das ist wichtig für den Fall, dass neue Änderungen oder Templates unerwünschte Folgen haben, und damit andere sehen können, wie das eigene Theme aufgebaut ist.
Kopieren Sie den Ordner STARTERKIT und benennen Sie die Kopie nach dem Namen Ihres Subthemes um, bei mir heißt es „sitemade“. Nun finden Sie in Ihrem Theme die Datei STARTER.info.txt und benennen diese in den Namen des Themes um, bei mir „sitemade.info“.

Drupal book theming

Um nun unser Subtheme zu aktivieren, muss im Admin-Bereich das Zen Sub-theme Starter Kit aktiviert werden (der Name kann in der .info-Datei geändert werden).

Zen starter kit

Nun ist auf der Website das Subtheme aktiviert, das wir bearbeiten werden.

Zen sub theme

Klicken Sie sofort auf „turn off this feature“ und deaktivieren Sie „Rebuild theme registry on every page“ in den Theme-Einstellungen.

Jetzt haben wir ein „nacktes“ Theme. Zuerst muss entschieden werden, ob die Website eine feste Breite haben soll (meist zwischen 900 und 1000 Pixel) oder ob die Website flüssig, also bildschirmfüllend sein soll. Wenn die feste Breite für Sie in Ordnung ist, brauchen Sie nichts zu ändern, denn standardmäßig ist die Website-Breite 960 Pixel.
Sie können in den Theme-Einstellungen die Website-Breite auf volle Breite umstellen. Dazu finden Sie im CSS-Ordner Ihres Subthemes die Datei layout-fixed.css und ersetzen deren Inhalt durch den aus der Datei layout-liquid.css.

Drupal layout fixed

Denken Sie daran, dass im STARTERKIT eine Kopie all dieser Dateien liegt und Sie jederzeit die Einstellungen wiederherstellen können.

Der letzte Schritt: Kopieren Sie den Template-Ordner von zen sites/all/themes/zen/templates in den Ordner Ihres Themes sites/all/themes/zen/Ihr_neues_theme/templates. Wir können die Templates auch im Original-Ordner ändern, aber es ist besser, eine Sicherungskopie zur Hand zu haben.