header-logo
Primi passiScopri come creare il sito per la tua attività con Wix.
Creare il tuo sitoProgetta il tuo sito con le funzionalità intuitive di Wix.
Account e fatturazioneGestisci abbonamenti, pacchetti e fatture.
Usare le app mobile WixGestisci la tua attività e comunica con i tuoi membri.
Collegare un dominioAcquista, trasferisci e collega un dominio al tuo sito.
Gestire la tua attivitàFai crescere la tua attività online con gli strumenti giusti.
Promuovere il tuo sitoAumenta la visibilità del tuo sito con il marketing e la SEO.
Studio, Partner ed EnterpriseLavora in modo efficace con le funzionalità più avanzate.
AssistenzaScopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Wix LearnDiventa un esperto con i nostri corsi e tutorial.
Wix BlogScopri i consigli per web design, marketing e molto altro.
SEO Learning HubScopri come far crescere il traffico organico del tuo sito.
Website developmentCrea il tuo sito con la nostra piattaforma full stack.
Assumi un professionistaTrova 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 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. 
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 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à.
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.