Come utilizzare il blocco video di WordPress?

Il Blocco video di WordPress semplifica il caricamento e l'aggiunta di video alle tue pagine e ai tuoi post. Ti offre molte opzioni per controllare le dimensioni e le caratteristiche. L'aggiunta di video con questo blocco rende il contenuto più professionale e desiderabile. Fortunatamente, Video Block è facile da usare.

In questo articolo, esploreremo il Blocco video. Vedremo anche le sue impostazioni e opzioni, vedremo alcuni suggerimenti e best practice su come usarlo e vedremo le domande frequenti.

Come aggiungere il blocco video al tuo post o pagina

Per aggiungere il Blocco video al tuo contenuto, per prima cosa posiziona il cursore nel punto in cui desideri che appaia il blocco e seleziona lo strumento Inserimento. Successivamente, si aprirà una casella di ricerca in cui è possibile cercare il blocco o scorrere per visualizzare le opzioni. Cerca il video e selezionalo quando viene visualizzato nei risultati.

Se preferisci, puoi digitare /video dove vuoi posizionare il blocco e premere invio o selezionarlo dalle opzioni.

Il Blocco video verrà posizionato all'interno dell'area del contenuto. L'inserimento di un supporto funziona come un blocco immagine. Carica un video, scegli un video dalla libreria o inserisci un URL per il video che desideri visualizzare. Se l'URL proviene da una fonte come YouTube, il blocco verrà convertito in quel tipo di blocco. Le opzioni sono minime fino a quando non carichi un video.

Il lettore video include tutte le opzioni di riproduzione di base inclusi i pulsanti di riproduzione/pausa, una barra di avanzamento, audio, schermo intero e pulsanti di download e picture-in-picture. L'immagine nell'immagine posiziona il video nell'angolo in basso a destra in modo che possa essere riprodotto mentre l'utente scorre il sito web. Puoi inserire una didascalia sotto il video.

Impostazioni e opzioni del blocco video

Le opzioni e le impostazioni includono la barra degli strumenti e la barra laterale. Non vedrai tutte queste impostazioni finché non carichi il video.

Barra degli strumenti Blocco video

Fare clic in un punto qualsiasi del Blocco video per visualizzare gli strumenti. Alcuni strumenti potrebbero non essere visualizzati finché non aggiungi un'area di blocco sotto questo blocco. Diamo un'occhiata a ciascuna impostazione in dettaglio.

Blocco o stile di modifica del video

Selezionando l'icona di riproduzione video si apre una casella a discesa in cui è possibile trasformare il blocco in altri tipi di blocchi. Questo esempio mostra Cover.

Gruppo : aggiunge il blocco a un gruppo in modo da poterli regolare come un singolo blocco.

Colonne : posiziona il blocco all'interno delle colonne.

Media e testo : aggiunge testo accanto al supporto, creando due colonne.

Copertina : inserisce una didascalia sul video. Puoi cambiare la didascalia da un blocco di paragrafo ad altri tipi di blocchi di testo o un pulsante.

File : cambia il video in un pulsante con una didascalia, consentendo all'utente di scaricare il video invece di riprodurlo dal sito web.

Strumento di trascinamento dei blocchi video

Afferra lo strumento di trascinamento con il mouse per spostarlo ovunque all'interno dei tuoi contenuti. Apparirà una linea blu per indicare dove verrà rilasciato il blocco mentre lo trascini.

Il Blocco video verrà quindi posizionato nella nuova posizione.

Spostamento del blocco video

Sposta il Blocco video di una sezione di contenuto utilizzando le frecce su e giù.

Allineamento modifica blocco video

Le opzioni di allineamento includono sinistra, centro, destra, larghezza e larghezza completa. L'allineamento destro e sinistro avvolge il testo dal blocco successivo attorno al video. Ho impostato questo esempio per allineare a destra.

Questa è ampia larghezza. Occupa la maggior parte dello schermo.

Tracce di testo blocco video

Text Tracks mostra i sottotitoli e le didascalie durante la riproduzione del video. Sono formattati come file .vtt WebVTT (Web Video Text Tracks). I file vengono caricati dal catalogo multimediale.

Una volta caricato un file .vtt, vedrai le opzioni per modificare la traccia. Aggiungi un'etichetta, scegli la lingua e seleziona il tipo di traccia.

L'etichetta è il titolo della traccia di testo che l'utente vedrà quando guarderà le tracce disponibili.

La lingua di partenza è la lingua della traccia di testo.

Il tipo si riferisce al tipo di traccia che verrà visualizzato. Le opzioni includono:

• Sottotitoli – traduzione del dialogo.
• Didascalie : trascrizioni del dialogo, effetti sonori, musica, ecc.
• Descrizioni : testo che descrive cosa sta succedendo.
• Capitoli : titoli dei capitoli per la navigazione.
• Metadati : dati da utilizzare per JavaScript.

Le didascalie vengono quindi aggiunte alle opzioni del lettore che gli utenti possono selezionare.

Sostituisci blocco video

Ciò ti consente di sostituire il video con un video diverso.

Opzioni di blocco video

Le opzioni includono nascondi più impostazioni, copia, duplica, inserisci prima o dopo, sposta in, modifica come HTML, aggiungi a blocchi riutilizzabili, raggruppa e rimuovi il blocco.

