Home > WordPress > Ottimizzare il tema del blog per l’iPhone. Semplice plugin per WorPress.

Ottimizzare il tema del blog per l’iPhone. Semplice plugin per WorPress.

Mi lascio trasportare pure io dalla iPhone mania, ormai tutto viene ottimizzato, creato e confezionato ad hoc per il nuovo gingillo 3G di Apple.

Vi siete mai chiesto come l’iPhone o iPod Touch visualizza il vostro blog tramite Safari? Il tema è ottimizzato per questo dispositivo?

Due utili strumenti a disposizione per verificare e sistemare il vostro tema sono iPhoney e iWPhone WordPress.
Vediamo in dettaglio di cosa si tratta:

iPhoney

Semplice ma efficace applicativo open source per Mac, che permette di visionare tramite il suo schermo (320 x 480) le pagine web come il browser dell’iPhone.

Permette di visualizzare qualsiasi sito web che “funzioni con Safari”, ruotare l’immagine (480×320). Nascondere la barra indirizzi, attivare lo zoon.

Già con questo strumento è possibile verificare la bontà del tema per iPhone, se non ci sono grossi problemi potrete fermarvi qui, al contrario dovete utilizzare un semplice plugin per WP chiamato iWPhone WordPress Plugin and Theme.

iWPhone WordPress Plugin and Theme

Plugin per la piattaforma WordPress che automaticamente formatta il tema per essere visualizzato correttamente con il browser dell’iPhone e dalla versione 0.1.2 anche dal dispositivo iPod Touch.

Il plugin rileva User Agent del dispositivo e in modo del tutto automatico sostituisce il tema con un’ottimizzato per iPhone. In questo però non saranno presenti tutte le funzionalità che mette a disposizione WordPress.
Una delle note dolenti di questo plugin che è attualmente ancora in una fase beta è l’incompleta incompatibilità con il plugin wp-cache.

Icona Web Clip del sito sulla dashboard dell’iPhone

Per chi vuole può aggiungere una semplice riga ad ogno pagina per dare la possibilità al lettore che utilizza iPhone/iPod Touch una Web Clip. Si tratta di un icona posizionata sulla dashboard che linka il sito.
Per come creare questa funzionalità basta aggiungere questa riga nel <head> delle pagine.

<link rel=”apple-touch-icon” href=”/custom_icon.png”/>

Per una maggiore chiarezza di come effettuare la modifica si può leggere la documentazione sul sito Apple.

Danilo WordPress , , , , , , ,

  1. Nessun commento ancora...
  1. 2 agosto 2008 a 12:54 | #1