Verzeichnis für GPL-Themes mit kommerziellem Support

Gestern Nacht war ich relativ überrascht, als wordpress.org auffällig häufig als Referrer in den Stats von ThemeShift.com auftauchte. Es wurde das von sicherlich vielen Theme-Entwicklern erhoffte Verzeichnis für kommerzielle WordPress-Themes veröffentlicht.

Verzeichnis für GPL-Themes mit kommerziellem Support

Wer ist schon dabei?

Besonders stolz bin ich darauf, dass das WordPress-Team offensichtlich selbst eingesehen hat, welche Qualität ThemeShift liefert und mich mit auf die Liste gesetzt hat. Naja, und ein paar andere Schmieden sind auch dabei

• Press75
• iThemes
• StudioPress
• ThemeShift
• WooThemes
• Spectacu.la
• Jestro
• Pro Theme Design
• ThemeHybrid

Wer kommt auf die Liste?

• Themes müssen 100% GPL-konform sein, auch Design und CSS.
• Möglichkeit für professionellen Support und optional Theme-Anpassungen.
• Die Seite sollte fertig, optisch ansprechend, auf dem neuesten Stand sein und einen professionellen Eindruck machen.
• Ein kleiner Haiku zur Person sollte bei der Bewerbung dabei sein.

Was ist denn jetzt GPL?

In der Directory auf WordPress.org werden Entwickler(teams) vorgestellt, die ihre Arbeit zwar kommerziell aber zu 100% unter der GPL-Lizenz anbieten. Was genau GPL-Konformität in Verbindung mit WordPress-Funktionen, PHP, Bilddateien, CSS etc. bedeutet, hat Matt Mullenweg (endlich) deutlich formuliert.

In conclusion, the WordPress themes supplied contain elements that are derivative of WordPress’s copyrighted code. These themes, being collections of distinct works (images, CSS files, PHP files), need not be GPL-licensed as a whole. Rather, the PHP files are subject to the requirements of the GPL while the images and CSS are not. Third-party developers of such themes may apply restrictive copyrights to these elements if they wish.

Fazit

Lange wusste ich persönlich nicht, ob dieses Verzeichnis kommt oder ob es ein Gerücht bleibt, da ich von offizieller Seite keine genaue Stellungnahme gefunden hatte. Nun ist es da und wird sicherlich weitere Theme-Entwickler motivieren, sich mit der GPL zu beschäftigen. Der Traffic von WordPress.org ist auf jeden Fall nicht unerheblich.

Jetzt bleibt nur die Frage, wann denn die Plugin-Entwickler ein entsprechendes Pendant bekommen.

Relevante Links

• Theme-Verzeichnis auf WordPress.org
• Statement zur GPL im WordPress-Development-Blog

Real-Estate-Theme deCasa

Das helle und elegante Real-Estate-Theme deCasa macht die Präsentation von Immobilienobjekten kinderleicht. Neben einem extra Bereich für zu empfehlende Objekte auf der Startseite kann man optional einen News-Bereich mit Tipps und Neuem aus der Immobilienwelt führen.

Real-Estate WordPress-Theme deCasa

Auch deCasa ist durch die Möglichkeiten in den Theme-Optionen einfach anzupassen und jederzeit veränderbar. Die Daten eines Immobilienobjektes können direkt beim Anlegen des Posts in einer extra Box eingegeben werden. Neben der Beschreibung für das Objekt können eine Fotogalerie, eine Google-Map und ein Kontaktformular in dem Exposée angezeigt werden. Eine Suchleiste lässt den User denkbar einfach durch die Kategorien der verschiedenen Objekte stöbern.

Exposée eines Immobilienobjektes

deCasa kann außerdem von mehreren Immobilienagenten genutzt werden. Die E-Mail des Kontaktformulars auf der Objektseite wird dem Agenten zugesendet, der das Objekt angelegt hat. Der Benutzer hat darüberhinaus die Möglichkeit, sich alle Objekte eines bestimmten Agenten anzeigen oder alle Agenten auflisten zu lassen.

Der Support

Der Support von ThemeShift.com ist ebenso wie alle Themes neben Englisch und Spanisch auf Deutsch. Im Support-Forum können alle Fragen zu den ThemeShift-Themes gestellt und beantwortet werden. Auch die kostenlosen Themes beinhalten diesen Service!

Die Lizenz

Schon lange vor der Veröffentlichung von ThemeShift.com habe ich mich für die Lizenzierung der Themes durch die GPL (GNU General Public License) entschieden. Die GPL ist die Open-Source-Lizenz, unter der auch WordPress selbst veröffentlicht ist und mit der Politik und Philosophie der beliebten Blog-Software einhergeht. Das möchte ich respektieren.

