{"id":370901,"date":"2023-02-02T14:30:00","date_gmt":"2023-02-02T11:30:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=370901"},"modified":"2023-05-08T13:20:30","modified_gmt":"2023-05-08T10:20:30","slug":"come-aggiungere-facilmente-un-effetto-di-parallasse-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-aggiungere-facilmente-un-effetto-di-parallasse-in-wordpress\/","title":{"rendered":"Come aggiungere facilmente un effetto di parallasse in WordPress"},"content":{"rendered":"\n

Chiunque abbia mai cercato un tema WordPress o esplorato varie caratteristiche e funzionalit\u00e0 fornite con un tema ha probabilmente notato qualcosa chiamato scorrimento parallasse elencato tra le principali funzionalit\u00e0 del tema. Non tutti hanno familiarit\u00e0 con cosa sia veramente lo scorrimento del parallasse, e anche coloro che possono riconoscerlo quando lo vedono su un sito Web probabilmente non sanno molto altro a riguardo. Ecco perch\u00e9 abbiamo pensato che sarebbe stata una buona idea dirti qualcosa in pi\u00f9 su questa tecnica popolare<\/strong> e mostrarti come puoi averla sul tuo sito Web utilizzando un plug-in o scegliendo un tema WP parallasse<\/strong>. Siti web con scorrimento in parallasse<\/a>sono popolari per una buona ragione, e se vuoi stare al passo con le ultime tendenze nel mondo online, devi semplicemente sapere tutto quello che c’\u00e8 da sapere.<\/p>\n

Se non sei sicuro di aggiungere un effetto di parallasse al tuo sito web, cercheremo di aiutarti a prendere la decisione giusta:<\/p>\n

Che cos’\u00e8 lo scorrimento parallasse?<\/h2>\n

Esistono molti modi per definire lo scorrimento parallasse e il parallasse di WordPress come un concetto in generale. Una possibile definizione potrebbe essere che lo scorrimento parallasse sia una tecnica in cui lo sfondo e il primo piano sono entrambi animati, tranne per il fatto che si muovono a velocit\u00e0 diverse<\/strong>. Lo sfondo si muove pi\u00f9 lentamente degli oggetti in primo piano, il che crea un’illusione di profondit\u00e0. La tecnica \u00e8 ampiamente utilizzata nei temi di WordPress<\/a>, ma ovviamente non \u00e8 affatto limitata a questo popolare CMS.<\/p>\n<\/p>\n

Una breve storia<\/h3>\n

La parola parallasse deriva in realt\u00e0 dall’astronomia. Descrive l’apparente spostamento o incongruenza nella direzione di un oggetto quando \u00e8 visto da due diversi punti di vista. Sai come a volte gli oggetti nello spazio sembrano muoversi a velocit\u00e0 diverse perch\u00e9 uno di loro \u00e8 pi\u00f9 vicino a te? La dinamica degli oggetti in primo piano sembra sempre essere pi\u00f9 veloce ed energica della dinamica degli oggetti sullo sfondo. Nella "vita reale", questo ha senso, perch\u00e9 la vita reale \u00e8 tridimensionale. Ma per quanto riguarda il design? Bene, possiamo farlo sembrare come la vita reale, e questo \u00e8 in realt\u00e0 uno dei principali effetti che i designer desiderano ottenere<\/strong> con il parallasse.<\/p>\n

La parallasse come sappiamo \u00e8 stata introdotta per la prima volta durante l’era d’oro del design dei videogiochi, pi\u00f9 precisamente, con i giochi arcade a scorrimento laterale. Il suo scopo era aggiungere profondit\u00e0 e dinamica alla scena<\/strong> e migliorare la narrazione, il tutto nella speranza di fornire ai giocatori un’esperienza pi\u00f9 coinvolgente e coinvolgente.<\/p>\n

Questo era nei primi anni ’80. Avanzando rapidamente all’inizio degli anni 2010, avrai i primi tentativi di scorrimento del parallasse applicato al web design. Oggi, anni dopo, non c’\u00e8 quasi persona al mondo che non abbia riscontrato lo scorrimento della parallasse di WordPress in una forma o nell’altra.<\/p>\n

Pu\u00f2 sembrare complicato, ma aggiungere un effetto di parallasse al tuo sito \u00e8 piuttosto semplice. Lo scorrimento in parallasse segue in realt\u00e0 un concetto di design molto semplice<\/strong>. Prendi lo sfondo e il primo piano e li fai muovere a velocit\u00e0 diverse, usando l’animazione. Quando un utente scorre la pagina, lo sfondo si rivela semplicemente pi\u00f9 lento degli oggetti in primo piano, che possono includere immagini, gallerie, video, testo o qualsiasi altro contenuto. Il risultato \u00e8 che tutto sembra fluttuare nello spazio, invece di starsene seduto l\u00ec, fissato allo sfondo.<\/p>\n

Nota che il design dello scorrimento parallasse di WordPress non \u00e8 una tecnica unica e universale. Ci sono diversi stili di progettazione di parallasse in uso oggi, ma la maggior parte di essi si basa sull’uso di pi\u00f9 livelli<\/strong>. A ciascuno dei livelli \u00e8 assegnata una funzione di scorrimento e una velocit\u00e0 designata. Successivamente, vengono applicate le corrette correzioni CSS o HTML per diversi browser e visualizzatori, assicurandosi di utilizzare la sintassi corretta delle ultime versioni di queste risorse, altrimenti il \u200b\u200btutto semplicemente non funzioner\u00e0 bene.<\/p>\n

\"Come<\/a><\/p>\n

Perch\u00e9 \u00e8 buono<\/h3>\n

Lo scorrimento in parallasse \u00e8 diventato cos\u00ec immensamente popolare in questi giorni<\/strong> che sembra che non ci sia letteralmente nessun sito Web al mondo che non lo usi in qualche modo, forma o forma. Questo, ovviamente, non \u00e8 vero, ma resta il fatto: questa tecnica \u00e8 ampiamente utilizzata, specialmente nei siti WordPress<\/strong>. Allora, che cos’\u00e8 lo scorrimento del parallasse che lo rende cos\u00ec attraente per i web designer?<\/p>\n

La risposta potrebbe risiedere nell’esperienza dell’utente<\/strong>. Lo scorrimento in parallasse crea un modo dinamico ed emozionante di percepire i contenuti di un sito web<\/strong>. Ci attira creando un’illusione di profondit\u00e0 e movimento<\/strong>. Parallax \u00e8 anche un ottimo strumento di narrazione<\/strong>, in quanto guida l’utente attraverso diversi elementi di contenuto. A patto di usarlo correttamente, ovviamente. Ci sono molti cattivi esempi di uso della parallasse. A volte sembra che i designer lo mettano in gioco solo perch\u00e9 sanno come farlo, quando in realt\u00e0 non hanno nulla a che fare con esso.<\/p>\n

Gli utenti amano essere intrattenuti. E oltre a ricette collaudate come sfondi video che puoi facilmente aggiungere utilizzando i plug-in di sfondo video di WordPress<\/a>, anche lo scorrimento Parallasse \u00e8 un ottimo modo per farlo. \u00c8 anche un ottimo modo per le aziende di trascinare letteralmente gli spettatori nelle parti del loro sito Web in cui desiderano concentrarsi. Ad esempio, le pagine del prodotto o del servizio.<\/p>\n

In ogni caso, il comportamento di scorrimento comporta sicuramente un elemento di sorpresa. Se fatto bene, delizia l’utente e questa \u00e8 sempre una buona cosa per un sito web.<\/p>\n

Aggiungi un effetto di parallasse usando un plugin<\/h2>\n

Per i principianti e gli utenti intermedi, il modo migliore per aggiungere parallasse \u00e8, di gran lunga, utilizzare un plug-in. Ci sono cos\u00ec tanti plug-in di parallasse eccellenti<\/a><\/strong> sul mercato e la maggior parte di essi fa un ottimo lavoro nell’aiutarti ad aggiungere parallasse al tuo sito Web WordPress. Ai fini di questo articolo, utilizzeremo il plug-in Advanced WordPress Backgrounds<\/a>.<\/p>\n

Sebbene creato principalmente per aggiungere l’effetto di parallasse, questo strumento copre molte altre interessanti funzionalit\u00e0. Ad esempio, puoi usarlo per aggiungere uno sfondo statico dietro il testo<\/strong>. Inoltre, ti aiuta ad aggiungere lo sfondo anche a una riga specifica. Quando vuoi colorare un paragrafo aggiungendo lo sfondo, questo plugin ti permetter\u00e0 di farlo con un clic.<\/p>\n