WordPress-Blogs werden häufig für Social Media-Kampagnen eingesetzt. Doch WordPress bietet keine Funktionen, um die gewonnenen Kontakte weiter zu bearbeiten. Gerade am Anfang der Kontaktanbahnung ist die Zeit aber ein kritischer Erfolgsfaktor. Einfache Kontaktformulare liefern die Daten per E-Mail. Ein Mitarbeiter muss diese Daten dann per Copy & Paste mühsam in das System übertragen. Mit dem WordPress-Plugin von WICE ist das nicht mehr notwendig. Das Kontaktformular wird in WordPress definiert und im Artikel durch die Hinterlegung eines  einfachen Begriffs angezeigt. Nach der Übergabe der Daten aus WordPress an die WICE CRM-Groupware kann der verantwortliche Mitarbeiter den Kontakt sofort bearbeiten. In Kombination mit dem in die CRM-Software integrierten Workflow-Manager können für Erstkontaktanfragen E-Mails hinterlegt und der Vertriebsprozess gestartet werden.

Das WordPress-Plugin von WICE kann auf der WordPress-Seite heruntergeladen werden:

wordpress.org/extend/plugins/wice-contact-for-wordpress/

Weitere Informationen über die WICE CRM-Groupware gibt es unter www.wice.de. WICE bloggt auch regelmäßig über CRM, Marketing und Vertrieb unter blog.wice.de.

Ich bin erst kurz nach 10:00 Uhr in der Prinzessinnenstraße 19-20 angekommen und habe somit nicht lange überlegt, was ich mir als erste Session anhöre bzw. ansehe. Meine Bauchentscheidung war allerdings richtig: Ich habe mich nach der Anmeldung in den Raum 01 im Erdgeschoss begeben. Dort lief schon ein Vortrag vom Mitbegründer des betahauses – ein coworking Bürokonzept – in dem auch das WordCamp, vornehmlich im vierten Stock, stattfand.

Das Konzept ist eigentlich schnell erklärt: Das betahaus bietet Selbständigen, Freiberuflern und kleinen Firmen (bis vier Personen) die Möglichkeit, für einen monatlichen Pauschalpreis oder auch nur einmalig, einen Schreibtisch mit Internetzugang, Drucker und weiteren Annehmlichkeiten zu nutzen.

Im Grunde nichts Neues – man kennt Bürogemeinschaften bereits aus vielen Städten – ich selbst habe auch schon mal einen Raum in einer Bürogemeinschaft gemietet, um dort meiner selbständigen Tätigkeit ungestört bzw. in offiziellen Büroräumen (und nicht zu Hause im Wohnzimmer) nachzugehen.

Aber das betahaus ist anders. Statt eines einzelnen Büros sitzt man in einem offenen Raum mit mehreren Schreibtischen. Offenheit ist das Grundprinzip des betahauses. Die Idee ist, dass man wirklich sieht, was der andere so macht, dass man ins Gespräch kommt, vielleicht sogar Arbeit austauscht und gemeinsam Projekte bearbeitet. Laut des Mitbegründers funktioniert das im betahaus in Berlin schon sehr gut und zwar so gut, dass es seit dem 01. Juli 2010 jetzt auch ein betahaus in Hamburg gibt – neben weiteren in Zürich, Lissabon, zukünftig auch in Köln und weiteren Großstädten in Europa.

Das Besondere am betahaus ist, dass es eine richtige Verwaltung gibt, die einerseits darauf achtet, dass sich jeder wohlfühlt, andererseits aber auch dafür sorgt, dass Gemeinschaften entstehen. So gibt es im betahaus Berlin beispielsweise auch ein Projekt betalab open design city, also ein kleines Labor, in dem man Experimente, derzeit mit einer CNC-Fräse, einem 3D-Laserdrucker und weiteren Utensilien durchführen kann.

Durch das Projekt betalab open design city sind auf diese Weise schon Lampen aus alten Kassetten (haben sicherlich noch viele in einem Schuhkarton auf dem Dachboden oder im Keller) entstanden oder auch andere Gegenstände, um die herum sich mittlerweile sogar ein kleiner Markt inkl. Verkauf bildet (obwohl das gar nicht die Absicht des Projekts ist – aber warum auch nicht?).

Das Projekt betalab open design city erinnert vom Prinzip her ein wenig an das Projekt NIMBY aus den USA. NIMBY steht für Not In My BackYard und ist eine offene Werkstatt, in der jeder, der Lust dazu hat, unglaubliche Maschinen, bspw. für das Burning Man Festival, zusammenschustern kann.

Das Schöne am betahaus ist, dass man es nutzen kann, aber nicht muss. Im Gegensatz zum klassischen gewerblichen Mietvertrag, gibt es keine Laufzeiten, wer also keine Lust mehr auf coworking hat oder vielleicht doch mehr Platz für mehr Leute braucht, kommt einfach nicht mehr und zahlt somit auch nicht (je nach Preis-Tarif).

Für Essen und Getränke ist übrigens auch gesorgt – und gar nicht so schlecht: nachdem der frühere Student, der sich um die Küche gekümmert hat, bzw. Suppen angeboten hat, keine Zeit mehr hatte, hat sich ein 2-Michelin-Sterne-Koch gefunden, der die Idee des betahauses so gut fand, dass er dort nun regelmäßig leckere Speisen für schlappe 7,50 EUR kredenzt.

Jetzt habe ich viel über das betahaus berichtet und nicht einmal WordPress erwähnt, obwohl dort ja das WordCamp stattfand: Das hat einen guten Grund, denn im Vergleich zu den WordCamps 2008 (Hamburg) und 2009 (Jena), war das WordCamp 2010 in Berlin für mich vom Thema WordPress her ein Reinfall. Die Vorträge waren allesamt unspannend, abgesehen von einem, der sich mit dem Thema Screen-Casting (mithilfe von Camtasia Studio) beschäftigt hat, in dem das Wort WordPress gefühlt auch nur dreimal vorkam (O-Ton: “Ja, man kann das Video, dann auch auf WordPress veröffentlichen.”).

Aber es gab dann doch einen zweiten guten Grund, auf dem WordCamp gewesen zu sein – das lässt sich auch sehr schnell zusammenfassen:

Deutschland: 4, Argentinien: 0 – Danke. BITTE!

Vorab: WordPress Magazin läuft bereits auf der aktuellen Version 3.0. Das Upgrade war, wie bei WordPress üblich, denkbar einfach. Über den Versionshinweis im Administrationbereich kann der Upgrade-Bereich aufgerufen werden. Wenn keine regelmäßigen Backups der Datenbank gemacht werden, ist vor dem Upgrade ein guter Zeitpunkt, dies zu tun.

Dann einfach die Schaltfläche “Automatisch aktualisieren 3.0_de” verwenden und der Rest passiert von alleine. Diese Funktion setzt voraus, dass der Webhoster den Zugriff über FTP auf den Download-Server von WordPress erlaubt. Nach dem Upgrade erscheint eine Meldung, dass die Aktualisierung erfolgt ist. Eine Aktualisierung des Browser-Fensters zeigt dann auch WordPress 3.0 in etwas neuem Glanz.

Auf den ersten Blick hat sich eigentlich nicht viel geändert – die Änderungen stecken im Detail:

WordPress 3.0 = WordPress MU

Die wohl umfangreichste Änderung ist die, dass WordPress MU (die Multisite-Variante von WordPress) jetzt standardmäßig in WordPress 3.0 integriert ist. Die Funktion kann in der Datei wp-config.php aktiviert werden. An einer beliebigen Stelle muss die Zeile

define('WP_ALLOW_MULTISITE', true);

ergänzt werden. Nach einem erneuten Login taucht dann im Admin-Bereich der Menüpunkt “Blog-Netzwerk” auf, über den weitere Einstellungen vorgenommen werden müssen. Infos zu WordPress MU finden sich im Blog von WordPress Deutschland.

Neues Standardtheme: Twenty Ten + individuelle Menüs

Kubrick hat ausgedient und WordPress 3.0  erscheint nun standardmäßig in gecleanter und moderner Optik:

Das Besondere: Twenty Ten nutzt bereits die neue Funktion von WordPress 3.0, das Naviagtionsmenü per Drag’n'Drop zu gestalten. Ähnlich wie bei den Widgets kann so eine beliebige Reihenfolge der Artikel, Seiten, Kategorien, Tags und Links erstellt werden. Ein großer Schritt in Sachen Themes, gerade für diejenigen, die eine individuelle Gestaltung bzw. Anordnung wünschen, aber keine Programmierkenntnisse haben.

Hilfe, Hilfe, Hilfe!

Das Hilfemenü, welches im Administrations-Bereich oben rechts aufgeklappt werden kann, wurde komplett überarbeitet und auf die jeweiligen Bereiche angepasst. Es passt sich nun automatisch dem angezeigten Inhalt an und wird somit noch nutzerfreundlicher.

Nie wieder ‘admin’

Im Grunde ist der Name ‘admin’ ein Sicherheitsmanko, aber bis WordPress 3.0 gab es bei der Neu-Installation keine Möglichkeit, den Namen bzw. Login des Administrators zu ändern. Somit konnten Hacker immer davon ausgehen, dass der Benutzername ‘admin’ und das daztu passende Passwort  den Vollzugriff auf die WordPress-Installation gewährt. Mit WordPress 3.0 kann bei der Installation ein beliebiger Login-Name für den Administrator vergeben werden, was die Sicherheit zusätzlich erhöht.

Kurze Wege

Mit WordPress 3.0 haben auch Shortlinks in das Blog-System Einzug erhalten. Dieser Eintrag ist zwar für den Nutzer unsichtbar, taucht aber im Quelltext im head-Bereich auf. Weitere Informationen zur Aktivierung und Nutzung der Shortlinks finden sich bei WordPress Deutschland.

Eigene Beitragstypen und -taxonomien

WordPress ist ein weit verbreitetes Blog-System, oft trifft man es aber auch als Content-Management-System an. Entwickler, die WordPress als CMS verwenden möchten, werden “Custom Post Types” und “Custom Taxonomies” lieben. Mit WordPress 3.0 ist es möglich eigene Beitragstypen als Template anzulegen und diese dann zu verwenden. Somit kann man bspw. in Zukunft nicht mehr nur “Artikel” anlegen, sondern erhält auch den Eintrag “Neues Produkt” (als Beispiel), wenn das Theme entsprechend angepasst ist. Durch die frei definierbaren Taxonomien können über Tags und Kategorien hinaus weitere Verknüpfungsmöglichkeiten genutzt werden. Durch die Multinutzer-Fähigkeit von WordPress kann diese Funktion auch nur bestimmten Benutzern zugewiesen werden. Somit kann WordPress auch von mehreren Benutzern mit unterschiedlichen Rechten und unterschiedlichen Möglichkeiten in der Artikel-Gestaltung verwendet werden.

Neue Optik auch im Backend

Wie schon eingangs kurz erwähnt, gibt es auch ein neues Farbsystem für den Backend-Bereich. Man muss allerdings schon zweimal hinsehen, um Unterschiede festzustellen. Das neue Farbsystem soll “leichter” sein und somit den Fokus mehr auf die Inhalte lenken.

Fazit

Alles in allem hat sich bei WordPress 3.0 also einiges getan. Neben den genannten neuen Features gab es natürlich noch einen Haufen weiterer Verbesserungen und Bugfixes. Die meisten Änderungen beim Versionssprung 2.9 zu 3.0 fanden im Bereich Themes und Theme-Entwicklung statt. Viele Erweiterungen waren auch für die Intergration von WordPress MU notwendig. Vor allem Web-Entwickler werden sich an der neuen Version erfreuen können, da ihnen mehr Möglichkeit der individuellen Gestaltung und Anpassung an die Hand gegeben werden.

Nachdem ich hier schon ein paar seriöse Themes vorgestellt habe (für manche auch unseriös), die man für den eigenen Webauftritt bzw. geschäftlich genutzten Blog verwenden kann, liegt es nun nahe, dass man mit WordPress nicht nur den Kontakt nach außen herstellt, sondern die Kommunikation bilateral gestaltet: Dabei bietet Salesforce.com als zusätzliche “Software” (es ist eigentlich gar keine extra Software) die Möglichkeit, das Kundenmanagement zu übernehmen.