Der Preis

Der Erwerb eines deCasa-Theme-Paketes ist inklusive Support für 39€ (ca. 55$) zu haben. Ich denke, das ist ein fairer Preis, wenn man bedenkt, dass man die Themes so oft man möchte und auch in kommerziellen Kundenprojekten verwenden kann.

Relavante Links

• deCasa - Theme-Information
• deCasa - Theme-Demonstration

Ähnlich der Funktion post_class(), die in WordPress 2.7 hinzugekommen ist, bestimmt die Funktion body_class(), ob man sich gerade in einer Kategorie und wenn in welcher befindet, ob es sich um eine Post-Einzelansicht handelt, ob ein User eingeloggt ist oder auf welcher Seitennummer man sich bewegt und vieles mehr.

body_class() anwenden

Der Einsatz der Funktion ist denkbar einfach. Wir müssen diese lediglich dem Body-Tag hinzufügen, der sich bei den meisten Themes in der header.php befindet:

<body <?php body_class(); ?>>

Möchten wir die Kompatibilität unseres Themes auch auf Installationen unter WordPress 2.8 sichern, müssen wir zunächst abfragen, ob die Funktion überhaupt existiert. Wenn ja, kann diese zum Einsatz kommen:

<body <?php if(function_exists('body_class')) body_class(); ?>>

Haben wir unser Theme auf diese Art erweitert, sind wir auch schon fertig und können uns an die Formatierung mit CSS machen.

Ausgabe von body_class()

Wie schon angeprochen, generiert diese Funktion body_class() eine Reihe von CSS-Klassen, die uns möglichst viele Informationen darüber liefert, wo man sich auf einer Website befindet.

Beispiele:

Wir befinden uns auf der Startseite, die auch gleichzeitig unsere Blog-Startseite ist.

<body class="home blog">

Wir befinden uns auf einer Kategorie-Archivseite der Kategorie ‘Uncategorized’.

<body class="archive category category-uncategorized">

Wie befinden uns auf der Seite mit der ID 2.

<body class="page page-id-2">

Wir befinden uns in der Post-Einzelansicht des Posts mit der ID 11.

<body class="single postid-11">

Wir befinden uns im Autorenarchiv des Autors ‘Admin’.

<body class="archive author author-admin">

Eine komplette Liste der möglichen Klassen hat das Team von WP Engineer zusammengestellt:

• rtl
• home
• blog
• archive
• date
• search
• paged
• attachment
• error404
• single postid-(id)
• attachmentid-(id)
• attachment-(mime-type)
• author
• author-(user_nicename)
• category
• category-(slug)
• tag
• tag-(slug)
• page-parent
• page-child parent-pageid-(id)
• page-template page-template-(template file name)
• search-results
• search-no-results
• logged-in
• paged-(page number)
• single-paged-(page number)
• page-paged-(page number)
• category-paged-(page number)
• tag-paged-(page number)
• date-paged-(page number)
• author-paged-(page number)
• search-paged-(page number)

Formatierung der Body-Klassen in CSS

Im HTML-Gerüst einer jeden Website umschließt der Body-Tag immer alle Elemente unseres Layouts. Vor ihm findet keine Ausgabe im Quelltext für das Frontend statt. Das heißt, dass wir mit verschachtelten CSS-Klassen jedes Element auf unserer Website ansprechen und mit den Body-Klassen formatieren können.

Beispiele:

Wir möchten NUR auf der Startseite eine andere Hintergrundfarbe.

body {
        color: #fff;
}
body.home {
        color: #eee;
}

Wir möchten die Überschriften der Kategorie ‘Uncategorized’ nicht in Schwarz sondern in Rot anzeigen.

h2.post-title {
        color: #101010;
}
body.category-uncategorized h2.post-title {
        color: #ff0000;
}

Ich habe hier jetzt relativ einfache Beispiele gewählt. Die Möglichkeiten, die wir mit der body_class-Funktion bekommen, sind jedoch sehr vielfältig. So können wir mit CSS das Layout beeinflussen und bspw. für eine bestimmte Kategorie den Inhaltsbereich größer darstellen und die Sidebar verschwinden lassen. Oder man kann it der Klasse logged-in einem eingeloggten Benutzer eine andere Formatierung anzeigen lassen als nicht eingeloggten. U.v.m.

Ihr seht, mit etwas Kreativität kann man einen sehr umfangreichen Gebrauch dieser Funktion machen.

Fazit

