CMS  »  Articoli  »  WordPress 

Il problema dell'accesso ai siti tramite dei dispositivi mobili è sempre più importante. Con il mercato dei palmari, tablet e telefonini in crescita un buon web designer deve pensare, fin dalla fase progettuale, che il proprio sito web può non essere visto correttamente da tutti i dispositivi. Qualche settimane fa avevamo proposto alcune soluzioni per la visualizzazione dei siti WordPress con iPhone e iPad, ma oggi vediamo alcuni temi con il layout che si adatta al dispositivo di accesso.

Navigando su Internet sarà capitato sicuramente più di una volta di leggere alcune frasi come queste: "sito ottimizzato per una risoluzione video di 1024x768 pixel" oppure "sito ottimizzato per una risoluzione minima di 640x480 pixel". Frasi di questo tipo stanno a indicare che il layout del sito che stiamo visitando è visualizzato nel modo migliore se si utilizzano degli schermi con la risoluzione indicata. Se utilizziamo schermi con risoluzione minore il sito verrà visualizzato in modo non corretto, con risoluzione superiore sarà visto correttamente ma in modo diverso rispetto a quello ottimale. La diversità dipende anche dal layout utilizzato nel sito, per esempio se abbiamo un layout fisso avremo un effetto diverso rispetto a un layout liquido.

Con l'avvento di dispositivi che hanno degli schermi piccoli (per esempio da 3,5'' in su) oppure enormi (fino ad arrivare anche oltre i 24'') la necessità di avere un layout adatto a tutte le esigenze è diventata essenziale. È nato così il termine Responsive Web Design (Web Design Reattivo): esso permette di offrire un layout specifico e ottimizzato secondo le dimensioni dello schermo del dispositivo con il quale accede l'utente. L'ottimizzazione avviene in tempo reale, per esempio con testi e immagini che si riducono o si riposizionano in seguito al rimpicciolimento o all'ingrandimento della finestra. Proprio per aiutare i web designer a creare siti sempre più belli e usabili in tutte le situazioni sono stati creati alcuni temi ad hoc per WordPress.

Vediamo ora una serie di temi caratterizzati da un layout che si adatta al tipo di risoluzione del client.

Altri articoli

Altre guide

Altre newsletter