Nun wäre es ja sehr praktisch, wenn bspw. das Kontaktformular des Webauftritts (WordPress) gleich mit dem Salesforce-Account verknüpft ist, damit Kundenanfragen dort direkt erfasst und weiterverarbeitet werden können. Salesforce ermöglicht dies durch ein Plugin namens WordPress-to-lead for Salesforce CRM.

Die Installation ist denkbar einfach: Plugin herunterladen, entpacken und hochladen oder direkt über den WordPress Administrationsbereich (Plugins -> Installieren) aktivieren. Danach erscheint eine Meldung, dass im Einstellungsbereich noch die Organisation ID aus Salesforce.com angegeben werden muss (diese befindet sich im Salesforce Account unter Administration Setup / Company Information). Neben der ID müssen noch weitere Informationen angegeben werden. Beispielsweise ein Text für die Antwort-Mail auf Kundenanfragen (“Vielen Dank für Ihre Anfrage – wir werden diese umgehend bearbeiten.” o.ä.) und auch Umfang und Inhalt der Formular-Felder für das Kontakt-Formular, das dann auf einer Seite oder einem Artikel mit dem Platzhalter “[salesforce]” eingebunden wird.

Im Grunde war es das auch schon. Wenn bereits eine Kontakt-Seite besteht, sollte diese natürlich entsprechend angepasst werden, damit nicht zwei oder mehr Anfrage-Möglichkeiten bestehen, die den Kunden verwirren könnten. Salesforce.com bietet dann alles weitere, um mit dem Kunden in Kontakt treten zu können. Die im Formular angegeben Daten werden direkt in den Salesforce-Account übertragen. Lästiges Copy & Paste (Übertragen der Anfrage-Daten etc.) entfällt – man spart viel Zeit und schont die Nerven.

Durch die riesige Nutzerzahl bei Facebook erreicht man somit zwei Vorteile: Einerseits macht man seine eigenen Artikel bei Facebook bekannt, wenn Besucher die Artikel in ihrem Newsfeed an Abonennten weiterleiten, andererseits bekommt man somit neue Besucher von Facebook.

Die Integration in WordPress ist wieder mal denkbar einfach – hier sollen zwei Möglichkeiten vorgestellt werden.

Option 1: Theme-Anpassung

Die von mir bevorzugte Methode ist die Theme-Anpassung. Man benötigt zwar ein wenig PHP- und HTML-Kenntnisse, aber am Ende spart man sich zusätzliche Einträge in der Datenbank und ist auch auf der sicheren Seite, wenn mal ein WordPress Core-Update ansteht. Themes bzw. Theme-Anpassungen sind in der Regel Update-kompatibel.

Facebook stellt ein iframe-Snipplet zur Verfügung, welches einfach innerhalb des post-Loops in der single.php integriert werden kann:

<iframe src="http://www.facebook.com/plugins/like.php?href=
<?php the_permalink() ?>&layout=standard&show_faces=true&width=450
&action=like&colorscheme=light" scrolling="no" frameborder="0"
allowTransparency="true" style="border:none; overflow:hidden;
width:530px; height:60px"></iframe>

Die Like-Funktion von Facebook nimmt eine gewisse Breite in Anspruch, da auch weitere Informationen von Facebook angezeigt werden können (s.u.). Daher sollte man – je nach Theme – die ganze Breite des Beitrags einplanen.

Der Parameter “layout” kann zwei Zustände annehmen: standard und button_count – letzteres gibt nur die Anzahl der “Likes” im US-Format aus. Die erste Variante gibt den Satz “1,234 Personen gefällt das.” aus.

Mit der “show_faces” Einstellung “true” werden die Profilbilder der Facebook-Nutzer angezeigt. “false” gibt in diesem Fall keine Profilbilder aus.

Durch “width” kann die Ausgabebreite beeinflusst werden – die Angabe ist in Pixel. 450 Pixel ist nach meinen Tests aber mindestens erforderlich. Das hängt ein wenig von der Länge des Facebook Nutzernamens ab – hier sollte man also eher mehr als weniger Pixel angeben.

Der Schalter “action” und die Einstellung “like” ist nur kosmetischer Natur: “like” gibt das Wort “Like” aus und “recommend” das Wort “Recommend” – übersetzt auf deutsch also “Gefällt mir” und “Empfehle ich”.

Facebook stellt auch zwei Farbschemata über “colorscheme” zur Verfügung: “light” ist das bekannte Facebook-blau und “dark” ein dunkles grau als Hitergrundfarbe für den Button.

Oben nicht angegeben ist noch die Möglichkeit, die Schriftart der Testausgaben zu beeinflussen. Dafür wird der Parameter “font” verwendet. Folgende Schriftarten stehen zur Verfügung:

• arial (arial)
• lucida grande (lucida%20grande)
• segoe ui (segoe%20ui)
• tahoma (tahoma)
• trebuchet ms (trebuchet%20ms)
• verdana (verdana)

Man reiht also den Paramter “font” mit ein und gibt dann die in Klammern angegebene Schriftart an (…&font=trebuchet%20ms&…). Übrigens sollten die kaufmännischen und-Symbole HTML-kodiert angegeben werden, wenn W3C-valider Code eingehalten werden soll (& -> &).

Die restlichen Angaben steuern den iframe selbst. Auch hier finden sich nochmal Größenangaben unter “width” und “height”, die bei der Integration angepasst werden können.

Mit diesem Facebook-Like-Button-Code-Generator kann man die obigen Einstellungen übrigens ganz komfortabel durchführen.

Option 2: Ein Plugin verwenden

Wer keine Lust auf HTML und PHP hat, der kann natürlich eines der vielen Plugins aus der reichhaltigen WordPress-Plugin-Datenbank verwenden.

Ich möchte hier drei Facebook-Like-Button Plugins vorstellen, die sich ohne Probleme installieren ließen:

• Like – dieses Plugin ist mehrsprachig aufgebaut und verfügt über viele Optionen im Bereich “Einstellungen”. Man kann die Button-Ausgabe vor oder nach dem Beitragstext erfolgen lassen oder auch an anderen Stellen im Blog.
• Facebook Like Button – vom Aufbau her sehr ähnlich wie das vorhergehende Plugin “Like”, aber mit einer etwas übersichtlicheren Einstellungsmaske.
• Facebook Social Plugins – dieses Plugin ist etwas umfangreicher, da es neben dem “Like” Button auch verschiedene Widgets bereitstellt: Man kann seine eigene Facebook Aktivität in der Sidebar auflisten oder eben auch den persönlichen Geschmack durch eine Auflistung der Facebook-Einträge die einem selbst gefallen (Like) oder die man empfiehlt (Recommend).

