Es gibt mittlerweile eine ganze Reihe von Theme Frameworks für WordPress. Das hier bereits vorgestellte Thematic von Ian Stewart oder Hybrid von Justin Tadlock. Das aus meiner Sicht ausgefeilteste und umfangreichste ist Genesis von StudioPress.

Die grundlegende Idee hinter Theme-Frameworks ist es, individuelle Anpassungen so zu machen, dass das Basistheme nicht verändert wird. Das hat den großen Vorteil, dass Änderungen am Design bei einem Update nicht überschrieben werden und man so in den Genuss von Aktualisierungen kommt, ohne alles noch mal umzubauen. Wenn man ein Update von WordPress installiert, muss man ja auch nicht alles neu machen.

Das Prinzip Child Themes

Über Child Themes wurde bereits viel geschrieben und ich möchte hier gar nicht so sehr ins Detail gehen, da das ja keine Besonderheit von Genesis ist, sondern typisch für alle Frameworks. Das Prinzip ist relativ simpel. Ein Child-, also “Kind”-Theme verwendet größtenteils den Code seines “Eltern”-Themes. Es besteht mindestens aus einer style.css und einer functions.php und kann im Grunde beliebig erweitert werden. Typischerweise besitzt es einen eigenen images Ordner für Bilder und Grafiken und sehr oft eine eigene home.php, um der Startseite ein ganz individuelles Bild zu geben.

Genesis – Ein Premium Framework

Wenn man nicht bereit ist, für hochwertige Arbeit etwas Geld auszugeben und sich lieber in der Welt der kostenlosen WordPress Themes herumtreibt, dann kann man sich den Besuch auf der StudioPress Website eigentlich sparen, außer man will sich Appetit holen. Genesis ist ein Premium Framework und das zu recht. Es ist mit knapp 60 US$ für das Basis Framework und ca. 25 US$ für ein Child Theme sicher im gehobenen mittleren Preissegment angesiedelt. Dafür bietet es aber hochprofessionelle Designs, eine unglaubliche Funktionsvielfalt und sehr gute Produktunterstützung via Support Forum.

Funktionsübersicht

Die Funktionsübersicht ist ziemlich lang und ich beschränke mich hier mal auf ein paar wesentliche Punkte. Die komplette Liste kann man sich bei StudioPress anschauen.

Automatische Updates

Wie bereits erwähnt, ist ein wesentlicher Vorteil von Theme Frameworks, dass man sie einfach aktualisieren kann. Genesis geht hier noch einen Schritt weiter und bietet eine automatische Updatefunktion – ähnlich, wie man sie von Plugins oder WordPress selbst kennt – an. Man kann sich sogar per E-Mail an eine beliebige Adresse über Updates benachrichtigen lassen.

Layout Optionen

Genesis bietet mehrere eingebaute Seitenlayouts an. Damit sind nicht unterschiedliche Page Templates gemeint, die es auch bietet, sondern tatsächlich die Möglichkeit, jeder Seite und jedem Beitrag ein individuelles Gesicht zu verleihen.

Man kann dabei in den Themeeinstellungen ein Standardlayout definieren, dieses aber auch per Klick pro Seite oder Artikel nochmals ändern. Dabei stehen einem folgende Optionen zur Verfügung:

• Content/Sidebar
• Sidebar/Content
• Content/Sidebar/Sidebar
• Sidebar/Content/Sidebar
• Sidebar/Sidebar/Content
• Full Width Content (kein Sidebar)

Anpassungen mit Hooks

Hooks sind Codefragmente im Theme, die als eine Art Platzhalter dienen und denen bestimmte Funktionen zugewiesen sind. Das spannende daran ist, dass man diesen Hooks sehr einfach eigene Funktionen zuweisen oder Funktionen deaktivieren kann. In der Regel werden Hooks ausschließlich in der functions.php gesteuert. Für Genesis gibt es sogar ein Plugin, dass das Arbeiten mit den Hooks nochmals vereinfacht. Genesis hält über 40 solcher Hooks bereit und bietet damit die Möglichkeit große Teile des Themes zu manipulieren, ohne Template Dateien zu verändern.

