CMS  »  Articoli  »  WordPress 

Ottimizzare WordPress per iPhone e iPad

Negli ultimi mesi abbiamo potuto vedere sempre di più persone che accedono ai siti internet tramite dei dispositivi mobili: per la maggior parte telefonini, ma anche palmari, Blackberry, tablet PC etc etc. Secondo la maggior parte degli analisti le connessioni da dispositivi mobili aumenteranno fortemente durante il biennio 2011-2012. Per questo motivo la progettazione di siti accessibili anche da dispositivi mobili diventa sempre più importante ed è un problema non di facilissima soluzione: siamo di fronte a una grande variabilità di dispositivi, con dimensioni di visualizzazione, compatibilità con linguaggi di marcatura, di plugin (flash e java supportati o meno) e di accoppiate sistemi operativi/browser diversi.

Con questo articolo vedremo due interessanti plugin per WordPress: WPtouch e il nuovo Onswipe che risolveranno in parte il problema prima esposto, infatti sono delle estensioni nate per poter visualizzare un sito anche su dispositivi diversi dai PC.

WPtouch

WPtouch è un plugin in grado di modificare l'interfaccia grafica del nostro blog quando viene visualizzato da uno smartphone equipaggiato con iOS o Android: le pagine vengono modificate facendo assomigliare il blog a un'applicazione per iPhone, con tanto di menu personalizzato, modulo di ricerca, pulsante home presente nell'intestazione e un pulsante per passare alla visualizzazione classica. Il plugin fornisce un pannello di amministrazione semplice ed elegante. Con questo plugin non è possibile visualizzare un'anteprima del nostro sito in versione WPtouch direttamente dal PC.

Per vedere i risultati ottenuti configurando il plugin dobbiamo avere a disposizione un dispositivo mobile touch. Per superare questo problema però possiamo simulare la visualizzazione di un sito web su iPhone con un'estensione per Firefox chiamata User Agent Switcher, che farà credere al sito che abbiamo aperto che lo stiamo visitando con l'iPhone e quindi, se disponibile, ci mostrerà la sua versione mobile. Con questa estensione non vedremo sempre esattamente il sito come si vedrebbe sui telefonini (per esempio su iPhone il browser sarebbe Safari con WebKit) però ci consente in ogni caso di fare un controllo sul funzionamento prima di provarlo con il telefono vero e proprio.

Vediamo il funzionamento di WPtouch e cosa è necessario per configurarlo. Entriamo nell'area di amministrazione del nostro sito: nella colonna a sinistra scegliere Plugin-->Aggiungi nuovo-->Carica media-->scegliere il file scaricato e cliccare su "Installa ora". Inserire le credenziali per accedere, tramite un client FTP remoto, al sito per caricare i file.

In alternativa possiamo farlo a mano: scompattiamo il pacchetto e carichiamo la cartella del plugin con un client FTP dentro ../wp-content/plugins. Se lo vogliamo in italiano dobbiamo scaricare il file della localizzazione italiana, reperibile a questo indirizzo e caricare via FTP il file it_IT.mo nella sottocartella languages del plugin.

Una volta installato il plugin dobbiamo attivarlo: per farlo nella lista dei plugin cliccare su Attiva in corrispondenza della voce WPtouch. Attivato il plugin nella colonna sinistra sotto a "Impostazioni" troveremo il link del plugin. Nella schermata che viene aperta compaiono tutte le impostazioni per il plugin:

• Impostazioni generali;
• Opzioni avanzate;
• Opzioni per le notifiche push (per attivarle è necessario una chiave Prowl API);
• Opzioni stile e colori;
• Elenco icone di default e personalizzate;
• Elementi menu e icone pagine;
• Adsense, statistiche e codice personalizzato;
• elenco dei plugin compatibili con WPtouch.

Altri articoli

Altre guide

Altre newsletter