Wer noch weitere Optionen vorstellen möchte, wie man einen Facebook Like Button in WordPress integriert, kann das gerne in Form eines Kommentars mitteilen.

Seit WordPress 2.9 gibt es hier Abhilfe, die man über die functions.php Datei eines Themes nutzen kann:

Änderung der Zeichenlänge des Auszugs:

function new_excerpt_length($length) {
	return 20;
}
add_filter('excerpt_length', 'new_excerpt_length');

Dabei steht die 20 für die Anzahl der Zeichen. Die Funktion sorgt schon automatisch dafür, dass ganze Wörter nicht getrennt werden.

Änderung des Trennzeichens “[...]“:

function new_excerpt_more($more) {
	return '[.....]';
}
add_filter('excerpt_more', 'new_excerpt_more');

Im Grunde wieder dasgleiche wie bei der Zeichenlänge: Im obigen Fall wird “[.....]” ausgegeben. Wenn man beispielsweise nur drei Punkte haben möchte, gibt man zwischen den Hochkommata einfach … an.

Wichtig: Die oben genannten Funktionen stehen erst ab WordPress Version 2.9 und neuer zur Verfügung. Der Einbau über die functions.php sorgt dafür, dass man keine weiteren Plugins benötigt, außerdem übersteht die Anpassung so auch jedes WordPress-Upgrade. Falls das Theme geändert wird, muss diese Anpassung natürlich wieder erneut in der functions.php im Theme-Ordner vorgenommen werden.

Nachtrag: Hier noch der functions.php-Code, um zusätzlich zum Trennzeichen auch noch einen mehr-Link erscheinen zu lassen:

