Carica e gestisci video in Elementor

Se la home page di un'azienda non include un breve video esplicativo, è considerata obsoleta e insipida. È molto raro al giorno d'oggi imbattersi in un sito Web che non contenga un breve video. L'inclusione di brevi video richiede la necessità di questo articolo perché questo articolo discute come gestire i video in Elementor. In questo articolo, abbiamo ampliato le opzioni del widget video e dello sfondo video.

Supporto video self-hosted e Dailymotion

In Elementor, puoi incorporare non solo video da YouTube e Vimeo, ma ora puoi anche includere video HTML5 e Dailymotion ospitati autonomamente.

Vantaggi dei video ospitati autonomamente:

  • Privacy e controllo: con il GDPR e altre questioni legate alla privacy, è diventato ancora più importante disporre di video ospitati autonomamente. Puoi avere il controllo sul contenuto di questi video.
  • Proprietà: avere video ospitati autonomamente ti aiuta a non fare affidamento sui contenuti realizzati da altri. Con il tuo video sei sicuro al 100% che non ci saranno problemi di copyright. Inoltre, non vi è alcun rischio che il video venga eliminato.
  • Personalizzazione: con il self-hosting il tuo video non presenterà loghi o link esterni. Ciò ti aiuterà a includere contenuti di qualità, che sembreranno più professionali. I tuoi video possono essere molto utili per coinvolgere i visitatori del tuo sito.
  • UX: i video ospitati autonomamente garantiranno che ai tuoi visitatori non verranno mostrati annunci o video suggeriti. Non verranno distratti o reindirizzati ai tuoi concorrenti (tramite video suggeriti/consigliati).

Ora di inizio e fine per widget video e sfondo

Puoi impostare un inizio e un punto finale per il widget video sulle piattaforme supportate. Puoi anche scegliere lo sfondo del video in modo che venga riprodotta solo la parte selezionata del video. Con l'aiuto di questa funzione, puoi riprodurre in loop la parte rilevante del video molto facilmente. Puoi mostrare il contenuto selezionato ai tuoi visitatori in un ciclo.

Marchio modesto

Ad esempio, se hai incorporato un video da YouTube, ma desideri nasconderne il logo di YouTube, puoi selezionare "Marchio modesto" per nascondere il logo dal video Youtube incorporato.

Aggiungi uno sfondo video a Elementor

In questa sezione ti guideremo su come aggiungere un video a Elementor:

Premi l'editor di Elementor e vai al pannello. Da qui, cerca "video" e trascina il widget video.

  • Elementor > pannello > cerca "video" > trascina "widget video"
  • In Video > Sorgente, scegli "YouTube", "Dailymotion", "Vimeo" o ospitato autonomamente.
  • Successivamente, aggiungi un collegamento al video. Se il video è ospitato autonomamente, puoi caricarlo esplorando il catalogo multimediale o utilizzando un URL esterno.
  • Se desideri riprodurre una parte specifica del video, puoi scegliere un'ora di inizio e un'ora di fine.
  • Puoi anche aggiungere una miniatura a tua scelta aggiungendo una sovrapposizione di immagini.

Modifica mobile migliorata

Modifica i punti di interruzione mobili e tablet

Da molto tempo le persone desiderano avere la libertà di avere valori di breakpoint per i video su dispositivi mobili e tablet. Buone notizie!! La soluzione è qui.

Dopo aver aggiunto il video, come mostrato nella sezione precedente, puoi modificare i valori dei punti di interruzione tablet e mobile per Elementor. Con l'aiuto della rivoluzionaria funzionalità dei punti di interruzione, puoi personalizzare il tuo sito per adattarlo a computer widescreen, laptop, tablet o piccoli schermi mobili.

Per modificare i valori dei punti di interruzione, accedere a:

Dashboard Elementor > Impostazioni > Stile e inserisci i nuovi valori per "Punto di interruzione tablet" e "Punto di interruzione mobile".

E voilà!!!

Lo hai fatto appena in tempo.

Integrazione CLI WP

L'interfaccia della riga di comando per WordPress, WP-CLI, è un progetto open source che fornisce un'interfaccia della riga di comando per una varietà di azioni che potresti eseguire nell'amministrazione di WordPress. Gli sviluppatori lo conoscono abbastanza bene.

Quindi, con un WP-CLI, puoi eseguire un lungo elenco di attività da un terminale casuale. In questo modo, non dovrai accedere al terminale di amministrazione.

Elementor ora viene fornito con WP-CLI integrato. E questa integrazione di WP-CLI ti consente di eseguire le seguenti attività tramite la riga di comando:

  • flush_css – Svuota la cache CSS di Elementor Page Builder
  • libreria di sincronizzazione: sincronizza la libreria Elementor
  • replace-URLs: sostituisci i vecchi URL con nuovi URL in tutte le pagine di Elementor
  • Attiva o disattiva la licenza: attiva o disattiva la tua licenza Pro
  • import-library – Importa file modello nella Libreria

In futuro verranno aggiunti altri comandi CLI per Elementor.

Inclusione di Gutenberg

Nei prossimi mesi anche Gutenberg verrà aggiunto al core, rendendo Elementor un pacchetto completo.

Con il lancio di Gutenberg, Elementor funzionerà perfettamente per tutti gli utenti di elementor.

È facile passare da Gutenberg a Elementor con la versione 2.1 perché utilizzerai il pulsante sempre familiare "Modifica con Elementor" all'interno di Gutenberg.

Video adesivo degli Emirati Arabi Uniti

Immagina se stai scorrendo una pagina e il contenuto del video si sposta a sinistra o a destra o semplicemente rimane immobile.

Deve essere uno spettacolo frustrante.

