Das T-Mobile G1 hat zwar einen sehr guten Browser, für kleine Bildschirme optimierte Websites surfen sich aber trotzdem besser. Deshalb wollte ich meinen Blog für Smartphones ein eigenes Design verpassen. Meine Erfahrungen damit möchte ich hier für andere WordPress-Blogger/innen präsentieren.

Designen für Smartphones

Designen für Smartphones funktioniert anders als für Websites. Während man bei Websites mehrere Spalten nebeneinander hat und mit der Maus eine sehr präzise Auswahltechnologie hat, hat man auf dem Smartphone einen schmalen Display und klobige Finger.

Die Adaption des Designs von sebmos.at für Smartphones habe ich auf dem mitglieferten MobilePress-Design aufgebaut – und einfach mein Farbschema darübergestülpt. Am wichtigsten ist dann, dass die Links anklickbar sind. Das muss man ausprobieren – ohne Smartphone geht das natürlich nicht.

MobilePress

Es gibt zwei WordPress-Plugins, die die Entwicklung von Smartphone-Designs parallel zum “normalen” Design sehr einfach machen. Das eine heißt WPtouch iPhone Theme, das andere MobilePress. WPtouch sieht wie eine iPhone Applikation aus – das halt ich für eine schlechte Idee. Das schaut weder gut auf Nicht-iPhones aus, sondern passt auch nicht. Eine Applikation ist eine Applikation, eine Website ist eine Website.

MobilePress dagegen ist ziemlich sehr flexibel und erlaubt die Auswahl verschiedener Designs für verschiedene Smartphone-Typen (iPhone, Opera Mini & Windows Mobile). Leider ist Android (noch) nicht darunter, daher muss man im Code des Plugins basteln.

In der Datei wp-content/plugins/mobilepress/check.php, wahrscheinlich in der Zeile 82, ist ungefähr folgender Code:

case ( preg_match('/(up.browser|up.link|...

Hier musst du “android|” einfügen:

case ( preg_match('/(android|up.browser|up.link|...

Damit wird Android erkannt. Damit gibt MobilePress zwar noch nicht die Möglichkeit, ein eigenes Design für Android-Smartphones zu entwickeln, immerhin wird es aber erkannt und bekommt das Standard-Design zugewiesen.

Problem: WP-Super-Cache

Der Grund, warum ich MobilePress momentan wieder deaktiviert habe, liegt aber ganz wo anders. Das Plugin WP-Super-Cache, das WordPress-Seiten auf dem Server zwischenspeichert, damit sie nicht bei jedem Aufruf neu geladen werden müssen, spießt sich mit MobilePress. Man kann zwar “Mobile device support” aktivieren, das löst aber das Problem nicht vollständig. Nicht nur muss man auch hier wieder Android-Support nachrüsten (in der Datei wp-content/wp-cache-config.php, in der viertletzten Zeile muss zur Variable $wp_cache_mobile_browsers die Zeichenkette “Android, “ ergänzt werden), das Wechseln zwischen Mobile und Standard-Design scheint Probleme zu verursachen – meine Startseite wurde in den letzten Tagen auf Desktop-Browsern mehrmals im Smartphone-Design ausgeliefert.

Im Moment bleibt MobilePress bei mir deaktiviert.