Creare siti responsivi con Wix

In questo articolo:

Utilizzare le funzionalità responsive nell'Editor Wix
Editor mobile
Elementi a larghezza intera
Creare un sito responsivo su Wix Studio

Che tu stia utilizzando l'Editor Wix o l'Editor Studio, Wix offre una varietà di strumenti per aiutarti a creare un sito web che appaia al meglio su ogni schermo.

Con l'Editor Wix, puoi utilizzare sezioni, strisce ed elementi a larghezza intera che si adattano alle dimensioni dello schermo del visitatore. Nell'Editor Studio, opzioni avanzate come la personalizzazione del punto di interruzione, le proprietà di ridimensionamento e l'AI responsiva ti danno la precisione per creare design responsivi e pronti all'uso per i clienti.

In questo articolo, scopriremo come creare un sito responsivo in entrambi gli Editor.

Utilizzare le funzionalità responsive nell'Editor Wix

I siti Wix creati nell'Editor Wix stanno diventando sempre più responsivi mentre continuiamo ad aggiungere nuove ed entusiasmanti funzionalità.

Editor mobile

Wix crea automaticamente una versione mobile-friendly del tuo sito utilizzando il contenuto del tuo sito desktop. Usa l' Editor mobile per personalizzare il design, i contenuti del tuo sito mobile e migliorare l'esperienza per i visitatori.

È importante sapere che:

Le versioni desktop e mobile del tuo sito rappresentano diverse modalità di visualizzazione dello stesso sito; non sono siti separati. Le modifiche apportate al sito desktop influiscono sul sito mobile, mentre le modifiche del tuo sito mobile non sono applicate al sito desktop.

Elementi a larghezza intera

L'Editor Wix offre una varietà di elementi che possono espandersi per riempire l'intera larghezza dello schermo e adattarsi alle dimensioni dello schermo del visitatore (su desktop).

I seguenti elementi sono responsivi se estesi alla larghezza intera:

Sezioni e strisce

Slideshow a larghezza intera

Gallerie

Menu orizzontali e linee

Elementi delle app di Wix e Google Maps

Se l'elemento ha un'icona Allunga

, significa che puoi allungarlo alla larghezza intera e renderlo responsivo.

GIF che mostra un sito dell'Editor Wix con uno slideshow e un piè di pagina al di sotto, entrambi responsivi quando il browser viene ridimensionato

Nota:

Quando si utilizzano elementi che non possono essere allungati a larghezza intera (es. caselle di testo, immagini), assicurati di mantenerli all'interno delle linee guida verticali in modo che gli elementi appaiano correttamente sulla maggior parte delle dimensioni degli schermi.

Creare un sito responsivo su Wix Studio

Puoi creare siti completamente responsivi e dal design accattivante per i tuoi clienti nell'Editor Studio. Con le sue funzionalità all'avanguardia, la piattaforma ti consente di creare siti responsivi con velocità e precisione.

All'interno dell'Editor, troverai una serie di strumenti accuratamente selezionati per semplificare il processo di progettazione, garantendo semplicità, efficienza e risultati eccezionali per i tuoi progetti.

Clicca qui sotto per saperne di più su questi strumenti e funzionalità.

Personalizzare per punto di interruzione