Dieser Artikel zeigt auf, wie man auf einfache Weise eine mobile Version der eigenen Website erstellen kann. Die stätig steigende Verbreitung von mobilen Gerätenwie (Smartphones und Tablet Computer erfordert eine Anpassung der Gestaltung von Webseiten. Das Webdesign muss auf die unter­schied­li­chen moblien Endgeräte mit ihren unterschiedlichen ange­passt werden. Das WordPress Plugin WPtouch leistet hier gute Dienste.

Mit dem WordPress Plugin WPtouch kann man in ein paar Minuten eine mobile Version eines WordPress Blogs mit vielen nützlichen Optionen erstellen. Das Plugin existiert in einer kostenlosen Version, welche die meisten Ansprüche erfüllt, inklusive die Einbindung von AdSense für Mobilen Content. Wer mehr will, kann die Pro Version des Plugins erwerben.

Eine andere Möglichkeit für WordPress in der Art von WP Mobile Detector. Das Plugin erkennt mobile Geräte und schhalten dann auf ein für mobile Geräte geeignetes Theme um.

Das WordPress Mobile Pack von James Pearce & friends beinhaltet auch einen Theme Switcher und diverse Themes für mobile Endgeräte.

Mobile Themes, die mit den Switcher Plugins genutzt werden können, sind zum Beispiel das  Carrington Mobile Theme, das Möbius WordPress Theme mit Touch-Screen Unterstützung für iPhone & iPod Touch, Android, BlackBerry,  Windows Phone, webOS, Bada, Symbian, Firefox Mobile und Opera Mobile. Desweiteren sieht dieses Theme auch in Desktop Browsern gut aus. 

Nicht jeder, der eine Website oder ein Blog hat, besitzt ein Smartphone oder einen Tablet PC. Auch hier gibt es Möglichkeiten die mobile Version der eigenen Website zu Testen.

Der Opera Mobile Emulator

Der kostenlose Opera Mobile Emulator für Windows, Linux und Mac OS ermöglicht das Testen einer mobilen Website mit vorschiedenen emulierten Smartphone und Tablet Versionen direkt vom Desktop aus und ist damit ein hervorragendes Tool für die Entwicklung von mobilen Webseiten. Als Webdesigner kann man mit der Software seine Webseite mit verschiedenen Bildschirmauflösungen testen.

Den iPhone Useragent simulieren

Auch den iPhone, iPod touch und iPad Useragenten kann man testen. Wenn man wissen möchte, wie eine Homepage auf den iPhone, iPod touch oder dem iPad aussieht kann man ganz einfach den kostenlosen Safari Browser für Mac und Windows von Apple nutzen. 

Dazu starten man den  Safari Browser, geht in den Bereich Einstellungen im Drop Down Menue oben rechts und Klickt auf den Tab  “Erweitert”. Dort kann man die Option “Entwickler anzeigen” aktivieren. Nun erscheint oben in derr Browserleiste der Menue- Punkt “Entwickler”. Dort kann man einstellen, welchen User-Agenten der Browser senden soll.  Das wars auch  schon.

In einer Artikelserie werde ich in den nächsten Tagen weitere Lösungen und mobile Themes für andere CMS- / Blog- Systeme vorstellen.

Kennt Ihr weitere mobile Themes und Emulatoren mobiler Geräte?