Compatibilità:

WebSite X5 Evo e Pro

Quando realizzi un Sito Web Responsive, configurare correttamente breakpoint, layout e contenuti è solo una parte del lavoro. Prima della pubblicazione online, è fondamentale verificare che tutte le pagine si adattino realmente come previsto alle diverse risoluzioni.


WebSite X5 mette a disposizione strumenti di Anteprima in locale che permettono di simulare il comportamento responsive del sito, controllare la disposizione degli Oggetti e identificare rapidamente eventuali problemi di layout prima della messa online.


Perché verificare il sito in Anteprima

L’Anteprima responsive consente di:

  • controllare il comportamento del layout ai diversi breakpoint;
  • verificare leggibilità e usabilità;
  • testare la disposizione dei contenuti;
  • individuare errori di ordinamento o visibilità;
  • ottimizzare l’esperienza utente prima della pubblicazione.


Questo passaggio è essenziale per garantire un risultato professionale su desktop, tablet e smartphone.


Come verificare un Sito Responsive in WebSite X5

1. Avvia l’Anteprima locale

  • Vai al Passo 4 - Pagine.
  • Apri la pagina che vuoi verificare.
  • Clicca sul pulsante Anteprima per aprire il Browser interno.

2. Usa la Barra delle risoluzioni

  • Nel Browser interno trovi la Barra che visualizza con l'ausilio di colori tutti i breakpoint attivati.
  • Clicca sui pulsanti che indicano i diversi breakpoint: la finestra del Browser viene ridimensionata automaticamente alla risoluzione corrispondente, così puoi verificare la resa della pagina.
  • In alternativa, ridimensiona manualmente la finestra del Browser per osservare il comportamento dinamico del layout.

3. Testa il sito su dispositivi mobili (solo Pro)

  • Se utilizzi WebSite X5 Pro, clicca sul pulsante Anteprima Mobile.
  • Viene generato un QR Code e un indirizzo URL dedicato.
  • Connetti il tuo smartphone o tablet alla stessa rete del PC, inquadra il QR Code o collegati alla URL indicata. In questo modo puoi visualizzare l'anteprima del tuo sito direttamente sul tuo dispositivo e verificarne il comportamento durante la navigazione da mobile. 

4. Controlla l’ordinamento dei contenuti

  • Se nell'Anteprima noti che alcuni contenuti non sono disposti nel modo atteso, clicca sul pulsante Mostra numerazione.
  • Ogni contenuto viene evidenziato con il numero associato al relativo Oggetto nella procedura di ordinamento responsive. 
  • In questo modo ti sarà più semplice comprendere cosa devi modificare per ottenere il risultato desiderato.


Suggerimenti pratici

Per ottenere verifiche più efficaci:

  • controlla tutte le pagine del sito;
  • verifica ogni breakpoint attivato;
  • testa sia desktop che mobile;
  • usa la numerazione per correggere errori di ordinamento;
  • ripeti il controllo dopo ogni modifica importante.


In sintesi

L’Anteprima in locale è uno strumento indispensabile per verificare la qualità responsive del tuo progetto prima della pubblicazione.


Con WebSite X5 puoi controllare in modo visuale layout, contenuti e comportamento delle pagine su qualsiasi risoluzione, riducendo errori e migliorando l’esperienza utente finale.


Una verifica accurata ti permette di pubblicare siti più professionali, affidabili ed efficaci su ogni dispositivo.