L’articolo di qualche giorno fà sull’ottimizzazione di un design di un blog per dispositivi mobili era, in un certo senso, di introduzione a questo.

Come avevo già anticipato in quell’articolo, vi sono varie strade da percorrere per realizzare una versione mobile di un blog su Wordpress, ma io ho intrapreso e vi propongo un metodo facile e veloce che si appoggia su un plugin affidabile e ben testato.

Preciso che, chiunque proverà a navigare questo blog da cellulare si renderà conto di aver di fronte una versione davvero semplificata (e ancora non proprio definitiva), ma ho preferito dar risalto ai contenuti e all’usabilità del blog piuttosto che ad altro.

Inoltre, la versione mobile realizzata con il metodo che sto per esporvi ha un ottimo impatto sulla stragrande maggioranza di devices mobili, iPhone in testa.

Step 1. Installare il plugin

Come prima cosa, installate il plugin che ci aiuterà a creare quanto occorre in pochi click, come vedrete. Si chiama Wapple Architect Mobile Plugin for WordPress ed è stato sviluppato da Rich Gubby. Potete anche, come mostra la figura, ricercarlo direttamente dalla dashboard ed installarlo subito.

Step 2. Richiedere Key

Il Wapple mobile plugin utilizza i web services per il servizio che vi offre e occorre, in tal caso, una chiave di autenticazione che dovrete inserire durante la configurazione del plugin. Per ottenerla, accedete a questo link, riempite i campi che vi si presentano e la riceverete nella vostra inbox in 5 minuti!

Step 3. Inserire Key

Non appena entrerete nell’area di amministrazione del plugin, vi accorgerete che si presenta un errore del tipo di quello che vedete qui sopra. L’errore è dovuto proprio al mancato inserimento della key prima ottenuta. Accedete ai Settings (Architect settings – Basic) e nel primo campo a partire dall’alto inserite la chiave prima ricevuta via mail. L’errore iniziale sparirà.

Step 4. Scegliere il Logo

Quarto passo : è importante dotare il vostro blog-mobile di un logo. Nonostante si cerchi di snellire le pagine, un logo che rappresenta il blog deve, a mio avviso, esserci. Sempre nella pagina dei Basic Settings, impostate “Use mobile header image” a “Yes”. Quindi caricate il vostro logo (magari una versione semplificata di quello che utilizzate nella versione web) in “Mobile Site Header Image”.  Da notare che al logo sarà applicato dinamicamente un resize ‘on the fly’ come si suol dire. Quindi, sarà ben visualizzato sia da un iPhone che da un vecchio Nokia 6230. La miglior risoluzione consigliata, comunque, è 1000×200 pixels per assicurarsi che non si perda nitidezza anche dopo un resize.

Step 5. I Settings

Dopo aver scelto il logo occorre andare al sodo. Adattare la versione web al mobile significa effettuare tutta una serie di scelte che trovate navigando le varie aree del plugin (Basic, Advanced, Home Page, Posts Page….). Impossibile darvi dei consigli in tal caso poiché credo che ogni blog fa storia a sé ed ognuno è libero di dar risalto, nella versione mobile, a ciò che reputa importante. Io consiglio vivamente di attenervi ai consigli del post relativo all’ottimizzazione che, di sicuro, può solo portarvi benefici.

Step 6. Lo Stile

Logicamente, il plugin ha un suo stile di default. Il consiglio è di effettuare dei test su vari dispositivi e, quindi, portare delle modifiche laddove serve al css che trovate nell’area Mobile Theme. E’ quello che devo ancora fare per il mio blog, ma credo sia importante. Non penso solo ai colori, ma anche al al font size del titolo dei post, agli spazi fra i vari link, ai commenti e simili. Si tratta di piccolezze, a pensarci bene, ma la somma fa il totale tanto per citare anche Totò.

Conclusioni Finali

Non è un procedimento che si conclude in mezz’ora come molti sostengono. Certamente seguire i 6 steps appena descritti vi porterà via al massimo 20 minuti, ma non è mica tutto concluso. La fase di test è la più lunga e rognosa. Cercate simulatori in rete oppure chiedete ai vostri amici/conoscenti/utenti di provare la versione mobile del blog lasciandovi commenti su ciò che non va o su ciò che non gradiscono. Solo dopo molto tempo riuscirete ad avere una versione stabile, semplificata ed usabile.

Logicamente, mi aspetto che anche i miei lettori facciano lo stesso con me.