Ti piacerebbe aprire un video in una Lightbox con Elementor?
Elementor viene fornito con il widget Video per aggiungere facilmente video a una pagina. Puoi persino aggiungere video dinamici utilizzando la funzione di contenuto dinamico di Elementor (è richiesta la versione pro).
Quando aggiungi un video in Elementor, puoi configurarlo per l'apertura in una lightbox ancora chiamata Spettatore.
Questo articolo ti mostrerà come.
Ma prima scopriamolo Come installare Elementor su WordPress
In Elementor, ci sono almeno due modi per aggiungere video a un lightbox. Puoi sceglierne uno in base al tuo caso. Prima di tutto, puoi utilizzare il widget Video come abbiamo appena menzionato sopra. Questo metodo funziona su entrambe le versioni di Elementor. In secondo luogo, puoi utilizzare la funzione di collegamento dinamico. La versione pro è necessaria per utilizzare quest'ultimo metodo.
Come aprire il video in Lightbox in Elementor utilizzando il widget video
Come accennato in precedenza, Elementor viene fornito con un widget video per aggiungere video a una pagina o a un modello. Il widget ha un'opzione di impostazione per aprire il video in una lightbox.
Innanzitutto, aggiungi il widget Video alla casella di modifica.
Aggiungi il tuo video incollando il link nel campo Link.
Una volta che hai finito di aggiungere il video, apri il blocco Sovrapposizione di immagini in la scheda Contenuto dal pannello delle impostazioni e attiva Opzione sovrapposizione immagine. Basta attivare l'opzione Spettatore. Questo aprirà il video in una lightbox. Se lo desideri, puoi aggiungere una sovrapposizione di immagini.
Come aprire video in Lightbox in Elementor utilizzando Dynamic Link
Se si utilizza Elementor Pro, puoi anche aggiungere video utilizzando la funzione di collegamento dinamico. Puoi utilizzare qualsiasi widget che abbia un'opzione per aggiungere un collegamento, inclusi widget Immagine, widget Pulsante, widget Testo, ecc.
Innanzitutto, aggiungi il widget (ovvero il widget del pulsante) alla casella di modifica come al solito. Nel pannello delle impostazioni, fai clic sull'icona dinamica nel campo Collegamento e selezionare Lightbox.
Quindi fare clic sull'icona della chiave inglese nel campo ID. Fare clic sull'icona del video e incollare l'URL del video che si desidera aggiungere.
Ecco. Puoi fare clic sull'elemento e dovrebbe visualizzare il video in una lightbox come segue.
Personalizzazione della Lightbox
Se l'aspetto predefinito della lightbox di Elementor non ti impressiona, puoi personalizzarlo. Per fare ciò, puoi fare clic sull'icona dell'hamburger nell'angolo in alto a sinistra del pannello delle impostazioni e fare clic su Impostazioni del sito.
Fare clic Lightbox nel blocco REGOLAZIONI.
Come puoi vedere, ci sono alcune opzioni di impostazione che puoi impostare, inclusi i colori.
- Colore di sfondo: Il colore di sfondo dello spettatore
- Colore interfaccia utente: Il colore dei pulsanti (pulsante di chiusura, pulsante a schermo intero, pulsante di ingrandimento, pulsante di condivisione)
- Colore al passaggio del mouse dell'interfaccia utente: Il colore dei pulsanti in modalità hover
- Colore del testo: Colore del testo. Si applica all'immagine lightbox
Puoi anche impostare la dimensione del pulsante dell'opzione Dimensione dell'icona della barra degli strumenti così come la dimensione delle icone di navigazione dell'opzione Dimensione delle icone di navigazione. Una volta terminate le impostazioni, fare clic sul pulsante AGGIORNARE per applicare le modifiche.
Ottieni Elementor Pro ora!
Scopri anche alcuni plugin WordPress premium
Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.
Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.
1. Tutto intorno
All Around è un WordPress Plugin premium, come suggerisce il nome a tutto tondo. Ti offre un design pulito e reattivo, una serie di opzioni di stile predefinite e supporto per il tocco.
Questo dispositivo di scorrimento per WordPress è una soluzione all-in-one versatile, perfetta per qualsiasi sito web. Se questo è il tuo primo WordPress Plugin e plug-in slider, potrebbe anche essere l'ultimo di cui hai bisogno.
Vedi anche il nostro articolo su Come guadagnare con il tuo blog quando hai poco traffico
Le sue caratteristiche sono:su una pagina completamente reattiva, 6 stili predefiniti, le supporto video, il dscorrimento verticale o orizzontale, il psupporto per più cursori su una pagina, et di più.
Download | Demo | Web hosting
2. Ultimate Form Builder
Ultimate Form Builder è un WordPress Plugin premium che ti permette di creare forme risposta illimitata. Ha un costruttore forme drag'n'drop che può creare qualsiasi tipo di modulo (contatto, sondaggio, offerta, informazioni, ecc.).
Questo plugin è facile da usare. Puoi creare, personalizzare e progettare bellissimi forme, applica modelli già esistenti per la progettazione e utilizzali sul tuo sito Web in pochissimo tempo.
Puoi anche ricevere i dati del modulo via e-mail e memorizzarli nel database; che può essere esportato in formato CSV per l'uso tramite cruscotto del tuo sito web.
Tutti i moduli progettati da questo plugin sono super sicuri grazie a un sistema Captcha efficace.
Download | Demo | Web hosting
3. Monitoraggio spedizioni WooCommerce
WCST renderà facile per i tuoi clienti monitorare i loro ordini. È possibile associare ogni ordine a una società di trasporti e un numero di tracciabilità .
WCST pubblicherà le informazioni di tracciamento (URL dell'azienda e codice di tracciamento) direttamente nell'e-mail "Completa ordine" e nella pagina "Visualizza ordine".
Scopri anche il nostro elenco di 50 WooCommerce plugin per migliorare il vostro negozio on-line
Facendo semplicemente clic sul collegamento generato da WCST, i tuoi clienti seguiranno facilmente i loro ordini. Oltre a calcolare il costo di spedizione delle tue merci, questa estensione di WooCommerce ti consente anche di aggiungere e configurare la tua compagnia di spedizioni.
Download | Demo | Web hosting
Risorse raccomandate
Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.
- 10 WooCommerce plugin per calcolare i costi di spedizione dei pacchi
- Perché dovresti usare un blocco dei contenuti in WordPress?
- Come tradurre il tuo blog WordPress in diverse lingue
- Come caricare gradualmente i commenti di Facebook e Disqus
Conclusione
Ecco ! Questo è tutto per questo tutorial che ti mostra come aprire un video in un Lightbox con Elementor. Se si dispone di commentaires o suggerimenti, non esitate a farcelo sapere nella sezione riservata.
Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
