Eigentlich wollte ich mich nur um das Thema kümmern, wie man einer Website sagen kann, dass sie ein iPhone-kompatibles Symbol auf den Home-Screen eines iPhones blasen soll, wenn der Benutzer das haben möchte. Kompliziert zu erzählen, es soll halt so aussehen (Symbol unten rechts):
Der Einbau ist herzlich einfach:
- Eine Grafik erstellen, die genau 57 mal 57 Pixel groß ist (in der Grafik einen kleinen Rand rundherum von ca. 3 Pixel lassen) und im PNG-Format abgespeichert wird. Um den Glanzeffekt des Buttons muss man sich nicht kümmern, das erledigt das iPhone selbst.
- Das Ding dann auf die Website laden.
- In den Header der Website folgenden HTML-Code einbinden:
<link rel="apple-touch-icon" href="/ordner/grafikname.png" />
Simpel und funktioniert tatsächlich, sogar ohne dass man Lizenzgebühren an Apple zahlen muss. (Wie, kein Smiley an dieser Stelle? Beabsichtigt.)
Noch viel einfacher und richtig luxuriös wird es, wenn die Website mit einem WordPress angetrieben wird und ein Plug-In namens WPtouch iPhone Theme installiert wird. Mit diesem sehr umfangreichen Plug-In (das leider etwas Einlesen in seine Einstellungen erfordert und dieser Einstellungsbereich nur in englischer Sprache daherkommt) wird nämlich gleich das gesamte Theme mobilifiziert, wenn ein Webbrowser eines mobilen Gerätes daherkommt:
Das sieht alles nicht nur sehr übersichtlich aus, sondern ist es auch und das nicht nur auf dem iPhone, sondern auch auf anderen Mobilgeräten bzw. in deren Webbrowser.
Der Clou ist, dass auch die meisten anderen Plug-Ins im Theme funktionieren, beispielsweise diejenigen, die Zusatzfunktionen wie Social Bookmarking ermöglichen sollen. Und nebenbei kann man in den WPtouch-Einstellungen eben auch das Symbol hochladen und einstellen, dass im Theme links neben dem Blog-Titel erscheinen und auch als Symbol für den Home-Screen genutzt werden soll.
Schreibe einen Kommentar