Alex Ruben
Come creare effetti di scorrimento parallasse con Wix Studio
Migliorare l’atmosfera del tuo sito web con un po’ di magia parallasse – dove gli sfondi si muovono a una velocità diversa rispetto ai contenuti – può davvero dare un tocco visivo in più. Ma onestamente, provare a farlo su Wix Studio può sembrare un po’ complicato se sei alle prime armi, e a volte non è proprio intuitivo. Ecco quindi cosa fare quando vuoi un effetto semplice senza doverti tuffare in un codice folle.
Prerequisiti
Prima ancora di iniziare a armeggiare con gli elementi, assicurati di avere:
- Un account Wix. Registrati su wix.com se non l’hai già fatto.
- Accesso all’editor di Wix Studio: se utilizzi l’editor classico, la procedura potrebbe essere diversa.
- Ecco una bozza di come navigare su Wix, ma non preoccuparti: una volta che ci avrai preso la mano, sarà tutto più che altro un gioco da ragazzi.
Passaggio 1: accedi e accedi a Wix Studio
Avvia il browser, vai su wix.com e accedi. Una volta nella dashboard, devi accedere a Wix Studio, che a volte è un po’ nascosto. Di solito, vai sul tuo sito, clicca su “Editor del sito” e poi trova l’opzione ” Apri in Wix Studio”.
Passaggio 2: scegli la pagina e la sezione
Una volta entrato in Wix Studio, seleziona la pagina in cui desideri quel fantastico effetto parallasse. Vedrai un elenco di pagine: clicca su quella desiderata, quindi cerca l’area in cui desideri aggiungere o modificare una sezione.
Ora, aggiungi una nuova sezione se necessario: fai clic sul pulsante Aggiungi elementi (l’icona con il segno più).Di solito, tra uno sfondo a strisce o una striscia vuota, scegli Striscia o Sezione.
Passaggio 3: personalizza e abilita la parallasse
Fai clic sulla nuova sezione per selezionarla. Sulla destra, cerca opzioni come “Effetti di scorrimento”.È lì che sta la magia. Fai clic, quindi seleziona “Parallasse”. A volte, Wix fallisce un po’: in alcune configurazioni, è necessario ricaricare o spostare la pagina per farla rimanere fissa. Continua a cliccare.
Perché questo è utile? Perché senza impostare gli effetti di scorrimento su parallasse, lo sfondo sarà statico e non darà quel movimento stratificato. Quando lo attivi, noterai che lo sfondo inizia a muoversi a una velocità diversa durante lo scorrimento.
Passaggio 4: regola le impostazioni di sfondo e parallasse
È ora di impostare lo sfondo. Clicca su “Cambia sfondo”, carica un’immagine, scegli un colore, qualsiasi cosa. Assicurati che le immagini siano ad alta risoluzione, perché ovviamente Wix deve complicare le cose e gli sfondi sfocati rovinano l’atmosfera.
Nelle impostazioni dell’immagine, attiva l’ opzione Abilita parallasse. Questo fa sì che lo sfondo rallenti o acceleri rispetto al contenuto in primo piano, conferendogli quella profondità immersiva. Non tutte le immagini rispondono allo stesso modo: a volte è necessario modificarne le dimensioni o il posizionamento.
Passaggio 5: Salva, visualizza in anteprima e modifica
Salva i tuoi contenuti con il pulsante Salva (in alto a destra).Quindi premi Anteprima e scorri verso il basso: se l’effetto funziona, dovresti vedere lo sfondo muoversi a una velocità diversa. A volte, la registrazione richiede uno o due secondi perché Wix non è sempre puntuale con gli aggiornamenti in tempo reale.
Consiglio: provalo sia su desktop che su dispositivi mobili. Il parallasse può essere fantastico, ma potrebbe non funzionare sugli schermi dei dispositivi mobili se non si presta attenzione alla reattività.
Suggerimenti extra e problemi comuni
Un po’ strano, ma se l’effetto non si vede, controlla quanto segue:
- Assicuratevi che l’immagine di sfondo sia ad alta risoluzione: le immagini pixelate compromettono l’effetto.
- Disattivare eventuali animazioni o sovrapposizioni in conflitto che potrebbero sovrascrivere gli effetti di scorrimento.
- A volte, dopo aver modificato le impostazioni, può essere utile ricaricare la pagina o cancellare la cache.
- Se l’effetto scompare sui dispositivi mobili, seleziona l’opzione “Nascondi su dispositivi mobili”.Il parallasse spesso non funziona bene in questi casi e Wix potrebbe nascondere silenziosamente le tue impostazioni.
Quando usare questo
Questo vale quando si desidera un effetto visivamente ricco e dinamico, soprattutto nelle landing page, nelle intestazioni o nelle aree hero. Se la pagina appare piatta o statica, un parallasse ben studiato può far risaltare l’aspetto senza troppi problemi. Ma non esagerare: troppi movimenti possono distrarre.
Risorse correlate
Se hai davvero difficoltà, c’è un repository GitHub che mostra alcune modifiche personalizzate al codice, ma onestamente, la maggior parte delle volte, le opzioni integrate di Wix Studio risolvono il problema.
Domande frequenti
Posso aggiungere più sezioni parallasse in una pagina?
Sì, nessun problema. Ripeti semplicemente il processo e attiva nuovamente la parallasse su ogni sezione. A volte, il risultato è un po’ imprevedibile, a seconda di come Wix gestisce gli effetti di scorrimento, ma in genere funziona.
Ho bisogno di programmare il parallasse in Wix?
No, Wix ti ha praticamente trascinato nel lato visivo. Basta attivare le impostazioni, scegliere le immagini e via. Se vuoi più controllo, allora sì, un po’ di codice personalizzato può aiutarti, ma questa è un’altra storia.
Cosa rende una buona immagine di sfondo per la parallasse?
Cerca immagini ampie e ad alta risoluzione: paesaggi o soggetti astratti con livelli. Più sono nitide, meglio è, poiché le immagini a bassa risoluzione tendono a pixelarsi quando si scorre.
Riepilogo
- Attiva gli effetti di scorrimento e seleziona Parallasse.
- Per ottenere il miglior effetto possibile, utilizzare sfondi di alta qualità.
- Visualizza l’anteprima su dispositivi diversi perché Wix può essere incoerente.
- Non esagerare: i movimenti discreti solitamente hanno un effetto migliore.
Spero che questo faccia risparmiare qualche ora a qualcuno. Le stranezze di Wix sono fastidiose, ma una volta che funziona, sembra piuttosto elegante. Incrociamo le dita che questo aiuti.