Diese unscheinbare Funktion body_class() hat es also faustdick hinter den Ohren und macht einen weiteren wichtigen Schritt von WordPress in Richtung vollwertiges CMS. WordPress Theme-Entwickler und -Nutzer haben nun auf einfache Weise weitaus mehr Möglichkeiten, verschiedene Bereiche individuell zu formatieren und gestalten.

Relevante Links

• WP Engineer über die body_class()
• Nathan Rice über die body_class()
• WordPress 2.8 - Was gibt’s Neues?
• Neue Funktion the_author_meta() in WordPress 2.8

Autorinformation

Eine weit verbreitete Praxis bei der Verwendung von WordPress ist das Schreiben mehrerer Autoren an einem Blog. Besonders bei den großen Magazinen, bei denen man - sei es aus Gutherzigkeit oder aus Gründen der Traffic-Maximierung - Gastbeiträge schreiben kann, findet man in jedem Post auch eine kurze Info (Beschreibung, Website etc.) über den Autor.

Diese Autorinformation kann bequem im User-Profil im Backend verwaltet und dann dementsprechend im Theme verwendet werden. Bisher waren dafür viele verschiedene Funktionen verantwortlich, die nun stillgelegt wurden:

the_author_ID, the_author_login, the_author_firstname, the_author_lastname, the_author_nickname, the_author_email, the_author_url, the_author_aim, the_author_yim, the_author_mns, the_author_description (+ alle zugehörigen get_-Funktionen)

Funktion the_author_meta()

Die genannten Funktionen wurden schließlich zu der Funktion the_author_meta() und get_the_author_meta(), bei der man über Parameter die einzelnen Profilfelder ansprechen kann, zusammengefasst.

<p><?php the_author_meta('display_name'); ?>:</p>
<p><?php the_author_meta('description'); ?></p>

Bemerkung:
Dieser Code liefert uns bspw. den Anzeigename gefolgt von der Beschreibung des Autors, die man unter Profil > Persönliche Informationen eingeben und verändern kann.

Mögliche Parameter sind folgende:

• user_login
• user_pass
• user_nicename
• user_email
• user_url
• user_registered
• user_activation_key
• user_status
• display_name
• nickname
• first_name
• last_name
• description
• jabber
• aim
• yim
• user_level
• user_firstname
• user_lastname
• user_description
• rich_editing
• comment_shortcuts
• admin_color
• plugins_per_page
• plugins_last_view
• ID

Informationen eines bestimmten Users

<?php the_author_meta('first_name',23); ?>

Die Funktion the_author_meta() lässt noch einen weiteren Parameter zu. Wir können zusätzlich zum Profilfeld noch eine UserID bestimmen. Der Vorname von User 23 würde wie oben angezeigt angesprochen. Dieser ließe sich in der fortgeschrittenen Theme-Entwicklung natürlich dynamisch ersetzen.

Twitter-Namen ohne Plugin oder Theme-Optionen ausgeben

Für manche Theme-Entwickler ist vielleicht interessant, dass die Anzeige der Profilfelder AIM, Yahoo und Jabber - die ich persönlich noch nie verwendet habe - nun filterbar sind. Wir könnten im User-Profil also statt AIM das Label Twitter anzeigen lassen und so den Twitter-Namen dann mit der Funktion the_author_meta() und dem Parameter für das AIM-Profilfeld im Theme (zweckentfremded) ausgeben.

Die Anzeige (Label) von AIM könnten wir in der functions.php mit einem Filter verändern:

<?php
function aim_twitter() {
    $twitter = 'Twitter Username';
    return $twitter;
}
add_filter('user_aim_label','aim_twitter');
?>

Neben dem Label für AIM können wir noch die Anzeige von Yahoo (user_label_yahoo) und Jabber (user_label_jabber) filtern.

Auf diese Weise können wir im Theme ohne ein Plugin oder Theme-Optionen den Twitter-Namen des Users ausgeben:

<?php the_author_meta('aim'); ?>

Fazit

Die neue Funktion the_author_meta() bringt nicht unbedingt was bahnbrechend neues mit sich, schafft jedoch, meiner Meinung nach, Ordnung und mehr Übersicht.

Relevante Links

• WordPress Codex: Version 2.8
• WordPress Codex: the_author_meta()
• WordPress Codex: User-Profil
• WordPress Trac: Filter für Profilfelder

Portfolio-Theme deGusto

Das dunkle Portfolio-Theme deGusto bietet dem Nutzer die Möglichkeit, seine Arbeit (Fotografie, Webdesign, Grafikdesign u.v.m.) auf eine elegante Art in einem Portfolio zu präsentieren. In den Theme-Einstellungen von deGusto kann außerdem mit ein paar Klicks der Bereich Portfolio von einer Blog-Sektion getrennt werden. So kann man, so wie es heute üblich ist, neben den eigenen Projekten interessante Artikel als Blogbeiträge veröffentlichen.