Weitere Funktionen

Natürlich ist Genesis SEO optimiert und bietet hierfür auch eingebaute Tools. Ich selbst bevorzuge allerdings die SEO Optimierung mittels wpSEO Plugin, weil das noch wesentlich umfangreicher ist. Genesis ist BuddyPress kompatibel, bietet umfangreiche Einstellungsmöglichkeiten, mehrere Farbschemen, eigene Widgets und eine Vielzahl hochprofessioneller Child-Themes.

Child Theme Marketplace

Eine weitere spannende Idee, die StudioPress gerade ins Leben gerufen hat, ist der Child Theme Marketplace für Genesis. Hier haben Themedesigner die Möglichkeit eigene Genesis Child Themes professionell zu vermarkten. Natürlich werden die Themes durch StudioPress eingehend geprüft und nur Child Themes, die den Qualtitätsansprüchen genügen werden zugelassen. Dadurch haben Käufer die Sicherheit ein hochwertiges Produkt zu kaufen und Verkäufer den Vorteil sich in einem hochwerigen Umfeld positionieren zu können und mit Ihren Designs Geld zu verdienen.

Child Theme Showcase

Im Folgenden stelle ich einige der Child Themes für Genesis vor, die mir persönlich besonders gut gefallen und die einen guten Überblick über die Vielfalt der verfügbaren Child Themes zeigen. Zur Zeit gibt es etwa 15 verschiedene Child Themes.

AgentPress

AgentPress ist in erster Linie für Immobilienmakler und deren speziellen Bedürfnisse gedacht.

Executive

Executive ist ein sehr edles Theme für Unternehmenswebsites.

Enterprise

Ein weiters sehr elegantes Theme für Unternehmenswebsites.

Platinium

Sehr modernes Theme in “Metalloptik”. Gut für Musiker-Websites, oder Magazine.

Serenity

Feminin anmutendes Theme mit hellen, freundlichen Farben, dass sich z.B. für Online Magzine zu Frauenthemen eignet.

Fazit

Ein Theme Framework ist schon per se eine tolle Sache, Genesis setzt an vielen Stellen noch einen drauf und geht mit seinem Funktionsumfang, seinen vielen Features und seinen tollen Child Themes einen Schritt weiter. Mit knapp 80 US$ für das Framework und ein Child Theme ist das Preisniveau für WordPress Themes zwar im gehobenen Mittelfeld, aber auf jeden Fall jeden Cent wert.

Ich habe bereits ein Kundenprojekt auf Basis von Genesis abgeschlossen und derzeit ein weiteres auf Basis des Executive Child Themes in Arbeit und ich bin immer wieder begeistert, wie schnell und einfach die Arbeit von der Hand geht, auch wenn es sicher erst mal eine Umgewöhnung zum normalen Umgang mit Themes und Template-Dateien ist. Und wenn man mal nicht weiterkommt, hilft einem das Support Forum schnell weiter.

Relevante Links

• StudioPress
• Genesis Theme Framework
• Genesis Child Theme Marketplace
• Hybrid Theme Framework
• Thematic Theme Framework

Das WordPress Theme Framework Thematic bietet sowohl für WordPress Anfänger als auch für erfahrene Entwickler den perfekten Ausgangspunkt für das eigene WordPress Theme.

Ich bin immer auf der Suche nach kostenlosen professionellen WordPress Templates, die man für eigene Zwecke anpassen kann. Man kann sehr viel lernen, wenn man WordPress Themes, die einen selbst begeistern, anpasst. Auf themeshaper.com, ist mir das Thematic WordPress Theme Framework von Ian Stewart und Chris Gossman sehr positiv aufgefallen.

Ausgangspunkt für eigene WordPress Templates

Das Thematic Template ist ein idealer Ausgangspunkt für die Entwicklung eigener WordPress Themes. Das liegt nicht nur daran, dass Thematic kostenlos und Open Source ist.

Es ist nach eigenen Angaben bereits für Suchmaschinen optimiert, gut erweiterbar und unterstützt 13 Bereiche für Widgets.

