Come incorporare video con WordPress

Se siete i creatori o i proprietari di un video, potete caricarlo nella libreria multimediale del vostro attuale progetto WordPress.

Primo passaggio: aprite l’area dei file multimediali facendo clic sul pulsante “Media” nel menu laterale sinistro:

Secondo passaggio: fate clic prima su “Aggiungi file” poi su “Seleziona file”. Ora è possibile specificare la posizione del file video desiderato e confermare per avviarne il caricamento nella libreria multimediale. In alternativa, è possibile trascinare il video tramite drag&drop nell’area designata (delimitata dalle linee tratteggiate):

Terzo passaggio: aprite la pagina di WordPress sulla quale desiderate aggiungere il video e fate clic sul segno più per aggiungere un nuovo blocco:

Quarto passaggio: scorrete fino alla sezione “Media” e selezionate la voce “Video” per aggiungere alla pagina un blocco per il contenuto video. In questo blocco, fate clic ora su “Libreria”. WordPress aprirà la panoramica dei video disponibili, dove si può facilmente selezionare quello che si desidera facendo clic con il tasto sinistro del mouse. Inoltre, è possibile arricchire l’elemento con metadati quali titolo, una didascalia e una descrizione. Infine, integrate il video nel vostro progetto WordPress facendo clic sul pulsante “Seleziona”.

Il video è ora integrato nella vostra pagina WordPress. Se necessario, potete spostarlo in qualsiasi altra posizione o scambiarlo con altri elementi, proprio come qualsiasi altro blocco di contenuto.

Chi desidera risparmiare spazio di archiviazione e potenza di calcolo per il proprio progetto web, ha la possibilità di caricare i contenuti video su una piattaforma video esterna come YouTube o Vimeo. Una volta caricato il video, la piattaforma fornisce un codice embed (un codice di incorporazione), grazie al quale è possibile incorporare il rispettivo video nel vostro progetto WordPress. A seconda del tipo di sito web, è naturalmente anche possibile inserire video di altri utenti, a condizione che questi utenti detengano i diritti per il contenuto e lo abbiano reso pubblico.

Questi i passaggi da seguire per aggiungere un video di YouTube tramite codice embed (la procedura differisce leggermente per altre piattaforme):

Primo passaggio: andate al video di YouTube che desiderate condividere e fate clic sul pulsante “Condividi” che si trova proprio sotto la clip.

Secondo passaggio: selezionate l’opzione “Incorpora” per arrivare alle opzioni di incorporazione. Qui è possibile lasciare le impostazioni di default o modificare il codice. Avete la possibilità di specificare il minuto e il secondo esatti da cui fare iniziare la riproduzione del video incorporato (“Inizia da”). Inoltre, è possibile attivare la modalità di protezione estesa dei dati attraverso il campo omonimo per proteggere la privacy dei vostri visitatori. Infine, fate clic su “Copia” per salvare il codice negli appunti per l’importazione su WordPress.

Terzo passaggio: ora andate al back end di WordPress e aprite la pagina in cui volete incorporare il video. Incollate il link degli appunti direttamente nella posizione desiderata creando un blocco HTML e usando la combinazione di tasti [Ctrl] + [v] o facendo clic con il tasto destro e selezionando la voce “Incolla”.

Quarto passaggio: WordPress inserisce automaticamente il video nel formato desiderato. Cliccando su “Anteprima” è possibile vedere come apparirà il video sulla pagina prima di caricarlo.

Indipendentemente dal fatto che decidiate di caricare i video internamente o esternamente, l’uso dei plug-in video di WordPress è raccomandato a chiunque voglia incorporare questo tipo di contenuti nel modo più semplice possibile e allo stesso tempo beneficiare di pratiche funzionalità aggiuntive. Per fare questo, tutto quello che dovete fare è installare il plug-in di cui avete bisogno. Questi plug-in sono generalmente facili da utilizzare e sono gestiti attraverso estensioni del menu nel back end di WordPress o tramite pulsanti nell’editor.

