In questa lezione imparerai come interagire con le impostazioni generali dello slider.

Tutte le impostazioni base del nostro slider le abbiamo già viste dettagliatamente nella lezione dedicata alla schermata all sliders.

Ora possiamo andare a vedere come cambiano alcune di queste impostazioni mettendole in pratica sullo slide che abbiamo creato.

Nella nostra slide abbiamo lasciato tutto come da default, ma sicuramente, possiamo migliorarla.

Ad esempio abbiamo lasciato selezionate tutte le opzioni di navigazione.

Ci sono le frecce laterali, il controllo per mettere in pausa e i tasti con le anteprime delle varie slide.

Non ha senso lasciare tutto attivato, per farla più pulita posso rimuovere quelle che non mi interessano.

La tab mobile abbiamo spiegato che serve per nascondere lo slider sui dispositivi come tablet e smartphone, oppure possiamo decidere di farlo scomparire sotto ad un determinato numero di pixel.

Facciamo una prova inserendo 768 che è la larghezza del iPad verticale.

Salvo, aggiorno la pagina e provo a restringere la finestra.

Come puoi vedere, raggiunta la larghezza impostata, lo slider non appare più.

In questa lezione colgo anche l’occasione di invitarti a scaricare le versioni demo del template store.

Potrai imparare moltissimo prendendo spunto dalle impostazioni che hanno realizzato gli animatori professionisti di Layer Slider WP.

Ricordati di controllare come hanno impostato tutti i parametri della slide, come i contenuti dei layer, gli stili che danno a caratteri, box, le animazioni assegnate e le transizioni tra una slide e l’altra, la linea temporale che mostra visivamente quando entrano ed escono gli oggetti e così via.

Anche nel pannello delle impostazioni dello slider potrai trovare qualche riferimento che ti sarà utile per costruire uno slider altrettanto bello.

Ciao, hai una domanda su questa lezione?