function new_excerpt_more($more) {
 return '... <a href="' . get_permalink($post->ID) . '">mehr</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

Statt “mehr” kann man natürlich auch ein beliebiges anderes Wort verwenden.

Blogs sind dabei eine gute Anlaufstelle, da Blogger oft aus eigener Erfahrung über Produkte informieren und so eine Hilfe bei der Kaufentscheidung sein können. Oft werden Blogs als Suchergebnis ausgespuckt und es ist im speziellen Fall “Zugriff über einen Smartphone-Browser” wichtig, dass die Informationen auch auf einem kleinen Bildschirm und vor allem mit einer nicht ganz so schnellen Internetverbindung gut und auf das Wesentliche reduziert dargestellt werden.

Für WordPress gibt es ein spezielles Plugin, welches Blogs, unabhängig vom installierten bildschirmoptimierten Theme, für Smartphone-Browser optimiert. Im Vordergrund stehen dabei die Browser von Touchscreen-Smartphones, wie dem Apple iPhone bzw. iPod, Android-basierte Smartphones, BlackBerrys und WebOS-basierte Smartphones (Palm Pre).

WPtouch von BraveNewCode Inc. ist, wie der Name schon sagt, speziell für Smartphones mit Touchscreen entwickelt worden. Im Gegensatz zu normalen WordPress-Themes wird es als Plugin installiert. Denn neben dem Theme werden noch weitere Funktionen, wie Administrationsoberfläche, Drop-Down-Menü (für Kategorien), Suchfunktion, Social Networking-Links, Kommentar-Anpassungen und vieles weitere angeboten. Das Plugin greift dabei auf AJAX zurück und bereitet den Inhalt des Blogs komplett optimiert für Smartphones auf. Die Installation ist WordPress-gewohnt simpel: Nach dem Download die ZIP-Datei entpacken und den gesamten Ordner “wptouch” in das Plugin-Verzeichnis der WordPress-Installation hochladen. Danach das Plugin aktivieren – sämtliche Anpassungen können unter Einstellungen > WPtouch vorgenommen werden.

Im Admin-Bereich des Plugins können viele Einstellungen getroffen werden, wie der Inhalt aufbereitet werden soll: Beispielsweise können zusätzliche Informationen pro Artikel, wie die Kategoie des Artikels, die Tags oder der Autor an- und abgeschaltet werden. Eine sehr wichtige Funktion ist die Möglichkeit, Kategorien ausschließen zu können. Dadurch werden nur bestimmte Kategorien (bspw. nur die mit Produktbewertungen) auf der Startseite dargestellt und der Nutzer wird schneller zum Ziel geführt. Außerdem kann das Plugin automatisch ein Vorschaubild auf der Übersichtsseite darstellen – gerade bei der Produktsuche ein hilfreiches Feature, wenn man im Laden vor dem Produkt steht und es nur noch mit dem Bild auf dem Smartphone vergleichen muss.

Das Plugin ist kostenlos und kann über die Website von BraveNewCode heruntergeladen werden. Es kann noch mit weiteren Funktionen und Plugins erweitert werden (Links im Admin-Bereich) – out-of-the-box ist es aber schon voll einsatzfähig und erfüllt seinen Zweck.

Screenshots: www.smartphonebox.de

Normalerweise sieht Smartphone Box unter Verwendung von Google’s Chrome Browser so aus:

Auf meinem HTC Hero mit Android 1.6 und dem Android Native Browser ergibt sich aber folgendes Bild, wenn WPtouch installiert und aktiviert ist:

Screenshot: Startseite

Screenshot: Artikel-Seite

Screenshot: Hauptnavigation

Screenshot: Kategorien/ Menü

Nachdem es Tausende von Themes für WordPress gibt, ist es gar nicht so leicht, eines zu finden, welches seriös aussieht und für die Anwendung im Unternehmensbereich geeignet ist. Die folgenden 11 Themes sind sowohl seriös als auch kostenlos – ein weiterer Vorteil, den WordPress mit sich bringt.

Zugegeben, viele WordPress Themes sind auf die englische Sprache optimiert und müssen für deutschsprachige Unternehmen noch angepasst werden. Wer sich aber mit den Template-Dateien ein wenig auskennt, bekommt das relativ einfach hin – ansonsten einfach hier nachfragen!

Wu Wei

Das erste Theme heißt “Wu Wei”. Es ist ein sehr einfaches, fast minimalistisches Theme. Es kommt ganz darauf an, ob man Bilder bzw. Vorschaubilder in den Artikeln und Übersichten einsetzt. Das gilt generell für alle Themes, die sich in diesem Beitrag befinden: Fotos oder bunte Grafiken werten Themes in der Regel ungemein auf. Daher habe ich mir die Mühe gemacht, die Themes vorher zu installieren und mit einem Demo-Eintrag zu aktivieren, um Screenshots im “out-of-the-box” Status zeigen zu können. Dies vermittelt meiner Meinung nach einen besseren Eindruck des Themes, da die Entwickler der Themes oft professionelle Grafiken oder Fotos einbauen, die ein falsches Bild erzeugen könnten.

Wu Wei: Theme-Website | Download

Wu Wei gibt es auch in einer invertierten Version. Dabei ist die Hintergrundfarbe ein dunkles grau und die Überschriften und Texte sind weiß. Das Farbschema kann im Einstellungsbereich des Themes umgestellt werden.

Documentation

Das Theme Documentation von Frank Bültge ist ebenfalls ein sehr schlichtes Theme, was komplett ohne Grafiken auskommt. Natürlich können auch bei diesem Theme Bilder in die Artikel integriert werden – ohne wirkt es aber auch sehr gut. Gerade Blogger oder Unternehmen, die lange Artikel mit mehreren Absätzen schreiben möchten, sind mit diesem Theme gut beraten. Nichts lenkt vom Inhalt ab, der Text steht immer im Fokus. Das Theme skaliert automatisch auf die gesamte Browser-Breite – wieder ein Vorteil für Artikel mit viel Text. Die Template-Dateien sind auf das Wesentliche reduziert. Die in der ZIP-Datei mitgelieferten Plugins können optional verwendet werden. Für den Betrieb des Themes sind sie nicht notwendig.

Documentation: Theme-Website | Download

Meta-Morphosis

Meta-Morphosis ist aus der Profi-Theme-Schmiede WooThemes. Es ist ebenfalls ein kostenloses Theme, bringt aber dennoch einen professionell aufbereiten Administrationsbereich mit sich, welcher auf dem Woo-Theme-Framework basiert. Damit lassen sich viele Einstellungen bequem und einfach erledigen. Die Überschriften werden übrigens mit der Cufon Javascript-Technik erstellt und sehen somit auch besser als einfacher Text aus. Die Funktion generiert automatisch auch eine für Suchmaschinen lesbare Version der Überschrift. SEOs müssen sich also keine Sorgen machen, dass die Überschrift nicht suchmaschinenfreundlich sein könnten.

Meta-Morphosis: Theme-Website | Download

Whitespace

Das Theme Whitespace von Brian Gardner ist ebenfalls sehr schlicht und bietet so eine gute Grundlage für einen Unternehmensblog. Leider ist es direkt bei Brian Garnder nicht mehr verfügbar, kann aber über eine Google Project Site noch heruntergeladen werden. Mit der zur Zeit aktuellen Version von WordPress (2.9.2) funktioniert es immer noch einwandfrei.

Whitespace: Theme-Website | Download

Several3

Das Theme Several3 ist ebenfalls gut für eine Unternehmens-Webseite geeignet. Aufgrund der Schlichheit findet man sich schnell zurecht und kommt gut zum Ziel. Dafür sorgt auch die rot hinterlegte Feature-Box, die die letzten Artikel und Kommentare auflistet und eine Suchbox integriert hat. Außerdem kann dort schnell der RSS-Feed, sowohl für Artikel als auch Kommentare, abonniert werden.

Several3: Theme-Website | Download

Brown Bound

Mit dem Theme Brown Bound kommt ein wenig Farbe in diese kleine Sammlung. Das Theme ist dennoch dezent und eignet sich gut für eine Unternehmenswebseite. Es ist in drei Spalten aufgeteilt, wobei die rechten beiden zusammen eine umfangreiche Sidebar mit allen notwendigen Funktionen ergeben. Die Überschriften und Meta-Angaben werden zudem mit kleinen Icons aufgewertet.

Brown Bound: Theme-Website | Download

The Morning After

Gerade Unternehmensblogs sind mit dem Theme The Morning After gut bedient. Es ist übersichtlich aufgeteilt und nach bewährten benutzerfreundlichen Vorgaben aufgebaut. Es ist in drei Spalten aufgeteilt, wobei sich die Sidebar auch in zwei Spalten auftrennt. Das Theme bietet die Möglichkeit eines “Featured Posts”, also einen Bereich auf der Startseite für einen Artikel, der permament angezeigt werden soll. Hier können wichtige Infos zum Unternehmen untergebracht werden.

The Morning After: Theme-Website | Download

D’Sanctuary

Dieses Theme mit dem Namen d’Sanctuary ist ebenfalls schlicht, wirkt dadurch aber auch sehr seriös. Für die Artikel wird viel Platz geboten. Die Sidebar ist durch einen grauen Hintergrund gut abgesetzt und mit runden Ecken ausgestattet  – dies wirkt sich ebenfalls positiv auf den professionellen Gesamteindruck des Themes aus. Zentral im Kopfbereich findet sich auch eine Suchbox.

d’Sanctuary: Theme-Website | Download

DesignMagz

Es steckt schon im Namen: DesignMagz ist ein Theme im Magazin-Stil. Das bedeutet in erster Linie, dass auf der Startseite permanent Artikel untergebracht werden können. Außerdem gibt es die Möglichkeit, ein großflächiges Bild auf der Startseite unterzubringe. Die Aufmachen der Texte erinnert ein wenig an ein Magazin – schmale Textspalten und Überschriften mit Serifen. Das Theme unterstützt Widgets, die im Administrationsbereich per Drag’n'Drop eingerichtet werden können.

DesignMagz: Theme-Website | Download

Aperio

Das Theme Aperio ist etwas außergewöhnlich und nicht unbedingt für eine Unternehmenswebsite geeignet. Im Grunde hängt es davon ab, was man auf der Webseite darstellen möchte. Das Theme sieht im Screenshot etwas trostlos aus, da es von Bildern lebt – dies wird auch hinter dem Link “Theme-Website” deutlich. Die Bilder haben einen entscheidenden Einfluss auf das Layout des Themes. Für eine Galerie oder einen Fotografen wäre dieses Theme also vielleicht die richtige Wahl.

Aperio: Theme-Website | Download

City Dreams

Auch das Theme City Dreams tanzt etwas aus der Reihe der seriösen Business-Themes. Es basiert auf einem bildschirmfüllenden Hintergrundbild. Dieses kann natürlich auch ausgetauscht werden, wenn man ein anderes Foto bevorzugt. Der Inhalt selbst ist wiederum sehr schlicht und einfach aufgebaut. Das Theme unterstützt Widgets und auf der Startseite wird ebenfalls ein Featured Article, also ein feststehender Artikel dargestellt.

City Dreams: Theme-Website | Download

Wie immer sind Kommentare und Ergänzungen zu diesem Beitrag sehr willkommen. Vielleicht hat der ein oder andere auch noch einen weiteren Business-Theme-Tipp?

Das Buch “Das Einsteigerseminar – WordPress” von Vladimir Simovic schafft hier Abhilfe. Einsteigerseminar klingt sehr nach Basics – das Buch bietet aber auch Bloggern, die schon länger WordPress einsetzen, das ein oder andere Neue. Vladimir ist in der WordPress-Szene übrigens besser unter seinem Pseudonym perun bekannt. Er bloggt auch viel über WordPress auf perun.net.

Um es gleich vorwegzunehmen – dieser Artikel hier entstand nicht in Absprache mit Vladimir oder gar gegen Bezahlung – ich finde einfach, dass auf wordpress-magazin.de auch mal wieder ein gutes Buch über die beste Blog-Software der Welt vorgestellt werden sollte. Außerdem kann man so mal wieder einen Blick über den Tellerrand (der mittlerweile Dashboard heißt :-) ) werfen und sich wieder auf das Wesentliche – das Bloggen – konzentrieren.

