Tema Mobile

La popolarità degli smartphones continua a crescere, così che diventa sempre più importante garantire che i contenuti del tuo sito siano chiari e leggibili su uno schermo piccolo.

Il tema Mobile predefinito di WordPress.com visualizza i tuoi contenuti su un’interfaccia chiara e ordinata rendendo facile ai visitatori che utilizzano un telefonino perlustrare il tuo sito. Inoltre, abbiamo dedicato particolare attenzione al tema per dispositivi mobili, per renderlo il più leggero possibile in modo da assicurare tempi di caricamento più rapidi.

Abilitare il Tema Mobile

Per utilizzare il Tema Mobile, tutto quello che devi fare è attivare il modulo Tema Mobile dal pannello di Jetpack.

Come posso vedere il Tema Mobile in azione sul mio sito?

Il Tema Mobile verrà visualizzato solamente su un sistema operativo per dispositivi mobili, quindi per vederlo in azione, dovrai visitare il tuo sito da uno smartphone.

Opzioni del Tema Mobile

Il tema Mobile dispone di diverse opzioni:

Visualizza sia prefazioni che interi articoli sulla home-page e nelle pagine di archivio.
Visualizza una promo per le applicazioni mobili di WordPress nel piè di pagina del tema mobile.

Per accedere alle opzioni del tema Mobile:

Vai in Jetpack → Jetpack nella Bacheca.
Dalla pagina principale di Jetpack, localizza il modulo Tema mobile e clicca Configura. Questo ti porterà alla pagina Configura Tema mobile.
Seleziona l’opzione che desideri, quindi clicca Salva Configurazione.

Funzionalità Aggiuntive

Menù Personalizzati

Il tema Mobile scorre le voci personali di menù del tuo tema desktop attuale e visualizza il menù assegnato come primo preferito. Se non hai assegnato nessun menù personale, automaticamente preferirà il menù della pagina standard.

Un box di ricerca sarà visualizzato alla destra del menù, permettendo ai visitatori di trovare velocemente ogni contenuto.

Intestazione e Sfondo Personalizzati

Il tema Mobile tiene conto delle seguenti impostazioni per intestazione e sfondo personali del tuo tema desktop corrente:

Immagine di intestazione personale
Immagine o colore di sfondo personale
Impostazioni di posizionamento e ripetizioni per l’immagine di sfondo personalizzata
Se mostrare o no il testo nell’intestazione (riferito a titolo e descrizione del sito)
Colore del testo per il titolo del sito (se hai abilitato un colore personalizzato per l’intestazione nelle opzioni del tema mobile)

Ti accorgerai che il tema Mobile utilizza una disposizione a colonna unica. Questo garantisce che il tuo contenuto abbia il più ampio respiro su schermi più piccoli. I widgets compaiono al di sotto del contenuto, appena prima del piè di pagina.

Attualmente, il tema Mobile visualizza una barra laterale sotto l’area principale per i contenuti, appena sopra il piè di pagina. I widget appaiono soltanto se l’id della barra laterale è “sidebar-1”. Se non hai familiarità con gli id delle sidebar, puoi trovare altre informazioni a riguardo nel WordPress.org Codex.

Se i tuoi widgets non vengono visualizzati nel tema Mobile, questo è probabilmente dovuto al fatto che la barra laterale del tuo tema desktop non ha “sidebar-1” come id (l’id deve essere necessariamente “sidebar-1”). Per verificarlo, cerca tra i file del tuo tema fino a visualizzare la funzione register_sidebar() (solitamente in functions.php). Se vorresti che i widget siano visualizzati, devi cambiare l’ID della sidebar in “sidebar-1”. Ecco un esempio:

register_sidebar( array(
    'id'          => 'sidebar-1',
    'name'        => __( 'Right Sidebar', 'theme-text-domain' ),
    'description' => __( 'This sidebar is located in the right column', 'theme-text-domain' ),
) );

Nota: Se hai più di una sidebar, solo una può avere un id “sidebar-1”. In questo particolare caso, dovrai prima decidere quale tra le tue barre laterali vuoi rendere visibile nel tema Mobile, quindi cambiare l’id di quella sidebar in “sidebar-1”.

Passa alla “Versione Integrale”

Chi visualizza il tuo sito ha l’opzione di passare alla versione desktop toccando il link “Visualizza Versione Integrale” posizionato in fondo ad ogni pagina.