Il modo più semplice per avere una panoramica dei plug-in video di WordPress disponibili è attraverso la sezione plug-in nel back end. Lì potete installare, configurare e attivare le estensioni desiderate (e disattivarle o cancellarle se necessario). I passaggi per farlo sono i seguenti:

Primo passaggio: nel menu laterale sinistro del back end di WordPress, andate alla sezione “Plugin” e fate clic sulla voce di menu “Installa”.

Secondo passaggio: ora, nella barra di ricerca (in alto a destra), è possibile digitare qualsiasi parola chiave per cercare il plug-in video WordPress appropriato. Per esempio, per una panoramica generale, basta inserire il termine di ricerca “video”:

Terzo passaggio: una volta scelta l’estensione desiderata, fate clic sul pulsante “Installa” nel riquadro corrispondente. Dopo l’installazione, è possibile attivare il plug-in direttamente tramite il pulsante “Attiva”:

Quarto passaggio: ora è possibile accedere all’estensione tramite il sottomenu “Plugin installati” o, nella maggior parte dei casi, tramite un pulsante individuale nel menu laterale del back end, come nel caso del plugin di esempio, scelto qui, “Video Gallery” di OriginCode:

Quando si tratta di incorporare contenuti da YouTube, Embed Plus for YouTube è sicuramente la soluzione più diffusa. Il plug-in, che vanta oltre 200.000 installazioni attive ed è compatibile con l’editor WordPress Gutenberg, non solo vi supporta nell’incorporazione di singoli video di YouTube, ma fornisce anche la possibilità di includere playlist, canali completi e streaming live tramite “Youtube Wizard”, un assistente di configurazione, facile da usare, disponibile per questo scopo direttamente nell’editor. Passando alla versione pro a pagamento, si possono sbloccare caratteristiche aggiuntive come il markup automatico dei video SEO o una funzione di caching.

Chiunque gestisca un blog conosce l’importanza di fornire prestazioni fluide per tutti i dispositivi. In questo caso, è soprattutto il tempo di caricamento a giocare un ruolo fondamentale. Se i video di YouTube sono una parte centrale del vostro blog WordPress, l’uso di WP YouTube Lyte è altamente raccomandato. Questo plug-in permette di applicare il lazy loading a tutti i video incorporati in WordPress: i rapidi “Lite YouTube Embeds” hanno l’aspetto di normali video di YouTube incorporati, ma richiamano il player solo nel momento in cui un visitatore fa clic per riprodurre il contenuto, risparmiando così una quantità significativa di memoria. Un’altra caratteristica dell’estensione è che i video di YouTube possono essere memorizzati nella cache locale, il che elimina la necessità di accedere ai server della piattaforma video.

Tra gli strumenti di design per progetti web moderni, l’effetto chiamato parallax scrolling è diventato oramai lo standard più consolidato. Il plug-in gratuito Advanced WordPress Backgrounds (AWB) vi supporta nell’implementazione di questo effetto nel vostro progetto WordPress. L’estensione permette inoltre di creare sfondi parallax individuali per le pagine selezionate sulla base di immagini o video (self-hosted, YouTube o Vimeo). Alla base di questa tecnologia c’è il potente plug-in JavaScript Jarallax.

Un modo popolare per presentare più video sul web contemporaneamente sono le gallerie. Il plug-in Video Gallery by Total Soft rappresenta un’ottima soluzione per realizzare gallerie in modo semplice e intuitivo per il vostro progetto web. Con la versione di base gratuita è possibile creare e pubblicare gallerie video con qualsiasi numero di clip da YouTube, Vimeo e Wistia o in proprio possesso. Tutte le gallerie possono essere ordinate automaticamente con un design responsive e tramite drag&drop. Per usufruire di design individuali e personalizzati per le vostre gallerie, è consigliabile un aggiornamento a una delle versioni a pagamento (da 12,79 €), che dà accesso a temi di galleria aggiuntivi, font, effetti hover e varie altre opzioni di stile.