Wie schon erwähnt, richtet sich das Buch eigentlich an Einsteiger. Gerade wer bisher noch nichts mit Content Management, Redaktion oder Bloggen zu tun hatte, findet in diesem Buch viele nützliche Tipps und einen guten Einstieg in die Welt von WordPress. Vladimir zeigt alle Facetten der Software auf und bringt sie einem anhand eines Beispiels Schritt für Schritt näher.

Viele Themen, die auch schon auf wordpress-magazin.de behandelt wurden, sind im Buch ausführlich erklärt. Es findet sich auch was für fortgeschrittene Nutzer, die vielleicht das Standard-Design oder die Standard-Themen von WordPress satt haben und sich ihr eigenes Theme erstellen möchte. Ein eigenes Kapitel widmet sich dem Thema Themes – man lernt unter anderem auch, wie man ein komplett eigenes Layout für WordPress erstellt und einsetzen kann.

Alle, die jetzt auf den Geschmack gekommen sind, können das Buch “Das Einsteigerseminar WordPress” über perun.net online bestellen.

Daher habe ich mich mal auf die Suche nach einem Plugin gemacht, was dieses “Problem” wieder für mich löst – es gibt sicherlich auch einen workaround, der auch ohne Plugin zurechtkommt, aber an die core-Dateien will ich nicht ran und über die .htaccess-Datei sind meine Versuche alle gescheitert (bzw. führten zu einem ungewünschten Nebeneffekt).

Nachdem ich mit diesem Problem aber nicht allein bin, hat sich die Suche auch irgendwann als erfolgreich gezeigt: Das Plugin, welches auch noch mit der aktuellen Version zurechkommt, heißt “WP No Category Base” und kann über die Plugin-Datenbank bzw. direkt im Admin-Bereich installiert werden.

Man kann dieses Plugin auch einsetzen, wenn Google und andere Suchmaschinen die Seite schon mit /category/ in der Verzeichnisstruktur indexiert hat, denn es wird automatisch ein 301-Redirect von der alten Struktur auf die neue – ohne /category/ – gesetzt. Somit lernen auch Suchmaschinen schnell, dass es eine neue Struktur gibt und aktualisieren diese auch im Index, ohne dass die alten Links verloren gehen.

Beispielsweise kann man bei Themes, die Widgets unterstützen, das “hauseigene” Widget RSS benutzen. Damit lassen sich sehr einfach in der Sidebar RSS-Feeds oder Atom-Feeds ausgeben. Neben der RSS-Feed-URL kann man noch einen Titel angeben, der dann über den Feed-Links erscheint:

In WordPress vorab eingebautes RSS Widget für die Sidebar

Im obigen Beispiel habe ich mir dafür einen RSS-Feed bei der Twitter-Suche zusammengestellt. Man kann auf der Ergebnisseite bei Twitter die Sprache konfigurieren und diese Ergebnisseite dann als RSS-Feed-URL unter dem Link “Feed for this query” abspeichern (bzw. die Link-Adresse kopieren). Diese wird dann im RSS-Widget eingetragen, mit einem Titel versehen und gespeichert. Ab sofort taucht dann in der Sidebar (bzw. an der Stelle, an der das Widget integriert wurde) die Feed-Link-Liste auf.

RSS Feeds über SimplePie

Eine etwas komplexere aber dafür auch umfangreichere Möglichkeit, RSS-Feeds einzubinden, ist das Plugin SimplePie für WordPress. Genaugenommen werden dabei zwei Plugins benötigt, die beide auch über die Plugin-Datenbank von wordpress.org installiert werden können: SimplePie Core und SimplePie Plugin for WordPress.

Für das SimplePie Plugin muss nach der Aktivierung noch ein Ordner “cache” unter /wp-content/ angelegt (am besten über einen FTP-Client) und mit Schreibrechten (CHMOD 0777) versehen werden.

Das SimplePie Plugin ermöglicht es, RSS-Feeds auch auf Seiten oder innerhalb von Artikeln auszugeben, indem man PHP-Code mit den notwendigen Daten einbindet (dafür ist dann auch das Plugin Exec-PHP notwendig, welches das Verwenden und Ausführen von PHP-Code innerhalb von Artikeln und Seiten erlaubt*).

