WordPress Slider WD

Guida passo passo



Fase 3: Aggiungere strati alla diapositiva.



Ci sono quattro tipi di strati che possono essere aggiunti alle diapositive: testo, immagini, video e il pulsante sociale.

I pulsanti di livello si trovano nell'angolo in basso a sinistra della diapositiva.

È possibile aggiungere più di uno strato alla diapositiva. Questi strati possono essere di tipo diverso o uguale.

Gli strati possono essere duplicati premendo il pulsante "Duplica" accanto al pulsante "Chiudi". In questo caso il livello duplicato apparirà come ultimo strato posizionato e può essere ulteriormente personalizzato.



3.1 Aggiungi layer di testo. È possibile aggiungere testo personalizzato da impostare come strato sopra la diapositiva specifica.

Text. Fornire il testo che sarà visualizzato sull'immagine diapositiva.
Link. Fornire un URL assoluto a cui l'utente viene reindirizzato quando si preme sul livello di testo.

Posizione. Fornire i valori di X e Y assi per posizionare il livello di testo. Inoltre, è possibile trascinare e rilasciare il livello di testo nella posizione desiderata.
Dimensioni. Definire la dimensione del carattere del testo.

Colore. Selezionare il colore del testo per il livello di testo.

Font famiglia. Scegli la famiglia per il testo di carattere.

Peso Font. Scegliere il peso per il testo tra le opzioni previste font.
Effetto in. Applicare un effetto al processo di mettere strato sul vetrino.
Start- Definire i tempi quando avviare l'effetto.
Effetto- Selezionare l'opzione effetto dall'elenco a discesa.
Duration Definire la durata dell'effetto in ms.
Effetto out. Applicare un effetto al processo di presa strato fuori dell'immagine.

Start- Definire i tempi quando avviare l'effetto.
Effetto- Selezionare l'opzione effetto dall'elenco a discesa.
Duration Definire la durata dell'effetto in ms.
Imbottitura. Uso di valori di tipo CSS impostate imbottitura per il testo.

Colore di sfondo. Scegliere un colore di sfondo per il livello di testo.
Trasparente. Specificare il livello di trasparenza per il livello.
Border. Scegli la linea di confine di larghezza, il tipo e il colore.
Radius. Impostare un raggio per il livello di testo con valori di tipo CSS.
Ombra. Ottenere un ombra per il livello di testo con valori di tipo CSS.

Pubblicato. Scegliere se pubblicare il livello o no.



3.2 Aggiungere Image Layer. È possibile aggiungere immagini di varie dimensioni da impostare come strati.

Dimensioni. Impostare le dimensioni dell'immagine. Notare che sarà meglio scegliere dimensioni corrispondenti al rapporto dell'immagine originale, in modo che l'immagine non sarà distorta.
Modifica immagine. È possibile sostituire le immagini utilizzate come strato. Le opzioni impostate per l'immagine precedente verranno mantenuti. Questa operazione cambia solo l'immagine.
Scale. Selezionando la casella l'immagine è scalata automaticamente prendendo la larghezza disponibile e mantenendo il rapporto originale dell'immagine.
Alt. Impostare l'attributo HTML specificato nel tag IMG per fornire un testo alternativo quando non può essere visualizzata un'immagine in una pagina Web.

Link. Fornire un URL assoluto a cui l'utente viene reindirizzato quando si preme sul livello dell'immagine.

Posizione. Fornire i valori di X e Y assi per posizionare il livello dell'immagine. Inoltre è possibile trascinare e rilasciare il livello in una posizione desiderata.

Trasparente. Definire il livello di trasparenza per il livello dell'immagine.
Effetto in. Applicare un effetto al processo di mettere strato sull'immagine.

Start- Definire i tempi quando avviare l'effetto.
Effetto- Selezionare l'opzione effetto dall'elenco a discesa.
Duration Definire la durata dell'effetto in ms.
Effetto out. Applicare un effetto al processo di presa strato fuori dell'immagine.

Start- Definire i tempi quando avviare l'effetto.
Effetto- Selezionare l'opzione effetto dall'elenco a discesa.
Duration Definire la durata dell'effetto in ms.
Border. Scegli la linea di confine di larghezza, il tipo e il colore.
Radius. Impostare un raggio per il livello dell'immagine utilizzando i valori di tipo CSS.
Ombra. Ottenere un ombra per il livello dell'immagine utilizzando i valori di tipo CSS.
Pubblicato. Scegliere se pubblicare il livello o no.



3.3 Indirizzo di layer. È possibile aggiungere YouTube o Vimeo video come livelli video per le diapositive. Per fare ciò, si è tenuto a fornire il link al video e premere il pulsante Aggiungi.
Dimensioni. Impostare le dimensioni della miniatura livello video. La miniatura verrà visualizzato con una dimensione predefinita, che può essere ulteriormente modificato.
Posizione. Fornire i valori di X e Y assi per posizionare la miniatura di video. Inoltre è possibile trascinare e rilasciare il livello in una posizione desiderata.
Effetto in. Applicare un effetto che verrà utilizzato quando il livello video appare sopra il vetrino.
Start- Impostare tempo per avviare l'effetto.
Effetto - Selezionare l'opzione effetto dall'elenco a discesa.
Duration Definire la durata dell'effetto in ms.
Effetto out. Applicare un effetto che verrà utilizzato quando il livello video scompare dalla diapositiva.
Start- Impostare tempo per avviare l'effetto.
Effetto - Selezionare l'opzione effetto dall'elenco a discesa.
Duration Definire la durata dell'effetto in ms.
Auto Play. Scegliere se autoplay il livello video quando si aggiunge il livello sulla diapositiva o no.
Border. Scegli la linea di confine di larghezza, il tipo e il colore.
Radius. Impostare un raggio per il livello video utilizzando i valori di tipo CSS.
Ombra. Ottenere un ombra per il livello video utilizzando i valori di tipo CSS.
Pubblicato. Scegliere se pubblicare il livello o no.



3.4 Aggiungere Button Social layer. È possibile aggiungere i pulsanti di social media per condividere le immagini del cursore sui popolari siti di social networking, selezionando i tipi di pulsanti relativi.
Posizione. Fornire i valori di X e Y assi per posizionare lo strato tasto sociale. Inoltre è possibile trascinare e rilasciare il livello in una posizione desiderata.
Tasto sociale. Il tipo di pulsante può essere scelto tra i pulsanti di Google +, Facebook, Twitter, Tumblr e Pinterest.
Dimensioni. Definire la dimensione del pulsante aggiunto.
Trasparente. Definire il livello di trasparenza per il pulsante sociale.
Effetto in. Applicare un effetto al processo di mettere strato sull'immagine.
Start- Definire i tempi quando avviare l'effetto.
Effetto- Selezionare l'opzione effetto dall'elenco a discesa.
Duration Definire la durata dell'effetto in ms.
Effetto out. Applicare un effetto al processo di presa strato fuori dell'immagine.
Start- Definire i tempi quando avviare l'effetto.
Effetto- Selezionare l'opzione effetto dall'elenco a discesa.
Duration Definire la durata dell'effetto in ms.
Colore. Impostare il colore per il pulsante di condivisione sociale.
Hover colore. Impostare il colore per il pulsante di condivisione sociale, quando aleggiava.



Passaggio precedente Next Step

Non perdere mai importanti novità e offerte esclusive!

Iscriviti alla nostra Community