Ecco cosa fanno le opzioni:

Nascondi altre impostazioni : nasconde la barra laterale destra, rimuovendo le distrazioni ed espandendo lo spazio di lavoro.

Copia : copia il Blocco video negli appunti in modo da poterlo incollare ovunque all'interno del contenuto.

Duplica : aggiunge un duplicato del blocco sotto l'originale.

Inserisci prima : aggiunge un'area di blocco sopra questo blocco in modo da poter posizionare un altro blocco.

Inserisci dopo : aggiunge un'area al di sotto di questo blocco in cui è possibile posizionare un altro blocco.

Sposta in : consente di spostare il blocco in alto o in basso. Viene spostato usando i tasti freccia per posizionare una linea blu dove vuoi il blocco e premendo Invio.

Modifica come HTML : mostra l'HTML di questo blocco, lasciando normali tutti gli altri blocchi.

Aggiungi a blocchi riutilizzabili : aggiunge il blocco ai blocchi riutilizzabili in modo da poterlo riutilizzare su altre pagine o post.

Gruppo : aggiunge il blocco a un gruppo in modo da poter regolare tutti i blocchi come una singola unità.

Rimuovi blocco : elimina il blocco.

Opzioni didascalia blocco video

La didascalia ha anche una serie di opzioni. Facendo clic in un punto qualsiasi dell'area della didascalia si apre una piccola barra degli strumenti con opzioni in grassetto, corsivo e collegamento. Include anche opzioni per la formattazione. Le opzioni includono:

• Codice in linea
• Immagine in linea
• Input da tastiera
• Barrato
• pedice
• Apice
• Colore del testo

Ognuno influisce sul testo che hai evidenziato.

Impostazioni blocco video

Le impostazioni per il Blocco video includono video e avanzate. Diamo un'occhiata a entrambi.

Impostazioni video

Le impostazioni video ti consentono di controllare il funzionamento del lettore. Le opzioni includono:

Riproduzione automatica : riproduce automaticamente il video quando viene caricata la pagina.

Loop – riproduce il video in loop continuo.

Muto – disattiva l'audio.

Controlli di riproduzione : nasconde o mostra i controlli del lettore. Quando i controlli sono nascosti, l'utente non avrà il controllo sul video. La riproduzione automatica dovrà essere abilitata.

Riproduci in linea : riproduce il video all'interno dell'area di riproduzione dell'elemento.

Precarica : imposta la quantità di video scaricata quando la pagina viene caricata. Scegli auto (l'intero video), metadati (solo le informazioni di base) o nessuno (non viene scaricato automaticamente).

Immagine poster : consente di sostituire lo screenshot del primo fotogramma del video con un'immagine in primo piano. Visualizza ancora i controlli del lettore a meno che non li disattivi. Ho aggiunto una nuova immagine nell'esempio sopra.

Avanzate

Le impostazioni video avanzate includono l'ancora HTML e classi CSS aggiuntive.

Ancoraggio HTML : consente di specificare il testo da utilizzare come URL personalizzato per questo blocco specifico.

Classi CSS aggiuntive : fornisce un campo per aggiungere qualsiasi classe CSS che si desidera utilizzare per questo blocco.

Suggerimenti e best practice per l'utilizzo efficace del blocco video

Se stai incorporando video da fonti come YouTube o Vimeo, usa il loro blocco anziché un Blocco video.

Comprimi il video e riduci le sue dimensioni e il tempo di caricamento.

Crea tracce .vtt utilizzando generatori di sottotitoli online o app simili.

Imposta il precarico su Nessuno se desideri aumentare la velocità della pagina. L'importo scaricato automaticamente avrà un impatto sulla velocità di caricamento della pagina.

Usa le opzioni di larghezza destra e sinistra per posizionare il testo intorno al tuo video per renderlo visivamente interessante. Usa le opzioni wide e full-width per enfatizzare il video.

Invece di utilizzare il primo fotogramma per l'immagine del video, crea un'immagine in primo piano su cui desideri fare clic.

Domande frequenti sul blocco video

Qual è lo scopo di questo blocco?

Questo blocco semplifica l'hosting dei video sul tuo sito Web e ti dà il controllo sul funzionamento del player.

Qual è la differenza tra un blocco video e un video incorporato?

I video incorporati da fonti come YouTube e Vimeo non ti danno il controllo sulle funzionalità del lettore.

Quali sono i modi migliori per utilizzare questo blocco?

Usa la riproduzione automatica con loop e rimuovi i controlli del lettore per dimostrazioni di prodotti e brevi clip tutorial. Per video più lunghi, disabilita la riproduzione automatica e mantieni abilitati i controlli.

Conclusione

Questo è il nostro sguardo al Blocco video di WordPress. Mi piace il livello di controllo che fornisce. L'allineamento a sinistra e a destra ha un bell'aspetto soprattutto con il contenuto attorno e l'ampia larghezza è un ottimo modo per attirare l'attenzione sul video. L'aggiunta di un'immagine poster può attirare l'attenzione degli utenti. Questo blocco è un'ottima scelta per dimostrazioni di prodotti, tutorial, musica e molto altro.

Vogliamo sentire da voi. Usi il Blocco Video? Fateci sapere la vostra esperienza nei commenti.

Immagine in primo piano tramite PD99 / shutterstock.com