Ich habe beispielsweise einen Smartphone-Bestseller RSS-Feed von Amazon auf smartphonebox.de eingebaut – und das geht so:

Im Verzeichnis des SimplePie-Plugins gibt es einen Ordner “templates”. Dort kann man eigene Template-Dateien hinterlegen, die die Ausgabe des RSS-Feeds auf der WordPress-Seite festlegen. Für den Amazon-RSS-Feed habe ich folgendes Template angelegt und als “smartphonebox.tmpl” abgespeichert:

<div class="simplepie">
{IF_ERROR_BEGIN}<p>{ERROR_MESSAGE}</p>{IF_ERROR_END}
{ITEM_LOOP_BEGIN}
<p>{ITEM_DESCRIPTION}<hr style="clear:both;" /></p>
{ITEM_LOOP_END}
</div>

Dadurch wird ein Fehler ausgegeben, wenn bei der Verarbeitung des Feeds etwas nicht stimmt bzw. wird einfach der Inhalt des RSS-Feeds (item description) mit Absatz-Tags und einer Horizontalen Linie ausgegeben.

Die dazugehörige Seite, die ich in WordPress angelegt habe, hat diesen Inhalt:

<?php
echo SimplePieWP('http://www.amazon.de/rss/bestsellers/ce-de/569838/ref=pd_ts_rss_link',
array( 'items' => 10,
'strip_attributes' => false,
'strip_html_tags' => false,
'processing' => strip_rangordnung,
'enable_order_by_date' => false,
'template' => smartphonebox,
));
?>

Ich habe noch einige Parameter angegeben, die die Ausgabe bzw. vor allem die Verarbeitung der RSS-Datei von Amazon beeinflussen: ‘strip_attributes’ und ‘strip_html_tags’ => false sorgen dafür, dass sämtliche Attribute, also Klassen-Bezeichnungen und HTML-Kennzeichnungen erhalten bleiben.

Mit ‘processing’ kann man den RSS-Feed nach dem Einlesen und vor der Ausgabe auf der Seite bearbeiten. In diesem Fall schneide ich einen Teil aus dem RSS-Feed von Amazon heraus. Das passiert über die PHP-Datei “strip_rangordnung.php”, die ich im Ordner “processing”, ebenfalls innerhalb des SimplePie-Plugin-Verzeichnisses, hinterlegt habe. Diese sieht so aus:

<?php
class SimplePie_PostProcess    {
function item_description($s)
{
return preg_replace('/<br \/><br \/>\(Die Rangordnung[^\)]+\)/', '', $s);
}
}
?>

In diesem Fall wird das RSS-item “description” nach der Zeichenfolge “<br /><br />(Die Rangordnung” (und so weiter) durchsucht und gelöscht. Bei den Amazon-Feeds steht nämlich hinter jedem item der Satz “(Die Rangordnung wird stündlich aktualisiert. In der [...]-Liste finden Sie maßgebliche Informationen über die aktuelle Rangposition dieses Produkts.)”, was ich nicht x-mal wiederholt auf meiner Seite stehen haben möchte.

Danach gebe ich noch über ‘enable_order_by_date’ => false an, dass die Reihenfolge aus dem RSS-Feed einfach übernommen werden soll und keine Sortierung nach Datum erfolgt. Außerdem gebe ich mit dem Parameter “template” an, dass mein selbsterstelltes Template “smartphonebox” verwendet werden soll.

Man kann diese ganzen Parameter auch größtenteils unter den Plugin-Einstellungen von SimplePie for WordPress vornehmen. Bei meiner Vorgehensweise kann ich aber theoretisch mehrere unterschiedlich formatierte RSS-Feeds einbinden und muss mich nicht auf ein Format festlegen.

Nach dem Abspeichern der Seite (Titel nicht vergessen!) hat man es auch schon geschafft. SimplePie liest beim Aufruf der Seite automatisch den RSS-Feed von Amazon ein und gibt den Inhalt auf der Seite aus. Durch die Cache-Funktion passiert dies auch nur, wenn sich am RSS-Feed etwas geändert hat – diese Einstellung sollte man gerade bei umfangreichen RSS-Feeds mit vielen Inhalten und häufigen Änderungen nutzen.

Übrigens habe ich noch das Aussehen über die theme-CSS-Datei formatiert. Daher umgebe ich den item-Loop auch mit einem div-Container und der Klasse “simplepie”. Meine CSS-Formatierung für die Amazon-items sieht so aus – diese ist an mein Theme angepasst, kann also wahrscheinlich nicht 1:1 so übernommen werden:

.simplepie .riRssTitle { font-size:110%; }
.simplepie p img { border:0px none;vertical-align:-3px; }
.simplepie p .riRssContributor { float:right;margin:8px 0px; }
.simplepie .url, .simplepie .url:hover { text-decoration:none;border-bottom:0px none; }
.simplepie .url img { margin-right:8px;margin-bottom:8px; }

*) In den WordPress-Einstellungen unter “Schreiben” sollte unbedingt “WordPress soll falsch verschachteltes XHTML automatisch korrigieren” ausgeschaltet sein, damit Exec-PHP einwandfrei funktioniert. Außerdem muss der Artikel oder die Seite im HTML-Modus bearbeitet und gespeichert werden und nicht im WYSIWYG-Editor.

Ein probates Mittel, die Ladezeiten zu verbessern, ist die Komprimierung des HTML-Codes. Vereinfacht ausgedrückt, werden die HTML-Seiten dabei einfach ZIP-komprimiert vom Server an den Browser/ Client übertragen, das heißt, dass sie in der Regel auch schneller geladen werden.

Für WordPress gibt es viele Plugins, die eine GZip-Komprimierung des Blogs ermöglichen sollen. Dabei bekommt man das auch ohne extra Plugin mit einer Zeile Code in der functions.php Datei im Theme-Ordner hin:

<?php
ob_start("ob_gzhandler");
?>

ob_gzhandler ist eine PHP-Funktion, die die Ausgabe von HTML-Code GZip-komprimiert.

Ich muss dazusagen, dass mein Hoster diese Funktion unterstützt – dazu ist nämlich die zlib extension von PHP notwendig, sonst funktioniert das Ganze nicht so einfach (über die functions.php-Datei).