Besonders hilfreich ist auch eine aktive Gemeinschaft, die sich mit Thematic beschäftigt. So gibt es beispielsweise umfangreiche Anleitungen zum Einsatz von Thematic. Dort gibt es u.a. Erklärungen zu den Theme Hooks, Theme Filtern und dem CSS.

Ein aktives englischsprachiges Forum, das sich mit Fragen zum Einsatz und der Verbesserung des Thematic Templates beschäftigt, gibt es auch. Es werden also sowohl Anfänger, als auch Fortgeschrittene und Profis bei ihren Fragen und Ideen zu diesem Template geeignete Unterstützung finden.

Screenshot und Live-Demo

Einen kurzen Überblick über dieses WordPress Theme erhält man mit der Live-Demo dieses Templates. Weitere Informationen und die notwendigen Dateien findet man bei themeshaper.com.

Thematic Child Themes

Mit Child Themes kann man ein Ausgangs-Template nach eigenen Wünschen anpassen. Man ändert dabei jedoch nicht die Dateien des Original Templates.

Stattdessen erstellt man einen eigenen Ordner für das eigene Child Theme. Ein sehr umfangreiches englisches Tuturial zur Erstellung von Child Themes findet man bei op111.net.

Für das Thematic Theme wurden bisher von unterschiedlichen Webentwicklern viele verschiedene Child Themes erstellt. Child Themes sind eine gute Möglichkeit um zu zeigen, was man aus einem Template so alles machen kann.

Top 5 Child Themes für Thematic

Es folgen die Links zu den Top 5 Thematic Child Themes, die mir persönlich am Besten gefallen. Sie zeigen, wie vielfältig man ein Theme mit Child Themes anpassen kann. Vielleicht können sie auch zu eigenen neuen Ideen anregen.

Themeshaper.com

Das WordPress Template Themeshaper wird von Ian Steward auf der Seite themeshaper.com eingesetzt. Mir gefällt an dieser Seite besonders das dreispaltige Layout der Startseite.

SimpleCart(js)

Das kostenlose WordPress Template SimpleCart(js) von Chris Wallace eignet sich hervoragend für einfache E-commerce Lösungen.

Commune

Das Template Commune lässt sich hervoragend für verschiedene Blogs einsetzen. Es ist eines der wenigen grünen kostenlosen WordPress Themes, die mir gefallen.

Gallery

Das WordPress Template Gallery ist kostenlos und, wie der Name bereits andeutet, für verschiedene Bilder-Galerien geeignet.

Byty

Das kostenlose WordPress Template Byty zeigt, wie auch Firmen Webseiten als Blog aufgebaut werden können.

Die Entwickler

Die beiden Hauptentwickler des Thematic Templates für WordPress sind Ian Stewart aus Kanada und Chris Gossmann aus Deutschland. Vielen Dank für dieses WordPress Theme!

Fazit

Das WordPress Theme Framework Thematic ist sehr klar und übersichtlich aufgebaut und kommt auch ohne Bilder gut aus. Es ist bereits SEO optimiert und hat verschiedenste Bereiche für Widgets. Dieses WordPress Theme ist ein möglicher Ausgangspunkt für die Gestaltung eigener Child Themes. Dadurch kann man auch von zukünftigen Verbesserungen und Updates dieses Templates profitieren, ohne seinen eigenen Code anpassen zu müssen.

Durch eine aktive Entwicklergemeinschaft, die mit dem Thematic Template als Grundlage eigene Projekte erstellt, gibt es gute “Supportmöglichkeiten” für dieses WordPress Theme. Ich werde mich jedenfalls noch weiter mit dem Thematic Theme beschäftigen.

Relevante Links

• Live Demo – Thematic Theme
• Thematic – Dateien und Infos
• Thematic – Anleitungen
• Thematic – Forum
• WEBDEMAR – Child Themes
• Tutorial – Erstellung von Child Themes
• Übersicht – Thematic Child Themes

Wie kann man ein WordPress Theme verändern ohne es zu verändern? Die Frage klingt paradox, die Antwort jedoch ist sehr einfach. Mit WordPress Child Themes. Diese ermöglichen uns, das Theme zu beeinflussen ohne die Originaldateien verändern zu müssen.

