Video: 13 video lezioni
Difficoltà: Principiante
Requisiti: Corso WordPress
Hosting: SiteGround
Slider: Layer Slider WP / Slider Revolution
Grazie agli slider animati creati con il plugin Layer Slider WP potrai rendere il tuo sito ancora più bello ed accattivante, arricchendolo con animazioni di immagini, video ed elementi testuali.
Riuscirai così a colpire immediatamente l’attenzione degli utenti, focalizzandola su tutti quegli elementi che vuoi far risaltare.
In questa lezione ti presenteremo meglio le caratteristiche che rendono LayerSlider WP un fantastico plugin, che viene scaricato da tantissimi utenti per le sue numerose funzionalità.
Grazie a questo strumento puoi creare bellissime composizioni a più livelli, inserendo ogni elemento che viene supportato dai browser, e dare anche un effetto tridimensionale, sempre visibile sui dispositivi mobile.
In questa lezione imparerai a conoscere la schermata All Sliders, che raccoglie tutti gli slider che deciderai di creare.
Vedrai che vi sono due pulsanti, aggiungi e importa, che ti permettono di creare un nuovo slider, di importarne uno creato in precedenza, oppure di caricare una versione demo.
Da questa schermata puoi gestire ogni singolo slider, e visualizzare alcune informazioni come il numero di slide inserite e la data della ultima modifica. Inoltre vedrai come esportare uno slider su un altro sito web, come visualizzare se vi sono aggiornamenti disponibili per il plugin, e come caricare Google Fonts addizionali.
In questa lezione imparerai a creare un nuovo slider, attraverso delle aree di impostazioni specifiche.
Ti verrà mostrata passo passo la procedura per realizzare un semplice slider, e successivamente posizionarlo su una pagina.
Prima di tutto stabiliremo le dimensioni dello slider, e l’immagine di sfondo, realizzando quindi la prima slide.
Aggiungeremo una seconda immagine per creare la seconda slide, ed in questo modo avremo uno slider essenziale da poter visualizzare, che potremo testare inserendolo su una pagina del Tema Enfold.
In questa lezione vedrai come impostare una singola slide, attraverso l’apposito pannello.
Potrai decidere la durata e la tipologia di transizione, e soprattutto imparerai ad aggiungere uno “strato” (layer) alla singola slide.
Il layer può essere un elemento di varia tipologia, testuale o dinamico come un video. Una volta che hai scelto la sua tipologia, potrai modificare il suo stile direttamente dal pannello delle impostazioni, senza dover modificare direttamente il codice CSS.
Non ultimo, potrai anche decidere se inserire un link all’elemento, e impostare la modalità di inserimento e di uscita del layer sulla slide.
In questa lezione imparerai come inserire un layer video in una slide.
Vedrai come aggiungere questo elemento, attraverso l’inserimento del rispettivo codice embed a youtube o vimeo, oppure attraverso il caricamento di un file video.
Attraverso la sezione styles potrai effettuare delle modifiche di visualizzazione, decidere la sua qualità e se farlo partire immediatamente o dopo il comando di un utente.
In questa lezione imparerai come interagire con le impostazioni generali dello slider.
Potrai quindi intervenire su molti aspetti come:
Imparerai come specificare quale cornice dare allo slider, se mostrare o meno all’utente dei pulsanti di navigazione tra le slide, e se inserire un logo su ognuna delle slide che compongono lo slider.
Utilizzando questo plugin a pagamento, ma compreso spesso gratuitamente quando si acquista un tema premium potrai realizzare animazioni in grado di attirare l’attenzione di chi visita la tua pagina grazie a strumenti come:
Le possibilità di personalizzazione di Revolution Slider sono infinite e ti permetteranno di realizzare l’animazione perfetta per il tuo sito web.
In questa lezione conosceremo il pannello di impostazione dello slider.
Potremo scegliere se partire da zero o se importare uno slider precedentemente realizzato ad esempio utilizzando i contenuti demo.
Sceglieremo il tipo di slide, ne definiremo le dimensioni e l’aspetto intervenendo analizzando ogni opzione che il plugin ci mette a disposizione per ottenere un’animazione unica e personale.
Stabiliremo:
Analizzeremo la tab relativa alle performance e saremo pronti per creare la nostra prima slide.
Lo slider è composto da singole slide che vivono “autonomamente”.
In questa lezione vedremo come creare una slide partendo da zero.
Vedremo come inserire elementi che rimarranno sempre presenti nelle slide che realizzerai all’interno dello slider e come inserire quelli relativi alle singole slide.
Imparerai a utilizzare
Faremo una slide di esempio che contiene uno sfondo, un titolo, una lista di icone con descrizione e un pulsante per la call to action.
Abbelliremo la nostra slide con immagini e animazioni e la vedremo all’opera su una pagina web, anche in versione mobile.
In questa lezione capirai come animare i singoli elementi che compongono la slide in modo da renderla viva.
L’attenzione dell’utente si sposterà man mano che gli elementi appariranno sullo schermo e in questo modo il tuo slider sarà più accattivante e invogliante alla lettura.
Inoltre realizzeremo una seconda slide duplicando quella precedentemente realizzata e modificandola.
In questo modo otterremo l’effetto finale del nostro slider animato composto da due slide autonome.
In questa lezione di Revolution Slider capiremo come è possibile utilizzare i contenuti demo per personalizzare uno slider già creato e andarlo a sostituire con i nostri contenuti.
Questo può essere molto utile per chi si approccia per la prima volta al plugin e intende utilizzare una soluzione già pronta per risparmiare tempo e fatica.
In più, con le nozioni insegnate in questa lezione si potranno più facilmente ripetere le impostazioni necessarie per realizzare effetti particolari, da riproporre quando realizzerai uno slider completamente nuovo.
Gli esempi pratici sono:
Questo corso è focalizzato sull’utilizzo di Layer Slider WP, e Revolution Slider due dei plugin per creare slider avanzati con WordPress più venduti su ThemeForest. Questi plugin sono anche presente gratuitamente in moltissimi temi WordPress premium come Enfold, per cui saperli utilizzare è molto vantaggioso. Alla fine di questo corso saprai:
Imparando come creare slider con Layer Slider WP e Revolution Slider sarai in grado di dare un tocco comunicativo estremamente moderno e accattivante alle pagine del tuo sito web. Molto spesso troviamo questi slider nella pagina Home e nelle pagine di vendita di servizi, ma sarai tu a decidere dove il tuo sito necessita di una comunicazione particolare.
Migliora l’aspetto del tuo sito: Uno slider fatto bene arricchisce l’esperienza che gli utenti hanno sul tuo sito. Creando delle sequenze di slide ben collegate fra di loro le persone apprezzeranno molto di più l’aspetto del tuo sito web ed interagiranno con esso più volentieri.
Evidenzia le tue offerte più importanti: Essendo lo slider uno degli elementi più visti delle tue pagine, utilizzali per mettere in evidenza le tue offerte e proposte più importanti. Layer Slider WP si presta benissimo per mostrare prodotti in offerta e guidare il traffico verso le pagine che preferisci.
Solamente clienti che hanno effettuato l'accesso ed hanno acquistato questo prodotto possono lasciare una recensione.
Corso Moduli di Contatto 
Matteo –
Ottimo video con spiegazioni semplici e pratiche. Si riesce a fare degli Slider che fino a pochi giorni fa era impensabile solo provaci a farne uno. il video corso lo consiglio a tutti. Grazie a webipedia.it
Matteo Colamonaco