Wer also mal ausprobieren will, ob die GZip-Komprimierung funktioniert, schreibt einfach die oben genannte Zeile Code an den Anfang der functions.php Datei. Erscheint danach im Browser keine Fehlermeldung, ist die zlib-extension vorhanden und die Komprimerung läuft. Gefühlt sollte sich die Ladezeit auch schon deutlich verbessert haben. Bei mir gab es eine Verbesserung um ca. 75% – ein stolzer Wert und sicherlich auch gut für Google.

Durch den Einbau der Funktion in die functions.php übersteht das Ganze auch ein Update auf eine neue WordPress-Version, da sich die Änderung/Ergänzung ja auf Theme-Ebene befindet.

Viel Spaß beim Ausprobieren! Wer noch andere Tipps zur Komprimierung oder Verbesserung der Ladezeiten von WordPress hat, kann wie immer die Kommentarfunktion verwenden.

Update: Falls nach der Implementierung im Admin-Bereich Fehlermeldungen auftauchen, kann alternativ auch mal das Plugin wpCompressor von Sergej Müller ausprobiert werden!

Der Code sollte in die single.php Theme-Datei eingebaut werden – ebenso ist die Datei page.php geeignet:

<a href="http://twitter.com/home?status=Lese gerade <?php the_permalink(); ?>" title="Zum Tweeten hier klicken!" target="_blank">Auf Twitter ver&ouml;ffentlichen</a>

Dann erscheint als Link beim Artikel oder auf der Seite der Text “Auf Twitter veröffentlichen” – wer etwas anderes als Text verwenden möchte, muss den Code dafür anpassen. Statt des Textes kann auch eine Grafik eingebaut werden. Passende Buttons und Icons gibt es beispielsweise bei Dr. Web (30+ Twitter Icons für Websites).

Auf Twitter bzw. als Tweet wird “Lese gerade [Link zum Blog/Artikel]” veröffentlicht. Auch dieser Text kann im obigen Script nach Belieben angepasst werden.

Dabei gestaltet sich die Einrichtung des Ganzen sehr einfach, sofern Google Analytics bereits richtig in WordPress integriert ist (falls nicht, einfach das großartige Plugin Google Analyticator verwenden).

Google Analytics - Profil bearbeiten

Direkt nach dem Login bei Google Analytics hat man die Option, die Profil-Einstellungen zu bearbeiten. Dabei wird eine Übersicht mit den bereits beim Einrichten von Analytics erfolgten Einstellungen angezeigt. In der Ecke oben rechts befindet sich der Link “Bearbeiten”.

Google Analytics - Site Search aktivieren

Danach einfach bei der Option “Site Search” auf “Website-Suche protokollieren” klicken (ein paar neue Unterpunkte klappen auf) und dann bei “Suchparameter” den Buchstaben “s” eintragen (bei einer Standard-WordPress-Installation ist der Suchparameter immer “s”). Die restlichen Einstellungen unverändert lassen.

Nach dem Speichern der Einstellungen kann unter “Content -> Website-Suche” die Protokollierung der WordPress-Suche eingesehen werden. Natürlich müssen dafür nach der Aktivierung erst ein paar Suchabfragen erfolgen, da sonst auch keine Daten ausgegeben werden können. Bei stark frequentierten Blogs sollten nach 3 bis 5 Stunden die ersten Daten auflaufen. Ansonsten ruhig auch mal 24 Stunden verstreichen lassen oder zum Testen selbst eine Suche durchführen.

Warum sollte die Suche mitprotokolliert werden?

Das Auswerten der Suchanfragen kann in zweierlei Fällen sinnvoll sein:

1.) Usability Optimierung

Wenn die gleiche Suchanfrage immer häufiger auftaucht, könnte dies ein Indiz sein, dass der Besucher eine bestimmte Information nicht “auf den ersten Blick” findet. Gerade bei für Webseiten und Blogs typischen Begriffen wie “Impressum” oder “Kontakt”, sollte man überprüfen, ob die Links zu diesen Seiten eventuell nicht schnell auffindbar sind.

2.) Neue Artikel und Themen

Wenn das Blog ein bestimmtes Thema zum Inhalt hat, dann können die Suchanfragen auch eine Inspirationsquelle für neue Artikel sein. Wenn man zum Beispiel ein Blog zum Thema “WordPress” betreibt und immer wieder nach “Site Search” gesucht wird, dann sollte man einen Artikel zu diesem Thema veröffentlichen, damit Besucher bei der nächsten Suche auch fündig werden.

Sicherlich gibt es auch noch weitere sinnvolle Einsatzzwecke für Analytics’ Site Seach – Vorschläge sind wie immer als Kommentar willkommen.

Kram’ einfach mal in Deinem Gedächtnis und natürlich im Web nach Deinem ersten Artikel und hinterlasse hier einen Kommentar mit (wenn möglich) einer Verlinkung dahin. Um auch eine kleine Belohnung zu bekommen, muss im Kommentar eine kurze Geschichte dazu geschrieben werden: Also, was war damals die Intention ein Blog (muss nicht WordPress sein!) zu eröffnen? Welches Blog-System hast Du damals eingesetzt? Wenn es schon WordPress war, um welche Version hat es sich gehandelt? Gab es vielleicht irgendwelche Probleme mit der ersten Veröffentlichung des Artikels? Wie war die Resonanz aus dem Web?
Es müssen nicht alle oder genau diese Fragen beantwortet werden, aber es soll für uns nachvollziehbar sein, warum Du einen Poken verdient hast.

Der Gewinner ist die- oder derjenige mit dem ältesten Artikel und/oder der schönsten Geschichte dazu – Kommentar- bzw. Einsendeschluss ist der 31. August 2009!

Update #1: Der Gewinner wird noch von unserer Glücksfee ermittelt und in den nächsten Tagen bekanntgegeben – vielen Dank an alle Teilnehmer!

Update #2: Nachdem sich die Glücksfee nicht zwischen dem ältesten Artikel und der schönsten Geschichte entscheiden konnte, gibt es zwei Gewinner: Heiner mit http://www.hobby-garten-blog.de (bzw. “Mein Framo”) und Christian mit http://jawl.net/ (bzw. der alten Version davon). Die Gewinner werden in Kürze per Mail benachrichtigt und bekommen beide einen Poken.