Erstellung einer mobilen Version meines WordPress-Blogs

Um für den auf der Blogsoftware WordPress laufenden Blog eine mobile Version zu erstellen, die leicht zu bedienen, kaum Programmieraufwand benötigt und iPhone bzw. iPod Touch optimiert ist, bedarf es lediglich der Installation eines einfachen Plugins. Dies ermöglicht eine Vielzahl an Konfigurationsmöglichkeiten im WordPress-Adminbereich sowie ein einfaches Umswitchen zwischen normaler und mobiler Version. Hier die zu vollziehenden Schritte, um Ihr WordPress-Blog iPhone-tauglich zu machen:

1. Laden Sie sich hier das Plugin als zip-File herunter und entpacken es auf Ihrem Rechner.

2. Den entpackten Ordner namens wp-touch laden Sie einfach in das Plugin-Verzeichnis von WordPress auf Ihrem Webserver (“wp-content/plugins”).

3. Anschließend besuchen Sie den Reiter “Plugins” im Adminbereich Ihres WordPress-Blogs und aktivieren das Plugin “WPtouch iPhone Theme”.

4. Der Reiter “Einstellungen / WPTouch” ermöglicht nun einige Konfigurationsmöglichkeiten. Stellen Sie nun beispielsweise Javascript/Ajax Funktionalitäten ein/aus, machen Anpassungen an Styles oder wählen anzuzeigende Icons für einzelne Seiten aus.

WP-Touch Admin-Bereich

WP-Touch Admin-Bereich

5. Wenn Sie nun die URL Ihres Blogs mit dem iPhone oder dem iPod Touch aufrufen werden Sie bereits von der neuen mobilen Version begrüßt.

WP-Touch im Einsatz auf mobileapp.de

6. Der letzte zu empfehlende Schritt ist der Einbau eines Links zur mobilen Version Ihres Blogs in das Standard-Template, damit Besucher immer einen direkten Weg zur für Sie optimalen Version haben. Der Quelltext sollte folgendermaßen aussehen:

<?php if (function_exists(‘wptouch_switch’)) wptouch_switch(‘<h2>’, ‘</h2>’); ?>

Jetzt viel Spaß beim Anpassen und ausprobieren. Wenn es interessante Anpassungen oder Weiterentwicklungen des Plugins gibt würde ich mich natürlich über einen Kommentar freuen.

DKB-Partnerprogramm

3 thoughts on “Erstellung einer mobilen Version meines WordPress-Blogs”

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>