header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image
In questo articolo:
  • Utilizzare le funzionalità responsive nell'Editor Wix
  • Editor mobile
  • Elementi a larghezza intera
  • Creare un sito responsivo su Wix Studio

Creare siti responsivi con Wix

6 min
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 che si adatta perfettamente a 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'IA 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 compatibile con i dispositivi mobile 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. 
GIF con lo scorrimento dell'Editor mobile verso il basso
È 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:
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 in modo che i tuoi 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à.
GIF che mostra come cambia il design del sito quando si clicca sui diversi punti di interruzione in alto

Helpmate

Ciao

Hai bisogno di ulteriori suggerimenti?
Riassunto di questo articolo
Unlock personalized helpLog in to get the most out of Helpmate.