WordPress für den mobilen Auftritt optimieren

Von Thordis am 08. November 2010 um 09:42

Das schönste Theme nützt oft nichts, wenn Besucher eine WordPress-Website mit einem mobilen Gerät besuchen. Die lange Ladezeit einer Website erleichtert den Besuch mit dem Apple iPhone, iPod touch, einem Google Android, Blackberry Storm und Torch einem Palm Pre oder einem ähnlichen Smartphone nicht gerade. Und die Übersichtlichkeit bleibt oft auch auf der Strecke.

Die meisten Menschen, die mobil surfen, wollen Informationen bzw. Inhalte. Schöne, ausgefallene und liebevoll gestaltete Designs schaut man sich am heimischen Monitor an, aber sicherlich nicht auf einem Smartphone. Deswegen verliert eine Seite auch auf keinen Fall an Reiz, wenn sie für mobile Besucher ein reduziertes, um nicht zu sagen minimalistisches Design, bereit hält. Im Gegenteil!

WPtouch im Einsatz

Das mobile Design soll die Inhalte in den Vordergrund stellen und den Besuch dieser Website auch mit einem Smartphone angenehm gestalten, also mit einer flotten Ladezeit und ohne sich im Design zu "verlieren".

Eine (ich finde schon ziemlich optimale) Lösung dafür bietet das Plugin WPtouch. Nach der Installation bietet einem das Plugin vielfältige Einstellungsmöglichkeiten. Sollten die einem zu viel sein, muss man sich keine Sorgen machen. Das Plugin funktioniert auch ohne besondere Einstellungen einwandfrei. Wer aber trotzdem mehr tun möchte, dem möchte ich einige Einstellungsmöglichkeiten vorstellen.

Vielfältige Einstellungsmöglichkeiten

Bei den Grundeinstellungen kann man wählen, welches Seite als Startseite angezeigt wird, wie der Titel der Seite lautet. Man kann einzelne Kategorien von der Anzeige komplett ausschließen und auswählen, ob bei jedem Artikel ein Kalender-Icon oder Artikelbilder oder nichts angezeigt werden soll. Außerdem kann man angeben welche Metainformationen angezeigt werden sollen: Autor, Kategorie, Tags.

Im Bereich "Advanced Options" kann man auswählen, welche Informationen auf der Startseite noch angezeigt werden sollen. Über einen Tab im Kopfbereich können z. B. die Kategorien und Tags eines Blogs angezeigt werden, ein Suchfeld oder der Login-Bereich.

Wem die Standardfarben schwarz/grau nicht zusagen kann diese im Bereich "Style & Color Options" anpassen, z. B. an das derzeit genutzte Theme. Vorgegeben sind verschiedene Hintergründe und Schriftarten bzw. -größen. Ganz individuell angeben kann man aber Farbwerte für den Titel, Hintergrundfarben des Kopfbereiches und die Farbe von Links.

Auch das Logo neben dem Titel kann man selbst auswählen oder sogar eigene hochladen.

Zudem hat man die Möglichkeit auszuwählen welche Seiten angezeigt werden sollen und welches Icon diese dann zeigen.

Und zu guter Letzt kann man auch Adsense einbinden (habe ich nicht ausprobiert) und es wird einem angezeigt welche gerade genutzten Plugins kompatibel sind und auch in der mobilen Version funktionieren – oder auch nicht.

Pro-Version

Nicht unerwähnt bleiben sollte, dass es das Plugin auch als kostenpflichtige Pro-Version gibt. Sie unterscheidet sich von der kostenlosen Variante vor allen Dingen dadurch, dass es einen Support gibt und das man zwischen verschiedenen Themes auswählen kann.

Diesen Artikel weiterempfehlen:

Kategorien:: Plugins
Tags:: mobil, themes, wordpress
Beitrag:: Druckvorschau
Kommentare:: Kommentar abgeben oder Kommentare verfolgen

«« Zum vorherigen Beitrag — Zum nächsten Beitrag »»

6 Reaktionen auf diesen Beitrag

Kommentare

Joachim sagte am
Montag, 08. November 2010 um 09:51 folgendes:

Hallo,
mit WP-Touch habe ich bisher keine guten Erfahrungen gemacht. Es ist mir zu Apple-lastig. Ich nutze jetzt das WordPress Mobile Pack und mein Blog wird auch im Blackberry sauber dargestellt.

Grüße
Joachim
Gerd c/o PadLive.de sagte am
Montag, 08. November 2010 um 11:17 folgendes:

Möchte an dieser Stelle auch auf die Aktion Optimised-For-The-iPad hinweisen: http://padlive.de/oft-ipad/

Ziel ist es auch Webseiten für das iPad (Wisch-Bewegung und Display-Größe) anzupassen.

Viele Grüße aus Essen,

Gerd
Marc sagte am
Montag, 08. November 2010 um 11:31 folgendes:

Funktioniert das Plugin auch mit W3 Total Cache? Muss man W3 irgendwie speziell konfigurieren? Wäre schön, wenn du eine Antwort hättest, denn ohne ein entsprechendes Smartphone fällt es schwer, die Installation vernünftig zu testen.
- Sahanya sagte am
  Montag, 08. November 2010 um 13:41 folgendes:
  
  Ja, man muss W3 Total Cache aber speziell konfigurieren und dafür gibt es eine Anleitung. Ich habe das allerdings noch nicht gemacht.
Mario Sackl sagte am
Dienstag, 09. November 2010 um 09:58 folgendes:

Kann dem nur beipflichten. Nach längerem trial & error hat sich wp-touch Pro als die brauchbarste (und wirklich fast perfekte) Lösung etabliert. Läuft schon in der Standardkonfiguration wunderbar. Kann ich nur empfehlen.