Simons Blog

Bislang gibt es bei WordPress keine Möglichkeit anhand des User Agents unterschiedliche Themes darzustellen. Gerade bei großen Blogs gibt es jedoch den Bedarf den Blog auf mobilen Endgeräten optimal darzustellen.

Eine mobile Version des Blogs hat diverse Vorteile:

• Backlinks von iPhoneaffinen Webseiten
• Aufnahme in Listen iPhoneoptimierter Webseiten
• Senkung der Absprungrate
• Steigerung der Seitenaufrufe pro Webseitenbesucher
• Erhöhung der Kommentare
• Erhöhung der Anzahl an Feedreadern
• Erhöhung der Links von Seiten wie twitter
• Backlinks von anderen iPhone-optimierten Webseiten

simonerdem.de auf dem iPhone

Eine Lösung bietet das WordPress Plugin WPTouch. Dieses stellt den Blog je nach Useragent entweder in dem gewöhnlichen Layout oder in einem speziell für mobile Endgeräte optimierten Layout dar. Aktuell unterstützt das Plugin das iPhone, den iPod Touch sowie Androidgeräte wie das Google G1 und den Blackberry Storm.

Die Installation des Plugins ist sehr einfach. Nach dem Download muss die Datei wptouch.1.8.9.1.zip entpackt und in den Ordner /wp-content/plugins/ hochgeladen werden.

Anpassung der Useragents bei WPtouch

Anschließend ist im Adminbereich unter Plugins das Plugin WPtouch iPhone Theme verfügbar, das direkt nach der Aktivierung vorkonfiguriert einsatzbereit ist.

Der Besucher der mobilen Version des WordPressblogs kann jederzeit im Footer der Seite das Layout umstellen, sodass er sich wieder in der normalen Ansicht des Blogs befindet.

Die Einstellungen des Plugins lassen sich unter Settings -> WPtouch konfigurieren.

Möchte man Useragents hinzufügen so muss man das Plugin jedoch bearbeiten. Ab Zeile 253 kann man jedoch problemlos Browser hinzufügen. Hierzu muss das Array $useragents um den jeweiligen Eintrag ergänzt werden.

Wer es hingegen individueller mag, der sollte auf das Plugin Xilitheme select zurückgreifen. Dieses Plugin ermöglicht es anhand von selbst angefertigten User-Agent-Listen verschiedene Themes auszuwählen. Für das iPhone kann man dann bspw. spezielle Themes anzeigen lassen die bei einer Bildschirmbreite von 320 Pixeln optimal dargestellt werden. Ein solches Theme ist Carrington Mobile. Diese Themes kann man anschließend auch nach belieben bearbeiten, sodass am Ende ein hochindividualisiertes Layout rauskommt was sich sehen lassen kann.