Möchtest du dein eigenes responsive WordPress Theme entwickeln, ist es hilfreich ein Blank Theme oder auch Starter Theme zu nutzen, um mit einer sauberen Grundlage für die eigene Theme-Entwicklung durchzustarten. Ein Blank Theme dient dazu, dass du dir eine praktische Theme-Arbeitsvorlage erstellst, von der aus du auch zukünftige Themes leichter umsetzen kannst.

Was macht ein gutes Blank-Theme aus?

Wichtig ist, dass du mit dem Blank Theme gut zurecht kommst und es deine Arbeitsweise bei der Theme-Entwicklung unterstützt. Zu viele Extras sind zwar verlockend, doch ein Blank-Theme ist meiner Ansicht nach eher mit einer leeren Leinwand zu vergleichen und weniger ist da bekanntlich meist mehr.

Natürlich kommt es immer auch auf das jeweilige Projekt an und welche Features benötigt werden und welches Blank-Theme diese eventuell schon integriert hat. Es kann sich also lohnen vor Projektgebinn noch einmal zu vergleichen, welches Blank-Theme am besten für das aktuelle Projekt passt.

Relevante Features eines modernen Blank-Themes sind meiner Ansicht nach:

  • HTML5/CSS3
  • eine saubere Template-Dateistruktur
  • gute Dokumentation (im Code und als Online oder zum Download)
  • vorbereitete Theme-Optionen (wenn benötigt)
  • responsive CSS (z.B. eine vorbereitete responsive Navigation)
  • Reset CSS
  • grundlegenende CSS-Struktur und Styles für Typografie-Elemente oder Alignment
  • vorbereitete jQuery Plugins (z.B. für Tabs oder Dropdowns, wenn für das Projekt benötigt)

Eine Übersicht aktueller WordPress Blank-Themes

Nachdem du dich für den Einsatz eines Blank-Themes zum Start deines nächsten WordPress Theme-Projektes entschieden hast, folgt die Qual der Wahl. Welches Blank-Theme ist das richtige für mein Projekt? Hier eine kleine Übersicht beliebter, moderner WordPress Blank-Themes, manche schlichter, andere mit jeder Menge Goodies:

Bones Theme

Das Bones Theme ist ein schlichtes, beliebtes HTML5 Starter Theme. Den Code baut das Bones Theme auf der HTML5 Boilerplate auf. Inzwischen gibt es auch eine responsive Version von Bones. Dazu wird die 320 and Up mobile-first Boilerplate genutzt.

BootstrapWP

Responsive Navigation von Bootstrap BootstrapWP ist nur eines der Blank-Themes und Theme-Frameworks die Bootstrap von Twitter als Grundlage nutzen. Bootstrap selbst bietet etliche Features, wie vorbereitete jQuery-Plugins (für Buttons, Tabs, Sliders), Typografie Styles oder eine vorbereitete responsive Navigation (siehe Abbildung). Das BootstrapWP ist daher eher umfangereich und man muss sich ein wenig einarbeiten. Wenn man viele der Features sowieso für das eigene Projekt benötigt, kann BootstrapWP eine tolle Blank-Theme Basis bieten.

Roots Theme

Das Roots Theme baut genau wie BootstrapWP auf Twitter’s Bootstrap auf. Markup und Stylesheet basiert auf HTML5 Boilerplate. Das Roots Blank-Theme eignet sich daher vor allem, wenn du etliche Menge Features sowie ein responsive Grid in deinem Theme benötigst. Außerdem bietet Roots bereits vorbereitete Theme-Übersetzungen an.

Foundation for WordPress

Foundation von ZURB bietet eine ähnliche Code-Grundlage wie Bootstrap. Mit Foundation for WordPress kannst du daher ebenso komplexere Projekte mit JavaScript-Elementen (z.B. dem responsive Orbit Slider) und responsive Layout aufbauen.

Orbit responsive Slider von ZURB
Der responsive Slider Orbit von ZURB.

_s Theme

Möchtest du eher eine reduzierteres Blank-Theme für deinen Projekt-Start nutzen, bietet das neue _s Theme eine solide Grundlage. Das Theme wurde vom Automattic-Team entwickelt und bietet ein sauberes, HTML5 Starter Theme ohne jede Menge Features und vorbereitete Styles. Es bietet zwar keine vorbereiteten responsive Styles, diese kannst du aber mit Hilfe von Media Queries recht schnell individuell in deinem Stylesheet einbinden. Das _S Theme bietet übrigens schon eine vorbereitete Theme-Optionenseite an.

Die Template Dateien des _s Blank-Themes.
Die Template Dateien des _s Blank-Themes.

Ein eigenes Blank-Theme

Wenn du sehr oft mit WordPress-Themes arbeitest ist es sehr wahrscheinlich, dass du nach einer Weile dein eigenes Blank-Theme entwickeln möchtest. Oftmals entsteht ein eigenes Blank-Theme quasi von selbst, da du dich von Projekt zu Projekt sowieso an deinen neusten Themes orientierst. Wenn dir diese Arbeitsweise entspricht lohnt es sich, eine eigene Vorlage ausgehend von deinem aktuellsten Theme zu erstellen.

Ein eigenes Blank-Theme hat den Vorteil, dass du das Theme ganz auf deine Arbeitsweise anpassen kannst und keinen unnötigen Features und Elemente beinhaltet, die erst gelöscht werden müssten, falls sie nicht benötigt werden.

Eine hilfrieche Inspirationen und Tipps zum Thema Starter Theme kannst du auch noch auf dem Themeshaper-Blog im Artikel “What Do You Really Need in a WordPress Starter Theme?” finden.

Deine Erfahrungen und Tipps

Welche Blank/Starker Themes sind deiner Erfahrung nach bei der WordPress-Theme Entwicklung besonders hilfreich und können jede Menge Zeit bei der Entwicklung sparen? Und worauf sollte man bei der Auswahl eines Blank-Themes für das nächste Projekt achten? Über dein Feedback und deine Tipps freue ich mich sehr!