WordPress.com diventa adattivo

Ciao a tutti,
dopo un piccolo periodo di pausa cerchiamo di rimetterci in carreggiata illustrando le ultime novità di casa WordPress.com.

Iniziamo dalla più eclatante, da oggi 17 gennaio 2013 il layout del sito WordPress.com diventa completamente `adattivo` o, per dirla come gli inglesi responsive.

Vediamo assieme il comunicato ufficiale (tradotto).

responsive-wordpressdotcom

Dalla scorsa settimana hanno cominciato ad apparire agli utenti alcuni cambiamenti gratifi per la home page WordPress.com e per  il WordPress.com Reader. Il lavoro si è concentato in due aree: rendere la navigazione di WordPress.com nella sua interezza un’ottima esperienza sul tuo dispositivo mobile e far si che come piattaforma venisse fatto tutto il possibile per mettere in evidenza tutte le bellissime foto ed i bellissimi video che vengono caricati dagli utenti.

Usare WordPress.com ovunque

Con oltre un miliardo di smartphone attivi nel mondo è stato appurato che renderlo una piattaforma esteticamente piacevole da navigare con qualunque dispositivo. Se effettuiamo l’accesso potremo verificare come è tutto cambiato, in funzione di questo obiettivo progettuale.

Controllare le nostre statistiche, scrivere un nuovo articolo, leggere le ultime novità nella sezione Freshly Pressed, o controllare la pagina delle notifiche attraverso il nostro web browser è ora un’esperienza d’uso molto più piacevole che in passato, specialmente su smartphone e tablet.

Beautiful Media

I cambiamenti più importanti, avrete notato, hanno coinvolto sopratutto la pagina del WordPress.com Reader. Foto sempre più belle e curate vengono pubblicate dagli utenti della piattaforma ed i ragazzi di Automattic volevano fare un lavoro migliore che in passato per far si che i lettori dei vostri blog potessero visualizzarle nel miglior modo possibile. Se nel nostro articolo inseriremo un’immagine in evidenza (detta anche `<tt>featured image</tt>`),  o un’immagine larga almeno 595px, questa verrò posta in evidenza in cima al titolo ed al contenuto del post all’interno della pagina Reader di ciascun utente.

uno screenshot della nuova visualizzazione delle immagini su WordPress.com
uno screenshot della nuova visualizzazione delle immagini su WordPress.com

Usare immagini dalla forte personalità riuscirà a porre un accento particolare al vostro articolo, in mezzo a tutti gli altri. Il team Automattic ha apprezzato molto poter godere visivamente di queste immagini così messe in risalto, e sperano di incontrare il favore del pubblico.

Se invece utilizzeremo immagini dalla risoluzione inferiore queste non verranno poste “in testa” all’articolo nel Reader, ma correttamente riportate all’interno dello stesso, così come da noi deciso al momento della scrittura dello stesso. Nessun contenuto viene perso.

Lo stesso principio si applica, a grandi linee, per i video e le gallery. Nel secondo caso verrà messo in evidenza ai lettori che la gallery è composta da un ‘tot’ di immagini ed un link per la sua migliore visualizzazione.

Nei prossimi due mesi sono programmate le apparizioni di diverse nuove funzionalità nel Reader, quindi prestate attenzione ai piccoli e grandi cambiamenti e non mancate di segnalare le vostre impressioni al team di sviluppo!

Minileven, il nuovo tema per piattaforme mobili

Torniamo a parlare di temi per piattaforme mobili (smartphone e tablet) riportando il contenuto dell’ultimo post di WordPress.com sull’introduzione di un nuovo tema sviluppato per la fruizione dei nostri contenuti su questi dispositivi, allontanandoci dall’ormai stranoto WpTouch (e diretti derivati).

Il nuovo tema è stato battezzato: ‘Minileven’ il cui focus è stato quello di ottimizzare la visualizzazione su piccolo schermo.


Minileven: interfaccia pulita, supporto ai formati dei post, header e background personalizzabili

Minileven è basato sul popolare (e graficamente interessante) tema Twenty Eleven, farcito da una lungua serie di ottimizzazioni per la visualizzazione su piccoli schermi, tipici dei dispositivi mobili. Se si è impostato un header, un colore di sfondo questi saranno riproposti nel tema ‘mobile‘ assieme ai widget che abbiamo configurato in modo da personalizzare l’esperienza di navigazione del nostro sito da parte dei lettori. Come accennato nella didascalia, poi, è stato introdotto anche il supporto ai formati dei post, in modo che le nostre immagini e gallerie vengano valorizzate al meglio anche su smartphone.

Se eravamo utilizzatori del vecchio tema ‘mobile’ su WordPress.com, Minileven è già stato abilitato sul nostro blog e sarà visualizzato quando lo visiteremo con un iPhone, o un dispositivo Android o Windows Phone. Come sempre potremo abilitare/disabilitare l’utilizzo del tema portandoci nella nuova sezione Mobile del menù Aspetto:

--
Riferimenti:

La fruizione di WordPress.com su dispositivi mobili

Tra le funzionalità più moderne e qualificanti, ma probabilmente meno conosciute, della nostra piattaforma d’elezione vi è la possibilità di fruire correttamente dei contenuti pubblicati allorquando ci si ritrova a navigare il sito con un disposivo mobile (magari fuori casa).

La risoluzione del display dello smartphone (o tablet), le sue limitate capacità di elaborazione di contenuti multimediali e tipografici e – infine – la lentezza endemica delle connessioni GPRS o 3G rispetto alle nostre ADSL, rendono infatti scomodo e spesso frustante la navigazione dei nostri siti preferiti.

Si rende necessaria la progettazione ‘ad hoc’ dell’aspetto grafico del nostro sito web se vogliamo garantire una fruibilità ottimale del nostro sito/blog al lettore che ci viene a visitare con un dispositivo di tal tipo. Come sappiamo, però, la versione WordPress.com del CMS non ci permette questa libertà di manovra (posto, poi, che fossimo in grado di apportare modifiche in tal senso).

WordPress.com offre l’integrazione nativa di due plugin che ci permettono di raggiungere l’obiettivo a costo (e fatica) zero: WPtouch per i dispositivi basati su Android o Apple iOS, e una evoluzione del vecchio plugin WordPress Mobile Edition per le altre piattaforme (Symbian, Bada etc).

abilitare la versione mobile del blog

Per ciascun blog ospitato sulla piattaforma, viene lasciata al proprietario la scelta se abilitare o meno la funzionalità, attraverso la selezione della voce qui sopra evidenziata, presente nella sezione Extra del modulo di configurazione del nostro tema.

Fatto ciò potremo visualizzare il nostro sito in maniera ottimizzata. Nel caso delle piattaforme diverse da Android e Apple iOS la schermata tipo sarà questa:

Per Android e Apple iOS, invece, la gallery seguente ti mostra le varie schermate che ci si presentano visitando questo blog, navigandone le opzioni (compreso uno switch alla modalità classica) e visualizzando un post ed i suoi commenti.

Buona visione!

--
riferimento: "Mobile Themes"