Prima di pubblicare le modifiche più recenti, è fondamentale visualizzare in anteprima il tuo sito web per capire esattamente come apparirà ai visitatori. Considerala come una prova generale finale, per assicurarti che ogni elemento—dal tuo ultimo post del blog al nuovo pulsante Contatti—sia curato e professionale.
Per visualizzare il sito su diverse piattaforme, fai clic sull’icona Desktop nell’Editor del sito web e scegli una di queste opzioni di visualizzazione:
Desktop - La visualizzazione predefinita dell’editor che mostra il sito come appare sugli schermi standard dei computer.
Tablet e Mobile - Mostra come il layout si adatta automaticamente a schermi più piccoli e tablet.
App - Visualizza in anteprima il tuo sito web così come apparirà come app installata sui dispositivi dei tuoi utenti (Android, iOS)
Nuova finestra - Apre un’anteprima live in una scheda separata del browser, offrendo la rappresentazione più accurata dell’esperienza del visitatore.
Torna alla modalità Modifica - Quando hai finito di controllare il tuo lavoro, fai clic su questo pulsante per tornare all’editor.
Anche se il tuo sito web è responsive per natura, puoi usare le Impostazioni Mobile per ottimizzare alcuni elementi visivi specifici per i dispositivi portatili:
Header e font - Regola l’altezza dell’Header e la dimensione del font dell’Header per assicurarti che il tuo brand resti ben visibile senza occupare troppo spazio sullo schermo.
Aspetto del menu - Personalizza il Tipo di menu e il Colore del menu del menu popup su mobile, in modo che rispecchi lo stile del tuo brand.
Layout e spaziatura - Usa Allineamento testo per posizionare il testo del menu e Spazio tra le pagine per controllare la distanza verticale tra i link di navigazione.
Controlla alcuni aspetti della versione App del sito
Adattamenti dinamici - Le impostazioni specifiche per mobile ti permettono di risolvere problemi di layout—come testo troppo grande su schermi piccoli—senza influire sulla versione desktop del sito.
Verifica della coerenza - Prima di un lancio importante, è vivamente consigliato usare l’anteprima in “Nuova finestra”, perché ti consente di testare link e pulsanti in un ambiente del browser pulito.
Esperienza utente - Su mobile, presta particolare attenzione al Colore del menu e all’Allineamento testo: un menu centrato e ad alto contrasto è spesso più facile da navigare con il pollice.
