Come in­cor­po­ra­re video con WordPress

Se siete i creatori o i pro­prie­ta­ri di un video, potete caricarlo nella libreria mul­ti­me­dia­le del vostro attuale progetto WordPress.

Primo passaggio: aprite l’area dei file mul­ti­me­dia­li facendo clic sul pulsante “Media” nel menu laterale sinistro:

Secondo passaggio: fate clic prima su “Aggiungi file” poi su “Seleziona file”. Ora è possibile spe­ci­fi­ca­re la posizione del file video de­si­de­ra­to e con­fer­ma­re per avviarne il ca­ri­ca­men­to nella libreria mul­ti­me­dia­le. In al­ter­na­ti­va, è possibile tra­sci­na­re il video tramite drag&drop nell’area designata (de­li­mi­ta­ta dalle linee trat­teg­gia­te):

Terzo passaggio: aprite la pagina di WordPress sulla quale de­si­de­ra­te ag­giun­ge­re il video e fate clic sul segno più per ag­giun­ge­re un nuovo blocco:

Quarto passaggio: scorrete fino alla sezione “Media” e se­le­zio­na­te la voce “Video” per ag­giun­ge­re alla pagina un blocco per il contenuto video. In questo blocco, fate clic ora su “Libreria”. WordPress aprirà la pa­no­ra­mi­ca dei video di­spo­ni­bi­li, dove si può fa­cil­men­te se­le­zio­na­re quello che si desidera facendo clic con il tasto sinistro del mouse. Inoltre, è possibile ar­ric­chi­re l’elemento con metadati quali titolo, una di­da­sca­lia e una de­scri­zio­ne. Infine, integrate il video nel vostro progetto WordPress facendo clic sul pulsante “Seleziona”.

Il video è ora integrato nella vostra pagina WordPress. Se ne­ces­sa­rio, potete spostarlo in qualsiasi altra posizione o scam­biar­lo con altri elementi, proprio come qualsiasi altro blocco di contenuto.

Chi desidera ri­spar­mia­re spazio di ar­chi­via­zio­ne e potenza di calcolo per il proprio progetto web, ha la pos­si­bi­li­tà di caricare i contenuti video su una piat­ta­for­ma video esterna come YouTube o Vimeo. Una volta caricato il video, la piat­ta­for­ma fornisce un codice embed (un codice di in­cor­po­ra­zio­ne), grazie al quale è possibile in­cor­po­ra­re il ri­spet­ti­vo video nel vostro progetto WordPress. A seconda del tipo di sito web, è na­tu­ral­men­te anche possibile inserire video di altri utenti, a con­di­zio­ne che questi utenti detengano i diritti per il contenuto e lo abbiano reso pubblico.

Questi i passaggi da seguire per ag­giun­ge­re un video di YouTube tramite codice embed (la procedura dif­fe­ri­sce leg­ger­men­te per altre piat­ta­for­me):

Primo passaggio: andate al video di YouTube che de­si­de­ra­te con­di­vi­de­re e fate clic sul pulsante “Condividi” che si trova proprio sotto la clip.

Secondo passaggio: se­le­zio­na­te l’opzione “Incorpora” per arrivare alle opzioni di in­cor­po­ra­zio­ne. Qui è possibile lasciare le im­po­sta­zio­ni di default o mo­di­fi­ca­re il codice. Avete la pos­si­bi­li­tà di spe­ci­fi­ca­re il minuto e il secondo esatti da cui fare iniziare la ri­pro­du­zio­ne del video in­cor­po­ra­to (“Inizia da”). Inoltre, è possibile attivare la modalità di pro­te­zio­ne estesa dei dati at­tra­ver­so il campo omonimo per pro­teg­ge­re la privacy dei vostri vi­si­ta­to­ri. Infine, fate clic su “Copia” per salvare il codice negli appunti per l’im­por­ta­zio­ne su WordPress.

Terzo passaggio: ora andate al back end di WordPress e aprite la pagina in cui volete in­cor­po­ra­re il video. Incollate il link degli appunti di­ret­ta­men­te nella posizione de­si­de­ra­ta creando un blocco HTML e usando la com­bi­na­zio­ne di tasti [Ctrl] + [v] o facendo clic con il tasto destro e se­le­zio­nan­do la voce “Incolla”.

Quarto passaggio: WordPress inserisce au­to­ma­ti­ca­men­te il video nel formato de­si­de­ra­to. Cliccando su “Anteprima” è possibile vedere come apparirà il video sulla pagina prima di caricarlo.

In­di­pen­den­te­men­te dal fatto che decidiate di caricare i video in­ter­na­men­te o ester­na­men­te, l’uso dei plug-in video di WordPress è rac­co­man­da­to a chiunque voglia in­cor­po­ra­re questo tipo di contenuti nel modo più semplice possibile e allo stesso tempo be­ne­fi­cia­re di pratiche fun­zio­na­li­tà ag­giun­ti­ve. Per fare questo, tutto quello che dovete fare è in­stal­la­re il plug-in di cui avete bisogno. Questi plug-in sono ge­ne­ral­men­te facili da uti­liz­za­re e sono gestiti at­tra­ver­so esten­sio­ni del menu nel back end di WordPress o tramite pulsanti nell’editor.