Portfolio WordPress-Theme deGusto

Das Theme ist durch Theme-Optionen und Einstellungen beim Anlegen oder Bearbeiten eines Artikel leicht und ohne viele WordPress-Kenntnisse zu kontrollieren und den eigenen Bedürfnissen anzupassen. So ist es z. B. ein Kinderspiel, Bilder in deGusto-Posts einzufügen (s. Tutorial auf ThemeShift.com).

Ein weiteres interessantes Feature von deGusto ist der Einsatz von Bild-Overlays. So wird über jedem über das Theme eingefügte Bild ein halbtransparenter Rand angezeigt, der jedem Bild einen netten Lichteffekt verleiht. Optional kann man diese Funktion unterdrücken, sollte dieser Effekt nicht gefallen.

Über den Hauptartikelbildern kann außerdem ein kleines Bändel (engl. Ribbon) mit der Aufschrift photo, web, print oder logo dargestellt werden, was sich hervorragend zur deutlichen Markierung der Arbeiten im Portfolio eignet und echt schmucke aussieht. Dieses Bändel lässt sich mit der enthaltenen PSD-Vorlage leicht anpassen bzw. erweitern.

Togglebare Sidebar-Boxen

Bisherige Käufer haben sich ebenfalls begeistert über die deGusto-Sidebar geäußert. Dort hat der Benutzer die Möglichkeit, die Boxen je nach Bedarf zu schließen (per Toggle-Slide-Effekt). Der Status geöffnet oder geschlossen wird in einem Cookie gespeichert und somit bleibt dieser nach dem Wechsel auf die nächste Seite oder für den nächsten Besuch erhalten.

Eine komplette Liste der Features findet Ihr auf ThemeShift.com.

Der Support

Der Support von ThemeShift.com ist ebenso wie alle Themes neben Englisch und Spanisch auf Deutsch. Im Support-Forum können alle Fragen zu den ThemeShift-Themes gestellt und beantwortet werden. Auch die kostenlosen Themes beinhalten diesen Service!

Die Lizenz

Schon lange vor der Veröffentlichung von ThemeShift.com habe ich mich für die Lizenzierung der Themes durch die GPL (GNU General Public License) entschieden. Die GPL ist die Open-Source-Lizenz, unter der auch WordPress selbst veröffentlicht ist und mit der Politik und Philosophie der beliebten Blog-Software einhergeht. Das möchte ich respektieren.

Der Preis

Der Erwerb eines deGusto-Theme-Paketes ist inklusive Support für 39€ (ca. 55$) zu haben. Ich denke, das ist ein fairer Preis, wenn man bedenkt, dass man die Themes so oft man möchte und auch in kommerziellen Kundenprojekten verwenden kann.

Relavante Links

• deGusto - Theme-Information
• deGusto - Theme-Demonstration
• deGusto - Tutorial: Wie füge ich Artikeln in deGusto Bilder hinzu? (engl.)

Use jQuery - Showcase of sites that use jQuery
18 inspirierende Webdesigns mit jQuery

jQuery Style stellt neben einer Galerie zur Inspiration für den Einsatz von jQuery auch jede Menge Informationen um besagtes Thema. So gibt es Tutorials, Screencasts und eine Kategorie, die die nackten jQuery-Plugins vorstellt.

Für Eure und meine Inspiration habe ich die schönsten Seiten in einer Liste zusammengestellt.

jQuery Style

jQuery Style’s Website

Djafar Inal

Djafar Inal’s Website

Merix Studio

Merix Studio’s Website

Noise Freak

Noise Freak’s Website

Transmissions

Transmissions’ Website

Komodo Media - Blog

Komodo Media’s Website

Tao Effect

Tao Effect’s Website

Postbox

Postbox’s Website

Invoice Machine

Invoice Machine’s Website

Krop

Krop’s Website

Doseido

Doseido’s Website

Alberto Beloni

Alberto Beloni’s Website

Matthias Kretschmann

Matthias Kretschmann’s Website

Rareview

Rareview’s Website

Sid05

Sid05’s Website

We Love Icons

We Love Icons’ Website

PHP CLI Framework

PHP CLI Framework’s Website

Tim Van Damme

Tim Van Damme’s Website

Dragon Interactive

Dragon Interactive’s Website

Nerve Music Store

Nerve Music Store’s Website

Offizieller Release-Post im WordPress Development-Blog
2.8 Release Jazzes Themes and Widgets

Dashboard