Iscriviti al sito o effettua il login


  1. Roberto degli esposti
    Roberto degli esposti dice:

    Salve, intanto grazie mille per i corsi di webipedia sono fatti benissimo e mi hanno fattoo imparare da zero ad usare wordpress professionalmente. Dunque ho questa problematica, ho inserito degli elementi (come le frecce di navigazione) personalizzate, come immagini, aggiungendogli il link. Tutto funziona a parte un difetto che se viene fatto il doppio click sul link (cosa che purtroppo molti utenti fanno per errore) non compie l’azione di scorrimento ma nella slide si apre l’immagine di fondo, bloccando tutto e l’unica soluzione è aggiornare la pagina. Se non ci fosse la soluzione per eliminare il problema del doppio click, dovrei aggiungere un bottone visibile con scritto “aggiorna” e dargli la proprietà di aggiornare la pagina (per fare ciò come posso fare? questo per rendere più intuitivo il sbloccaggio della slide

    Rispondi
  2. Nicola
    Nicola dice:

    Nel sito (con enfold) che sto creando sto usando le slide, il layout è responsive ma quando lo visualizzo da mobile le scritte sono troppo piccole; è possibile solo da mobile nascondere le slide e mostrare un’altro contenuto alternativo (come una foto statica)? Come posso fare? Grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Nicola, si è possibile ed è la cosa corretta da fare per garantire una perfetta leggibilità.
      Per farlo devi costruire due sezioni differenti (una sotto l’altra).

      La prima la lasci visibile a tutti i dispositivi esclusi i cellulari, mentre la seconda la abiliti solo per i dispositivi desktop.

      In Enfold trovi le opzioni di visibilità aprendo il pannello di personalizzazione delle sezioni colore.

      Buona giornata

    • Nicola
      Nicola dice:

      Non ho ben capito: per quanto riguarda il sito desktop uso layerslider, per quanto riguarda il mobile non voglio utilizzare slide ma solo immagini statiche: dove trovo le opzioni di visibilità?

    • Gianluca
      Gianluca dice:

      Ciao Nicola,
      Se per la versione desktop vuoi usare immagini fisse, la cosa migliore da fare è disabilitare completamente layer slider per tutti i display.

      Per farlo devi andare in Slider Settings > Mobile > Hide on mobile (se vuoi disabilitarlo solo per i cellulari puoi anche inserire dimensioni specifiche).

      Poi, per gli utenti mobile, devi sostituire lo slider con una sezione ad immagini fisse.

      Per farlo ti basta aggiungere sotto allo slider una nuova sezione colore usando il builder di enfold.

      Una volta che hai impostato l’immagine come desideri, devi fare in modo che sia invisibile da desktop e visibile solo per i dispositivi mobile.

      Trovi queste impostazioni aprendo il pannello della sezione colore alla voce Opzioni Schermo.

      Buona giornata

    • Gianluca
      Gianluca dice:

      Per il pulsante puoi usare tranquillamente il modulo Bottone che trovi sempre nel builder di Enfold tra gli Elementi di contenuto.

      Volendo puoi anche provare i moduli Pulsante a larghezza completa o Promo Box, a seconda di come vuoi impostare la grafica.

      Buona giornata

      Buona giornata

  3. info96
    info96 dice:

    esempio: Canvas a 1600×500 con modalità responsive, foto esattamente 1600×500
    ma nonostante questo una parte delle foto viene tagliata.Se invece imposto una canvas tipo 2560×500 con foto della stessa misura la visualizzo correttamente per intero in modalità responsive.Ma in questo caso i Layer applicati sopra sono sballati guardandoli con un IPhone 6 plus..a questo punto, tengo le dimensioni ultime e rendo invisibile lo slider sotto la dimensione di 768 px?
    In questo caso dovrei creare uno slider apposta per i dispositivi mobili..

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao,
      prova a non impostare misure fisse, ma a lasciare quelle di default (1140×470) e, nel caso la tua slider occupi tutta la pagina, scegli l’impostazione Full Width (è comunque responsive).

      Poi, prova a giocare con le impostazioni Size, provando tutte le varianti (Inherit, Auto, Cover Contain o Strech).

      A seconda dell’immagine che metti dovrai cercare un compromesso in base a dimensioni e a quello che viene visualizzato.
      Altri esperimenti li puoi fare con le opzioni Position.

      Parlo di compromesso perché, chiaramente, basta stringere la finestra del browser per ottenere misure differenti e visualizzazioni differenti e quindi non è possibile che sia sempre assolutamente conforme per ogni schermo.

      Nel caso avessi molti elementi è anche plausibile realizzare slider dedicati per tablet e mobile, anche perché non tutti gli elementi sono responsive (ad esempio i testi).

      Buona giornata

  4. info96
    info96 dice:

    non riesco comunque a capire come impostare uno slider che si visualizzi correttamente in base alle dimensioni della Canvas

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao
      Le impostazioni degli slider le imposti nel pannello delle Slider Settings.

      Se scegli una dimensione fissa, è opportuno inserire un’immagine di background della dimensione ottimale.

      Se invece scegli le altre modalità, lo sfondo si adatterà allo schermo su cui sono visualizzate.

      In base alle proporzioni che vuoi dare, prepara immagine di dimensioni adeguate (1600 pixel in larghezza e altezza in proporzione).

      Poi, per gli sfondi, puoi anche gestire la posizione e i comportamento.
      1. Nella tab Appearance delle Slider Settings se hai inserito un’unica immagine di sfondo.
      2. Nella tab delle singole slide con le tendine Size e Position.

      Eventualmente se non dovessi riuscire, inviaci a supporto@webipedia.it il link del tuo sito e le schermate di impostazioni di Layer Slider, così gli diamo un’occhiata.

      Buona giornata

Non vuoi fare da solo?

Non vuoi fare da solo?

Per realizzare il tuo progetto o per risolvere qualsiasi problematica, rivolgiti al nostro Team di professionisti.

oppure chiamaci allo 02.9843140

You have Successfully Subscribed!

Pin It on Pinterest