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 essere tu a 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.

 

 

Hai una domanda su questa lezione?

Accedi al video corso


  1. kevin
    kevin dice:

    Buongiorno,
    sto creando la mia prima slide con Layerslider WP.
    Ho cercato di fare una cosa semplice come primo lavoro, il problema sono i testi.
    Nella prima slide tutto ok, ma nella seconda mi appaiono correttamente nell’anteprima, mentre se faccio salva e visualizzo il risultato nella pagina del sito mi appaiono tutti o più grandi o più piccoli di come li avevo impostati. Che cosa sbaglio?
    Grazie
    Kevin

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Kevin,
      Innanzitutto controlla che siano impostati correttamente i valori di Font Size nella tab Styles (meglio inserire un valore fisso piuttosto che aumentarne la dimensione a mano).

      Poi controlla che non ci siano impostate delle transizioni, per cui il carattere potrebbe cambiare dimensione.

      Se non dovessi riuscire puoi sempre duplicare la prima slide che risulta corretta e andare a modificare gli altri elementi per crearne una nuova.

      Inoltre ti ricordo che se sei alle prime armi e vuoi iniziare a familiarizzare con lo strumento, puoi anche scaricare i modelli gratuiti che trovi sul Template store, combinandoli anche tra loro.

      Buona giornata

  2. Pino
    Pino dice:

    Salve
    vorrei scrivere un testo con degli “a capo” forzati,
    ma anche attivando “word wrap” il testo va a capo a suo piacimento,
    come posso fare?
    grazie
    Pino

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Pino,
      puoi semplicemente utilizzare il tag <br> nel punto dove vuoi che il testo vada a capo.

      Buona giornata

  3. Pino
    Pino dice:

    Ciao Gianluca
    sto cercando di mettere a frutto le lezioni fin qui apprese e sto rivedendo uno Slider che ho fatto qualche mese fa ricco di immagini.
    Alcune immagini le ho archiviate in varie versioni (più grandi, più piccole, opacizzate…)
    Come faccio a sapere il nome delle immagini inserite nello Slider?
    grazie
    Pino

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Pino,
      Purtroppo non c’è un modo per sapere esattamente quale versione hai inserito da Layer Slider, ma se apri il pannello content del layer e clicchi sull’immagine, la puoi sostituire in modo molto semplice.

      Io ti consiglio di rivederle tutte selezionando quelle corrette, così sei sicuro di non sbagliare.

      Se vuoi sapere il nome esatto puoi selezionarle con il tasto destro del mouse e scaricarle sul tuo computer.

      Buona giornata

  4. Gianluigi
    Gianluigi dice:

    Ciao Gianluca,
    voglio che una volta terminate immagini e varie situate nei vari layer , il ciclo non ricominci da capo .
    Come devo fare
    Grazie
    Gianluigi

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Gianluigi,
      se apri il pannello slider Settings e vai sulla voce Slideshow, trovi in fondo l’opzione Cycles, che ti permette di stabilire il numero di cicli che vuoi che abbia il tuo slider.

      Buona giornata

    • Gianluigi
      Gianluigi dice:

      Effettivamente il file Audio , una volta arrivato alla fine non ricomincia da capo.
      Per le immagini che ho inserito continuano all’infinito con le transizioni che avevo settato

    • Gianluigi
      Gianluigi dice:

      Ho pensato che ci fosse un settaggio sul singolo layer.
      L’HO trovato ma mi sembra corretto : “Keep this layer visible” …. è settato su : ” until the end of this slide” .
      Nonostante questo le immagini continuano a entrare in loop !
      G

    • Gianluca
      Gianluca dice:

      Ciao Luigi,
      se le transizioni continuano nei singoli laser devi controllare che non siano abilitate le Ending Transitions.

      Lo verifichi nella tab Transitions, quelle attive sono evidenziate in verde. Più sotto c’è il tasto Enabled per disattivarle.

      Buona giornata

  5. Gianluigi
    Gianluigi dice:

    Ciao Gianluca.
    Ho inserito una musica di sottofondo sulla prima slide ma mi sono reso conto che sino a quando non finisce non da luogo alla transizione alla seconda slide.
    Mi sembra non possa esserci soluzione. A meno come le immagini di sottofondo comuni a tutte le slides non ci sia il modo di inserire nella stessa maniera anche il file audio comune .
    Altrimenti devo lavorare su una sola slide. Giusto ?
    grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Gianluigi,
      in effetti è come dici tu, le slide lavorano singolarmente e quindi nel caso di file audio devi integrare le animazioni tutte nella prima slide.

      Prova in ogni caso a stabilire un timing specifico sulla transizione della prima slide, perchè di default è impostata su auto e inserendo un file audio calcola automaticamente tutta la durata.

      Un’altra soluzione (che ti consente di caricare anche un file di dimensioni minori), è preparare un file audio della durata già precisa.

      Buona giornata
      Gianluca

  6. Filippo
    Filippo dice:

    Grazie Gianluca per la risposta. Io vorrei allora usare il modulo dedicato “layer slide avanzato” che funziona. Il problema è che non riesco ad inserirlo all’interno per esempio di una griglia a due colonne o qualsiasi altro elemento di layout. Si può risolvere?

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Filippo,
      Il modulo Layer Slider Avanzato non si può utilizzare all’interno di una colonna.

      È predisposto per essere inserito in caso di slider a piena larghezza.

      Se vuoi utilizzare laser slider dentro una colonna devi usare il modulo Bodice di blocco.

      Al suo interno inserisci lo shortcode dello slider (ho fatto una prova personalmente e vedo tranquillamente le frecce per scorrere le slide così come tutte le altre opzioni di navigazione che imposti nelle opzioni generali della slide).

      Tra i layout disponibili per le slide devi scegliere Fixed Size (altrimenti il sistema la inserirà comunque a piena larghezza).

      Come dimensioni ti consiglio di analizzare con l’inspector del browser la dimensione della larghezza della tua colonna e inserirla identica.

      In questo modo puoi avere diversi slide in colonne di dimensioni personalizzate.

      Buona giornata

  7. Filippo
    Filippo dice:

    Buongiorno. Avrei una domanda sul comportamento di LayerSlider. Inserendo lo shortcode all’interno di un blocco di testo i pulsanti avanti/indietro per scorrere le immagini dello slideshow spariscono. Mentre inserendo direttamente l’elemento “layer slider avanzato” il comportamento è corretto. Come posso risolvere? In quanto devo realizzare una pagina con più slideshow di foto. Grazie.

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Filippo,
      se hai il modulo Layer SLider avanzato suppongo che tu stia usando Enfold.

      In questo caso, prova ad utilizzare il modulo Codice di blocco invece che il modulo testo.

      Se non dovesse funzionare allora puoi tranquillamente utilizzare il modulo dedicato che hai già visto funzionare.

      Aggiungo anche un altra considerazione: Layer Slider è perfetto per fare presentazioni articolate, ma se il tuo scopo è quello di inserire semplici slide fotografici, puoi tranquillamente usare anche i moduli del tema come Easy Slider, Accordion Slider etc.

      Buona giornata

  8. Nicola
    Nicola dice:

    Buongiorno, vorrei aggiungere un bottone alle mie slide ma le opzioni di layerslider non mi piacciono (non mi piacciono i colori proposti); vorrei un pulsante nero invece dei colpi proposti, come posso fare? Ho provato ad aggiungere del codice HTML ma il pulsante non viene come vorrei…mi potete aiutare? Grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Nicola,
      come spieghiamo nel video al minuto 16:42 ci sono più strade per creare un bottone.

      Puoi inserire un blocco di testo e, mediante sfondi e spaziature, determini il colore e la grandezza dello stesso.

      In alternativa puoi inserire un layer in formato HTML e usare lo shortcode che propone il tuo tema.

      Come ulteriore soluzione, puoi usare un’immagine .png o jpg e importare quella.

      Buona serata

  9. Fabio
    Fabio dice:

    salve, sto lavorando su una singola slide e sto mettendo vari livelli, volevo sapere un livello puo’ entrare e poi uscire cioe’ scomparire? SE SI COME?
    Grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Fabio, certo che si può fare.

      Se vuoi che un livello faccia una transazione in uscita devi abilitare anche la Ending Transition tra la tab transizioni.

      Poi devi giocare con il parametro duration nella sezione Timing e Transform, impostando il tempo dopo il quale vuoi che sparisca.

      Buona giornata

  10. Alessandro
    Alessandro dice:

    ciao ho una domanda sto creando uno slider con slider wp, ma non riesco ad inserirlo nella homepage, con il tema divi, mi sapete dare una mano?
    grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Alessandro
      Per inserire uno slider devi inserire una Sezione a larghezza intera e al suo interno il modulo Codice a Larghezza Intera.

      Al suo interno inserisci lo shortcode del tuo slider.

      Buona giornata

    • Alessandro
      Alessandro dice:

      chiedo scusa, ho fatto proprio come dici, ma non si vede nulla?
      sbaglio qualcosa? nel contenuto inserisco lo Shortcode, ma nulla.
      grazie tante

    • Gianluca
      Gianluca dice:

      Sei sicuro di aver usato il modulo Codice?

      Eventualmente prova a mandare una schermata alla mail di supporto, così posso cercare di capire da cosa dipende.

      Grazie e buona serata

    • Alessandro
      Alessandro dice:

      grazie Gianluca ho eliminato e rifatto a nuovo la nuova slider e ora è tutto apposto grazie per la gentilezza

  11. Stefano
    Stefano dice:

    Salve Gianluca

    Sto per acquistare il Divi 3.0 e mi chiedevo se fosse gia`presente uno Slider Creation simile a LayerSlider WP nel pacchetto?

    Grazie.

    Stefano

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Stefano,
      Si, in Divi uno slider è già presente tra i 42 moduli disponibili. Non ha la stessa versatilità di LayerSlider perché non è possibile, ad esempio, creare slide animate fatte da diversi livelli. Si riesce comunque a creare uno slider “standard” personalizzabile sotto ogni aspetto (video, controlli, effetto parallasse, font ecc).
      A presto e buona giornata.

Corso WordPress GRATUITO

INSERISCI NOME E MAIL PER ACCEDERE ALLE PRIME LEZIONI GRATUITAMENTE.

Zero spam. Garantito.

Corso Wordpress Gratis

Inizia il Corso di WordPress GRATIS!

Inserisci nome ed email per avere l'accesso gratuito alle prime lezioni del corso. Impara a costruire da solo il tuo sito web!

Ci sei quasi! Ti abbiamo mandato un'email per confermare il tuo indirizzo di posta.

Pin It on Pinterest