Das einfachste Child Theme ist ein extra Verzeichnis im Verzeichnis /wp-content/themes, das ein CSS-File enthält, welches dem Child Theme sagt, welches sein Parent Theme ist und das CSS dieses Parent Themes erweitert oder überschreibt. Klingt ein wenig verwirrend, ist es aber nicht. Gehen wir mal ins Detail.

Was ist der Sinn von Child Themes?

Viele, die sich ein WordPress Theme heruntergeladen haben, möchten dieses den eigenen Bedürfnissen anpassen. Sei es, dass der verwendete Font oder die Farbe aller Links verändert werden sollen.

Diese Änderungen lassen sich mit ein paar CSS-Kenntnissen im Theme-Stylesheet (CSS) umsetzen. Jedoch muss man hierfür die Theme-Dateien verändern.

Bei langlebigeren WordPress Themes mit gutem Support (kostenlose und auch Premium WordPress Themes) werden evtl. Updates des Themes angeboten, die Bugs beheben oder das Theme einfach verbessern. Oder man hat sein Theme auf einem Theme Framework aufgebaut, welches ständig erweitert und verbessert wird.

Ohne Child Themes müsste man hier jedes mal neu die Änderungen am Theme durchführen, um die Updates realisieren zu können. Mit dem Einsatz eines Child Themes kann ich dieses Update getrost einspielen, denn meine Änderungen sind ja in einem extra Verzeichnis losgelöst vom Parent Theme. So gehen meine Änderungen nicht verloren und das Update des Parent Themes ist eine Sache von ein paar Minuten.

Wie erstelle ich ein WordPress Child Theme?

Das Erstellen eines Child Themes ist denkbar einfach. Dazu brauchen wir zunächst ein Parent Theme, das es mit dem Child Theme anzupassen gilt. In meinem Beispiel verwende ich hierfür mein Theme deLight. Das Theme liegt im Verzeichnis /wp-content/themes/deLight.

Als nächstes erstellen wir unser Child Theme, welches ich deLightChild nenne. Wir erstellen also im Verzeichnis /wp-content/themes einen neuen Ordner namens deLightChild (wp-content/themes/deLightChild). In dem deLightChild-Ordner erstellen wir ein neues Stylesheet names style.css (wichtig: die Stylesheet-Datei muss genau so heißen, damit WordPress das Child Theme erkennt).

Ganz oben in unserem neuen Stylesheet machen wir folgende Angaben:

/*
Theme Name: deLightChild
Theme URI: http://webdemar.com/demo/?wptheme=deLightChild
Description: Child Theme for deLight
Author: webdemar
Author URI: http://webdemar.com
Template: deLight
Version: 0.1
*/

@import url("../deLight/style.css");

Besonders wichtig ist hierbei der Punkt Template. Hier wird unserem Child Theme gesagt, welches sein Parent Theme ist. Wichtig ist hierbei, dass nicht der Name, sondern der Ordner des Parent Theme angegeben werden muss! In meinem Fall sind diese indentisch. Wenn jedoch Dein Parent Theme BeispielTheme heißt und es im Ordner bsptheme liegt, musst Du hier Template: bsptheme angeben.

Mit dem Import-Befehl laden wir uns das gesamte Stylesheet unseres Parent Themes. Wichtig ist, dass keine anderen CSS-Angaben davor stehen, weil das Parent CSS sonst nicht mehr importiert wird.

Unser Child Theme ist jetzt erstellt und erscheint ab sofort im WordPress-Administrationsbereich unter Darstellung > Themes als eigenständiges Theme.

Wir können jetzt beginnen, Änderungen in dem Child Theme CSS vorzunehmen.

In meinem Beispiel Child Theme möchte ich, dass alle Links nicht in dem Weinrot des deLight-Themes, sondern in Blau dargestellt werden.

Ich schreibe also folgendes in das Stylesheet:

a {
color:#0000cc;
}

Fertig ist unser Child Theme!

Child Theme deLightChild mit Parent Theme deLight.