Es gibt bereits etliche praktische Tools und Plugins, um deine WordPress-Webseite auch für mobile Geräte (iPhones, Android, Blackberry & Co) fit zu machen. Z.B. kannst du dir bei beliebten Anbietern wie Mobify ein kostenloses Account einrichten und dort eine mobile Version deiner Webseite erstellen. Ein passendes WP-Plugin leitet deine Besucher dann automatisch weiter. Oder du setzt ein WordPress-Plugin/Theme Paket ein, damit deine Besucher auf ein Mobile-Theme deiner Seite umgeleitet werden. Da wir zur Zeit auch an einer mobilen Version der Elmastudio-Seite basteln, habe ich ein wenig recherchiert und möchte dir die hilfreichsten Tools kurz vorstellen.
1. Mobify
Bei »Mobify« kannst du dir kostenlos ein Account einrichten und deine mobile Webseiten-Version Schritt für Schritt in deinem Mobify-Account erstellen. Die mobile Version kannst du dann auf eine Subdomain deiner Seite (z.B. m.deinedomain.de) umleiten. Mit ein bisschen CSS-Anpassung (das Style-Cheet kannst du direkt in deinem Mobify-Account anpassen) kannst du recht schnell ein schönes Ergebnis hinbekommen.
Um Inspirationen zu sammeln kannst du dir die Mobify-Gallery anschauen, bevor du mit deinem mobilen Design loslegst.
Ein schönes Beispiel für eine mobile Webseiten-Version aus der Mobify-Gallery.
Das WordPress-Plugin »WordPress Mobile by Mobify« übernimmt anschließend die automatische Umleitung aller Besucher mit mobilen Geräten auf deine neue mobile Webseiten-Version.
2. Mofuse
»Mofuse« ist einer der größten Anbieter für mobile Webseiten-Versionen und wird u.a. von Seiten wie Mashable genutzt. Es gibt allerdings keine kostenlose Version des Tools, das kleinste Paket (für eine nicht-kommerzielle Webseite) kostest 7,95$ im Monat.
Das Tool hat allerdings auch etliche Features zu bieten, u.a. die Möglichkeit Google Maps und Google Checkout auf deiner Seite zu integrieren, und Statistiken für die mobile Nutzung deiner Seite auszuwerten. Für die Umleitung deiner Besucher auf die mobile Version gibt es ebenfalls ein WordPress-Plugin.
3. Mippin Mobilizer
Mit »Mippin Mobilizer« kannst du in ein paar Schritten eine kostenlose, mobile Version deiner Webseite erstellen. Dein eigenes Logos kannst du auf der Seite anpassen.
4. Wirenode
Bei »Wirenode« kannst du mehrere Webseiten in deinem Account verwalten (bis zu 3 Seiten kostenlos). Bei der kostenlosen Version kannst du allerdings nicht deine eigene URL verwenden. Dafür gibt es bei dem Tool etliche Features wie ein Twitter-, Umfragen- und Formular-Widget.
5. WPTouch Pro
»WPTouch« ist ein kostenpflichtiges WordPress-Plugin (29$), welches deine Webseite automtisch auf eine mobile Theme-Version umleitet, sobald ein Besucher deine Webseite mit einem mobilen Gerät aufruft. Alle Bilder und Videos werden dann automatisch verkleinert und lange Artikel-Seiten untergeteilt, damit die Inhalte schneller laden. Das WPTouch-Theme hat ebenfalls etliche spannende Features zu bieten und einen eigenen Admin-Bereich für dein mobile Device gibt es auch mit dazu.
WPTouch Version 1.9.16 (kostenlos)
Die ältere Version 1.9.16 des WPTouch-Plugins (ebenfalls kompatibel mit WordPress 3.0) kannst du übrigens weiterhin kostenlos nutzen.
6. WPtap
»Wptap« ist eine weiteres Plugin/Theme Paket, um deine WordPress-Seite für iPhone, iPad, Android & Blackberry fit zu machen. Das Plugin leitet deine Besucher automatisch auf die mobile Version um. Du kannst aus 5 kostenpflichtigen Themes (je 49$) und einem FreeTheme wählen.
Eine Demoansicht des WPtap Free-Themes »New Press«.
7. WordPress Mobile Pack
Das kostenlose WordPress Mobile Pack-Plugin bietet jede Menge Optionen, um deine WordPress-Seite mobile ready zu machen. Es gibt einen Theme Switcher zwischen mobiler- und Vollversion deiner Webseite, verschiedene Themes und Möglichkeit der CSS-Anpassung, einem mobilen Admin-Bereich und etliche weiteren Features.
8. Mobile Press
»Mobile Press« ist ein ebenfalls ein kostenloses WordPress-Plugin, um für deine Webseite eine mobile Version zu erstellen. Es bietet die Möglichkeit eigene Themes für die unterschiedlichen mobilen Geräte zu erstellen.
Welche Erfahrungen hast du mit den Tools/Plugins für mobile WordPress-Versionen schon gemacht? Hast du Tipps parat oder kennst du weitere praktische Tools, um WordPress-Seiten für mobile Devices zu rüsten? Über deine Erfahrungen und dein Feedback freue ich mich sehr!
Super..!
Ich war auch gerade dabei mir eine mobile Seite zu erstellen.
Danke für die Tipps!
Liebe Grüße
Chris
@Chris: Vielen Dank für deinen Kommentar. Freut mich, dass du die Zusammenstellung der Tools gut gebrauchen kannst :-)
Wir werden unsere mobile Version wohl bei Mobify einrichten. Die Gallery verspricht auf alle Fälle so einiges, ich bin schon echt gespannt :-)
Viele Grüße
Ellen
Erstmal danke für den Artikel und die tolle Übersicht.
Ich habe mir meine mobile Seite mit dem WordPress Mobile Pack eingerichtet. Es hat den Vorteil, dass ich auf einen externen Anbieter weniger angewiesen bin.
Des Weiteren sind die Standard-Themes meiner Meinung nach mehr als ausreichend. Wenn ich mit dem Smartphone surfe möchte ich schnelle und kompakte Informationen. Da benötigt man meiner Meinung nach kein “buntes” Theme mit Grafiken die noch extra geladen werden müssen. ;-)
LG
@zypral: Vielen Dank für deinen Kommentar und dein Feedback :-) Ich finde es klasse, dass du dir eine mobile Seiten-Version eingerichtet hast!
Deine Einschätzung zum Thema Design und Images auf den Smartphones finde ich sehr interessant. Da hast du sicher Recht, zu überladen sollte ein Design wirklich nicht sein, da man wie du ja schon gesagt hast auf die geringe Display-Größe und die Ladezeiten sicherlich eingehen muss.
Eine gewisse Corporate Identity finde ich allerdings auch sehr wichtig, damit der Leser auch einen Bezug und einen Wiedererkennungswert zur Seite hat. Wir haben gestern einen Artikel mit einem mobile Webdesign-Showcase gemacht. Ich finde da sind einige Beispiele dabei, die diese Herausforderung wirklich schön gelöst haben. Schau doch mal in den Artikel rein, deine Meinung würde mich sehr interessieren :-)
Viele Grüße
Ellen
Ich bin im wesentlichen zyprals Meinung. Zum einen kann ich die CI-relevanten Elemente ja im WordPress Mobile Pack nachversorgen, zum anderen finde ich die Arbeit mit Mobify eher schwierig und was macht ihr wenn Mobify demnächst seinen Service einstellt?
Aber welche Gründe haben haben bei eurer Entscheidung für Mobify gesprochen?
BTW: Im Link von Ellens letztem Kommentar fehlt ein f (bei href), ich habe den Artikel aber trotzdem gefunden :-) Mich spricht dabei das Minimaldesign von ‘I Love Typography’ am meisten an, da ich Inhalten interessiert bin.
Viele Grüße
Christian
Hallo Christian,
vielen Dank für deinen Kommentar und dein tolles Feedback zum Thema Mobile Webdesign :-)
In erster Linie möchte ich derzeit einfach verschiedene Dienste (u.a. Mobify) ausprobieren. Natürlich ist ein solcher Dienst eher noch ein Kompromiss, und wahrscheinlich auf Dauer sicher nicht die beste Lösung. Das WordPress Mobile Pack finde ich übrigens mindestens genauso spannend :-)
Viele Grüße,
Ellen
PS: Der Link im vorherigen Kommentar ist korrigiert :-)