Passare dall'anteprima mobile a quella desktop
Alterna tra la visualizzazione mobile e desktop per vedere come appare il tuo sito matrimoniale su diversi dispositivi.
Il tuo sito web matrimoniale si adatta automaticamente alle diverse dimensioni dello schermo. L'anteprima dell'editor ti permette di passare dalla vista desktop a quella mobile per vedere esattamente come apparira il sito agli ospiti su telefoni, tablet e computer.
Come cambiare l'anteprima
Nell'editor del sito, guarda nell'angolo in basso a destra dell'area di anteprima
Clicca il pulsante con l'icona del dispositivo (mostra piu dispositivi)
L'anteprima passa alla visualizzazione mobile
Le schede delle pagine mostreranno Anteprima mobile per indicare che sei in modalita mobile.
Tornare alla visualizzazione desktop
Clicca di nuovo l'icona del dispositivo per tornare all'anteprima desktop. L'etichetta Anteprima mobile scompare.
Cosa cambia nella visualizzazione mobile
Quando passi all'anteprima mobile, vedrai:
Layout piu stretto - I contenuti si impilano verticalmente per adattarsi agli schermi dei telefoni
Navigazione adattata - Il menu potrebbe raggrupparsi in un'icona hamburger
Immagini responsive - Le immagini si ridimensionano per adattarsi a schermi piu piccoli
Testo ottimizzato - Le dimensioni dei font si adattano per la leggibilita su mobile
Perche visualizzare entrambe le viste
La maggior parte degli ospiti visitera il tuo sito dal telefono. Alternare tra le viste ti aiuta a:
Assicurarti che i contenuti siano belli su tutti i dispositivi
Verificare che il testo sia leggibile su schermi piccoli
Controllare che le immagini si visualizzino correttamente su mobile
Assicurarti che pulsanti e link siano facili da toccare
Vedere come si adatta il menu di navigazione
Suggerimenti di design per il mobile
Mentre costruisci il sito, passa all'anteprima mobile per controllare:
Dimensioni delle immagini - Le immagini grandi dovrebbero apparire bene anche quando ridimensionate
Lunghezza del testo - I paragrafi lunghi sono piu difficili da leggere sui telefoni
Posizione dei pulsanti - Assicurati che i pulsanti siano facili da toccare con il pollice
Spaziatura delle sezioni - Alcune spaziature potrebbero apparire diverse su mobile
Usare l'anteprima mobile con lo schermo intero
Puoi combinare l'anteprima mobile con la modalita schermo intero:
Clicca l'icona del dispositivo per passare alla vista mobile
Clicca Schermo intero per massimizzare l'anteprima mobile
Guarda il tuo sito mobile in maggiore dettaglio
Suggerimenti
Controlla la vista mobile per ogni pagina. Non limitarti all'anteprima della homepage - naviga tra tutte le schede in modalita mobile.
Il mobile viene prima per la maggior parte degli ospiti. Anche se progetti principalmente su desktop, controlla sempre il mobile prima di pubblicare le modifiche.
Testa la navigazione con attenzione. Assicurati che gli ospiti possano trovare e accedere facilmente a tutte le pagine su mobile.
Articoli correlati