Vai al contenuto principale

Come aprire un video in una lightbox con Elementor

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

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.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

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.

apri un video in una Lightbox con Elementor

Ottieni Elementor Pro ora!

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Tutto intorno

All Around è un plugin WordPress premium, come suggerisce il nome a tutto tondo. Offre un design pulito e reattivo, una serie di opzioni di stile predefinite e supporto tattile.Tutto intorno reattivo wordpress contenuto slider carosello creativo e divertente plug-in scorrevole

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Questo slider WordPress è una perfetta soluzione multiuso all-in-one per qualsiasi sito web. Se questo è il tuo primo plug-in WordPress e plug-in di scorrimento, 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 plug-in WordPress premium che ti consente di creare moduli reattivi illimitati. Ha un generatore di moduli drag'n'drop che può creare qualsiasi tipo di modulo (contatto, sondaggio, offerta, informazioni, ecc.).

Costruttore di moduli definitivi

Questo plugin è facile da usare. Puoi creare, personalizzare e progettare bellissimi moduli, applicare modelli esistenti per moduli esistenti per la progettazione e utilizzarli 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à. 

Woocommerce tracking spedizione plugin woocommerce calcolo costi di spedizione

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

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

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

... 

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
0 azioni
quota
Tweet
Enregistrer