Schon bei der Begrüßung nach dem Login in den WP-Admin finden wir in der Übersicht (engl. Dashboard) neben einigen kosmetischen Veränderungen, wie z. B. den Link zum Frontend neben dem Seitentitel als Button, weitere Anpassungemöglichkeiten der Seitenelemente (engl. Screen Options). Dort können wir nun neben dem Aus- und Einblenden der verschiedenen Boxen die Anzahl der Spalten (1 - 4) wählen.

WordPress 2.8 - Dashboard

Themes verwalten

Wer mit WordPress 2.7 arbeitet, wird sicher Bekannschaft mit der neuen Funktion zum Hinzufügen von Plugins aus dem WordPress-Plugin-Verzeichnis gemacht haben. Dort kann man innerhalb des WP-Admins nach Plugins suchen, diese herunterladen und installieren - eine sehr komfortable und zeitsparende Geschichte.

WordPress 2.8 - Themes

Diesen Luxus bekommen die User nun auch für die Themes geboten. So kann man genüsslich die Themes der offiziellen Theme-Repository auf WordPress.org bspw. nach Stichworten durchsuchen, sich ein geeignetes Theme aussuchen und es ohne den Admin zu verlassen installieren und aktivieren.

Diese neue Funktion wird sicherlich auch zur Zurückführung vieler User zum offiziellen Theme-Verzeichnis beitragen. Inzwischen rühmen sich ja viele Seiten, ein Theme-Verzeichnis zu sein. Diese folgen aber nicht immer den offiziellen WordPress-Richtlinien (z. B. GPL - Lizenz). Ich denke, dass WordPress.org wieder etwas an Gewicht gewinnen wird.

Übrigens werde ich, sobald ich es zeitlich auf die Reihe bringe, auch alle webdemar-Themes mal auf den neuesten Stand bringen und wieder in das offizielle Verzeichnis einpflegen. Ich war damals ohne Vorankündigung wegen bezahlter Werbung für nicht-GPL Premium Themes aus dem Index geflogen. Damals wurde sowohl bei Themes als auch bei Plugins ein klarer Einschnitt gemacht und Seiten, die WordPress-Richtlinien nicht entsprechen, nicht weiter unterstützt.

Widgets verwalten

Auch beim Verwalten von Widgets in widget-fähigen WordPress-Themes bekommen wir einiges mehr an Komfort geboten. Themes sind am einfachsten durch Widgets zu personalisieren. In vielen Themes beschränkt sich das längst nicht mehr nur auf die Sidebar. Man kann Widget-Areas mit etwas Kreativität an vielen Stellen eines Themes einsetzen (im Footer, auf der 404-Seite, unter Posts oder sonstwo in den Templates).

Bisher mussten wir, um mehrere Widget-Sidebars zu verwalten, umständlich zwischen denen hin- und herklicken, da immer nur eine angezeigt werden konnte. Außerdem musste man sich dann merken, wo welches Widget abgelegt war. Dem Denk- und Klickfaueln wird nun geholfen.

WordPress 2.8 - Widgets

Man bekommt alle Widgets und Wigdet-Areas eines Themes auf einem Screen zu sehen und kann z. B. ein Text-Widget direkt von Sidebar #1 auf Sidebar #2 ziehen. Nicht verwendete Widgets kann man in einem bestimmten Ablagebereich ziehen, damit sie ihre Einstellungen nicht verlieren. Auf den ersten Blick eine sehr edle Sache.

Theme- & Plugin-Editor

Eine weitere interessante Neuentwicklung ist der Theme- und Plugin-Editor mit CodePress-Syntax-Highlighting. Wer eine schnelle Änderung in einer Theme- oder Plugin-Datei vornehmen möchte und dafür keinen externen FTP-Zugang mit einem externen Text-Editor verwendet, kann dies nun auch optisch unterstützt im internen WordPress-Editor machen.

WordPress 2.8 - Theme- & Plugin-Editor

Fazit

Diese Liste ist nur ein Teil der Features, die in WordPress 2.8 hinzukommen und mir für den allgemeinen Nutzer am interessantesten schienen. Neben den neuen Funktionen über der Haube, bekommt WordPress 2.8 auch allerhand neue Features für Theme- und Plugin-Entwickler, auf die ich hier nicht weiter eingehen werde.

Bleibt aber zu sagen, dass WordPress seinen Weg zu einem vollwertigen CMS weiterhin konsequent fortsetzt und sicherlich die meisten voll und ganz zufriedenstellt.

Relevante Links

• WordPress 2.8 Version « WordPress Codex
• WordPress 2.8 Changelog
• WordPress Download