Il modo più semplice per avere una pa­no­ra­mi­ca dei plug-in video di WordPress di­spo­ni­bi­li è at­tra­ver­so la sezione plug-in nel back end. Lì potete in­stal­la­re, con­fi­gu­ra­re e attivare le esten­sio­ni de­si­de­ra­te (e di­sat­ti­var­le o can­cel­lar­le se ne­ces­sa­rio). 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 ap­pro­pria­to. Per esempio, per una pa­no­ra­mi­ca generale, basta inserire il termine di ricerca “video”:

Terzo passaggio: una volta scelta l’esten­sio­ne de­si­de­ra­ta, fate clic sul pulsante “Installa” nel riquadro cor­ri­spon­den­te. Dopo l’in­stal­la­zio­ne, è possibile attivare il plug-in di­ret­ta­men­te tramite il pulsante “Attiva”:

Quarto passaggio: ora è possibile accedere all’esten­sio­ne tramite il sottomenu “Plugin in­stal­la­ti” o, nella maggior parte dei casi, tramite un pulsante in­di­vi­dua­le nel menu laterale del back end, come nel caso del plugin di esempio, scelto qui, “Video Gallery” di Ori­gin­Co­de:

Quando si tratta di in­cor­po­ra­re contenuti da YouTube, Embed Plus for YouTube è si­cu­ra­men­te la soluzione più diffusa. Il plug-in, che vanta oltre 200.000 in­stal­la­zio­ni attive ed è com­pa­ti­bi­le con l’editor WordPress Gutenberg, non solo vi supporta nell’in­cor­po­ra­zio­ne di singoli video di YouTube, ma fornisce anche la pos­si­bi­li­tà di includere playlist, canali completi e streaming live tramite “Youtube Wizard”, un as­si­sten­te di con­fi­gu­ra­zio­ne, facile da usare, di­spo­ni­bi­le per questo scopo di­ret­ta­men­te nell’editor. Passando alla versione pro a pagamento, si possono sbloccare ca­rat­te­ri­sti­che ag­giun­ti­ve come il markup au­to­ma­ti­co dei video SEO o una funzione di caching.

Chiunque gestisca un blog conosce l’im­por­tan­za di fornire pre­sta­zio­ni fluide per tutti i di­spo­si­ti­vi. In questo caso, è so­prat­tut­to il tempo di ca­ri­ca­men­to a giocare un ruolo fon­da­men­ta­le. Se i video di YouTube sono una parte centrale del vostro blog WordPress, l’uso di WP YouTube Lyte è altamente rac­co­man­da­to. Questo plug-in permette di applicare il lazy loading a tutti i video in­cor­po­ra­ti in WordPress: i rapidi “Lite YouTube Embeds” hanno l’aspetto di normali video di YouTube in­cor­po­ra­ti, ma ri­chia­ma­no il player solo nel momento in cui un vi­si­ta­to­re fa clic per ri­pro­dur­re il contenuto, ri­spar­mian­do così una quantità si­gni­fi­ca­ti­va di memoria. Un’altra ca­rat­te­ri­sti­ca dell’esten­sio­ne è che i video di YouTube possono essere me­mo­riz­za­ti nella cache locale, il che elimina la necessità di accedere ai server della piat­ta­for­ma video.

Tra gli strumenti di design per progetti web moderni, l’effetto chiamato parallax scrolling è diventato oramai lo standard più con­so­li­da­to. Il plug-in gratuito Advanced WordPress Back­grounds (AWB) vi supporta nell’im­ple­men­ta­zio­ne di questo effetto nel vostro progetto WordPress. L’esten­sio­ne permette inoltre di creare sfondi parallax in­di­vi­dua­li per le pagine se­le­zio­na­te sulla base di immagini o video (self-hosted, YouTube o Vimeo). Alla base di questa tec­no­lo­gia c’è il potente plug-in Ja­va­Script Jarallax.

Un modo popolare per pre­sen­ta­re più video sul web con­tem­po­ra­nea­men­te sono le gallerie. Il plug-in Video Gallery by Total Soft rap­pre­sen­ta un’ottima soluzione per rea­liz­za­re gallerie in modo semplice e intuitivo per il vostro progetto web. Con la versione di base gratuita è possibile creare e pub­bli­ca­re gallerie video con qualsiasi numero di clip da YouTube, Vimeo e Wistia o in proprio possesso. Tutte le gallerie possono essere ordinate au­to­ma­ti­ca­men­te con un design re­spon­si­ve e tramite drag&drop. Per usufruire di design in­di­vi­dua­li e per­so­na­liz­za­ti per le vostre gallerie, è con­si­glia­bi­le un ag­gior­na­men­to a una delle versioni a pagamento (da 12,79 €), che dà accesso a temi di galleria ag­giun­ti­vi, font, effetti hover e varie altre opzioni di stile.