WordPress für mobile Browser anpassen

Auch wenn sich aktuell die Anzahl der “mobilen Besucher” noch im homöopathischen Bereich befindet, verbreitet sich das mobile Internet immer weiter.

Mit den meisten neuen Handys oder Smartphones kann man im Internet surfen, die dazu nötigen Tarife werden immer günstiger.

Das Layout einer Webseite ist aber in der Regel für große Bildschirme ausgelegt und nicht zum Beispiel für den 3,5” Touchscreen eines iPhones. Natürlich kann man die Webseite am Smartphone zoomen, aber dadurch wird sie nur bedingt besser lesbar.

Ein weiterer, nicht zu verachtender Aspekt ist die Ladezeit der Webseite. Je nach dem welche Verbindungsgeschwindigkeit man hat, kann das Laden einer Webseite auf dem Handy schon mal zur Geduldsprobe werden.

Für WordPress-Blogs gibt es eine ganz einfache “Fire-and-Forget”-Lösung mit Hilfe des Plugins WPtouch. WPtouch stellt nach der Installation ein neues Theme bereit, dessen Layout speziell für mobile Geräte entwickelt wurde.

Anhand des User-Agent wird entschieden, welches Layout der Besucher zu sehen bekommt. Bei allen Desktop-Browsern ändert sich also nichts, es wird das gewohnte Theme verwendet. Gibt sich der Browser aber z.B. als Android zu erkennen, wird automatisch auf das WPtouch-Theme gewechselt. Das Theme bietet den gewohnten Funktionsumfang von WordPress. Kommentare sind genau so möglich wie die Suche oder die Loginfunktion.

Im Footer des Themes gibt es sogar einen Schalter, mit dem der Besucher das Theme manuell wechseln kann, für des Fall, dass er lieber das original Layout der Webseite verwenden möchte.

WPtouch bietet darüber hinaus noch eine Menge Einstellungen und Anpassungen, welche Informationen auf der Startseite des Blogs angezeigt werden sollen.

Das Plugin erkennt zur Zeit die folgenden mobilen Browser: Android, Aspen, Blackberry9xxx, Cupcake, Dream, Incognito, iPhone, iPod, Opera Mini, Webmate und WebOS. Weitere User-Agents können manuell eingegeben werden.

Wer selbst kein Smartphone zum Prüfen des Layouts hat, kann dafür verschiedene Webdienste verwenden.

Teile es mit deinen Freunden!

Ähnliche Beiträge:

  1. Social Media Widget für WordPress
  2. WordPress 2.8.1 und K2 = Fail
  3. WordPress-Tip: Navigation mit Link zum Adminbereich
  4. Problem mit WordPress 2.7.1 und K2
  5. Android Browser zeigt eine leere Seite bei https?

1 Antwort auf “WordPress für mobile Browser anpassen”


Hinterlasse eine Antwort