WordPress Blog für mobile Geräte optimieren

Die meisten Webseitenaufrufe kommen immer noch von Desktop-Browsern. Allerdings ist die Zahl der mobilen Besucher in den letzten Jahren deutlich gestiegen. Mit immer leistungsfähigeren und höher aufgelösten Smartphones und Tablets wird dieser Trend in Zukunft weiterhin anhalten. Dennoch bieten noch immer einige Blogs kein angepasstes Layout für mobile Besucher an. Nachfolgend möchte ich kurz einige Möglichkeiten aufzeigen, wie ein Blog auf Basis von WordPress für mobile Geräte optimiert werden kann.

Externe Dienste

Die einfachste Möglichkeit für eine mobile Version ist der Weg über einen externen Online-Dienst. Diese Variante ist aber alles andere als optimal und sollte nur als Notlösung zum Einsatz kommen. Einige Dienste bedienen sich am bereitgestellten RSS- oder Atom-Feed und geben diesen einfach als HTML-Seite aus. Das Ergebnis ist kein ästhetisches Vergnügen und auch die Funktionalität ist sehr eingeschränkt. Bei gekürzten Feeds stößt diese Lösung sowieso sehr schnell an ihre Grenzen.

Andere Dienste greifen direkt auf die Webseite zurück und stellen diese in einer optimierten Form dar. Aber auch hier gilt, dass keine Wunder zu erwarten sind. Google stellt beispielsweise einen Proxy-Server zur Verfügung, welcher den Webseiteninhalt quasi ohne Stylesheet ausgibt. Der Proxy kann unter “http://google.com/gwt/x?u=” aufgerufen werden. Hier der Link für meinen Blog: http://google.com/gwt/x?u=antary.de

WordPress Plugins

Wenn das aktuell eingesetzte WordPress-Theme nicht responsiv ist und ein Themewechsel nicht in Frage kommt, kann auf Plugins zurückgegriffen werden. Die Plugins analysieren den User-Agent des Browsers und entscheiden anschließend, ob das normale Theme oder ein mobiles Theme an den Besucher ausgeliefert werden soll. Besucher die mit Smartphone oder Tablet auf eine Webseite zugreifen, bekommen demnach das vom Plugin erzeugte mobile Theme zu sehen.

Beliebte Plugins sind unter anderem WPtouch Mobile Plugin , WPMobile Apps oder Mobile Smart. Auch der Alleskönner Jetpack bietet eine entsprechende Funktionalität an. Alle Plugins sind schnell eingerichtet und die mobile Ansicht kann den eigenen Bedürfnissen angepasst werden.

Responsives WordPress-Theme

Eine mittlerweile sehr oft genutzte Methode für eine mobile Webseite sind sogenannte responsive Themes. Moderne responsive Themes arbeiten auf Basis von CSS3 Media Queries und passen sich automatisch an bestimmte Gerätekategorien an. Viele Themes arbeiten mit vier unterschiedlichen Kategorien: Smartphone, Tablet, Notebook und Desktop. Für jede Geräteklasse lässt sich das Design eigenständig anpassen.

Inzwischen existieren sehr viele WordPress-Themes, die als responsiv ausgegeben werden. Nichtsdestotrotz sollten die Themes vor dem Einsatz überprüft werden, da viele nur eine rudimentäre Funktionalität mitbringen. Hilfreich dabei ist mein Artikel “Responsive Webdesigns testen“.

Wer ein neues responsive Theme sucht, sollte sich Make genauer anschauen. Das kostenlose Theme bietet viele Anpassungsmöglichkeiten und hat sich bereits bei vielen Projekten in der Praxis bewährt.