Prima di pubblicare le modifiche recenti, è fondamentale visualizzare l’anteprima del tuo sito web per capire esattamente come apparirà ai visitatori. Considerala come una prova generale finale per assicurarti che ogni elemento—dall’ultimo articolo del blog a quel nuovo pulsante di contatto—risulti 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 così come appare sugli schermi dei computer.
Tablet e Mobile - Mostra come il layout si adatta automaticamente a schermi più piccoli e tablet.
App - Visualizza l’anteprima del sito così come apparirà come app installata sui dispositivi dei tuoi utenti (Android, iOS)
Nuova finestra - Apre un’anteprima live in una scheda del browser separata, offrendo la rappresentazione più fedele dell’esperienza del visitatore.
Torna alla modalità di modifica - Quando hai finito di controllare il tuo lavoro, fai clic su questo pulsante per rientrare nell’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:
Intestazione e font - Regola l’altezza dell’intestazione e la dimensione del font dell’intestazione per mantenere il brand ben visibile senza occupare troppo spazio sullo schermo.
Aspetto del menu - Personalizza il tipo di menu e il colore del menu del menu popup mobile in modo che rispecchi l’estetica 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 web
Regolazioni dinamiche - Le impostazioni specifiche per il mobile ti permettono di risolvere problemi di layout—ad esempio testo troppo grande su schermi piccoli—senza influire sulla versione desktop del sito.
Controllo di coerenza - Prima di un lancio importante, consigliamo vivamente l’anteprima in "Nuova finestra", perché consente di testare link e pulsanti in un ambiente pulito del browser.
Esperienza utente - Su mobile presta particolare attenzione a Colore del menu e Allineamento testo; un menu centrato e ad alto contrasto è spesso più facile da navigare con il pollice.