Ma non più. Poiché la straordinaria funzionalità di Sticky Video di UAE fa sì che il video rimanga attaccato alla pagina mentre scorri, ciò significa che il tuo video fluttuerà lungo il lato sinistro o destro della finestra del browser. Con la funzionalità video permanente, mentre il visitatore scorre per leggere il contenuto, il video insieme al contenuto testuale rimarranno a fuoco.

Come rendere un video appiccicoso?

Emirati Arabi Uniti ha reso questa funzionalità elegante e semplice. Per rendere il video permanente, puoi semplicemente abilitare Video permanente per attivare/disattivare l'impostazione Contenuto (scheda) > Video permanente.

Sono disponibili varie opzioni di allineamento per il video in una funzione video permanente. Passa alla barra delle azioni e alle impostazioni per controllare ogni aspetto del video permanente. Le caratteristiche principali sono riportate di seguito:

  • Dimensione del video
  • Una varietà di opzioni di allineamento per video persistenti lungo i bordi
  • Gestisci la spaziatura e lo stile del video.
  • Aggiungi uno sfondo per il video
  • Visualizza la descrizione del video con l'aiuto della barra delle informazioni
  • Supporto reattivo
  • Trascina il video adesivo sulla finestra nel frontend
  • Chiudi le personalizzazioni dei pulsanti

Dimensione del video

Puoi regolare l'altezza e la larghezza del video specificando la larghezza del video in px. La visualizzazione del video verrà applicata in base alle proporzioni impostate per il video. Puoi controllare le proporzioni del video da Contenuto (scheda) > Video.

Ad esempio: se hai impostato un rapporto di 16:9, le dimensioni del video appiccicoso verranno applicate in base al rapporto selezionato.

Allineamento adesivo

Puoi gestire l' allineamento , ovvero la posizione del video adesivo lungo i bordi della finestra. Il video può essere posizionato come:

  • In alto a destra
  • A sinistra in alto
  • In basso a destra
  • In basso a sinistra
  • Centrodestra
  • Centrosinistra

Spaziatura video

Puoi modificare la spaziatura dal bordo per controllare la spaziatura attorno al video. La spaziatura verrà applicata in base all'allineamento adesivo selezionato.

Ad esempio, per l'allineamento in basso a sinistra, la spaziatura verrà applicata solo dal bordo inferiore e sinistro del video.

Dimensioni e stile dello sfondo

La parte migliore del degli Emirati Arabi Uniti è che puoi aggiungere lo sfondo che preferisci al video. Puoi anche selezionare la dimensione e il colore dello sfondo.

Barra delle informazioni

C'è una piccola descrizione fornita su ogni tipo di cosa dei metadati video. Con degli Emirati Arabi Uniti , puoi aggiungere testo informativo sotto il video adesivo. Puoi descrivere ciascun video fisso, che mostrerà le informazioni sul video attualmente in riproduzione.

Con la barra delle informazioni puoi anche controllare il colore, il colore dello sfondo, la tipografia e il riempimento del video. Il campo di testo supporta il contenuto HTML. Puoi anche applicare lo stile personalizzato al contenuto della barra delle informazioni.

Gestisci i video permanenti sui dispositivi reattivi

C'è un'opzione per nascondere il video fisso sui dispositivi reattivi. Puoi selezionare diversi dispositivi su cui desideri nascondere il video fisso.

Trascina ovunque sullo schermo

Puoi trascinare la schermata video ovunque utilizzando questa funzione. Puoi semplicemente fare clic sul video e trascinarlo per posizionarlo ovunque all'interno del viewport. Il degli Emirati Arabi Uniti supporta la funzionalità per trascinarlo ovunque, per impostazione predefinita.

Nota : i dispositivi mobili e l'editor backend di Elementor non supportano la funzionalità di trascinamento.

Pulsante Chiudi

Puoi abilitare/disabilitare il pulsante di chiusura per il video permanente. Sono inoltre disponibili controlli per gestire lo stile del pulsante di chiusura.

Conclusione

Con l'aiuto delle degli Emirati Arabi Uniti , puoi modellare e modificare i tuoi video appiccicosi secondo le tue preferenze. Il plugin rende l'intera procedura piuttosto semplice. È una soluzione molto elegante per arricchire il contenuto grafico del tuo sito. Continua a creare fantastici video permanenti sul tuo sito web e coinvolgi i tuoi visitatori sulla tua pagina web anche mentre stanno scorrendo le pagine.

Ahmad

messaggi recenti

Come utilizzare intestazioni e piè di pagina con Elementor

Le intestazioni e i piè di pagina di un sito Web sono elementi essenziali. Nella maggior parte dei casi, l'intestazione fornisce la navigazione...

6 gennaio 2022

Confronto dei temi WordPress: Astra vs OceanWP

Due dei temi WordPress più popolari sul mercato sono Astra e OceanWP. Professionale…

2 gennaio 2022

Confronto dei temi delle notizie WordPress: giornali vs. Astra

Per creare un eccellente sito Web di notizie non è necessario che tu diventi un web designer. Noi…

25 ottobre 2021

Crea un sito Web relativo alle notizie con il tema del giornale

Il tema Giornale è uno dei temi WordPress più significativi progettati da tagDiv, un...

18 ottobre 2021

Come costruire un eCommerce con il builder Avada WooCommerce

Quando si tratta di creare un negozio online, WooCommerce è il plugin di riferimento. Esso…

4 ottobre 2021

Come utilizzare l'intestazione fissa e gli effetti di scorrimento con Elementor

Un'intestazione è generalmente la prima cosa che una persona vede quando visita il tuo sito web,...

21 settembre 2021