Guida per principianti: come centrare un video in WordPress

Quando abbiamo iniziato con WordPress, qualcosa di semplice come centrare un video poteva essere sorprendentemente frustrante.

Dopo aver aiutato molti principianti tramite WPBeginner, ci siamo resi conto che non eravamo soli: è una delle domande di formattazione più comuni che ci vengono poste.

La buona notizia è che centrare i video in WordPress è diventato molto più facile, specialmente con l'editor a blocchi. Ma vediamo ancora molte persone avere difficoltà con questo, in particolare quando lavorano con video incorporati da YouTube o Vimeo.

In questa guida per principianti, ti mostreremo i modi più semplici per centrare i tuoi video in WordPress.

Perché centrare i video in WordPress?

Per impostazione predefinita, WordPress allinea i video incorporati o caricati sul lato sinistro dell'area di contenuto. Questo può far apparire la pagina sbilanciata, specialmente quando il video è il focus principale.

Centrare il video risolve questo problema e rende il layout più pulito e intenzionale:

• Miglior Equilibrio Visivo: Mantiene il layout uniforme ed evita spazi vuoti imbarazzanti su un lato.
• Focus più Forte: Attira naturalmente l'attenzione sul video come elemento principale della pagina.
• Esperienza Utente Migliorata: Rende il flusso del contenuto più fluido e facile da seguire.

Questa è una modifica semplice, ma può migliorare notevolmente l'aspetto e la sensazione della tua pagina.

Detto questo, vediamo come puoi facilmente centrare un video in un sito web WordPress.

Tratteremo sia l'editor a blocchi che l'editor classico, quindi puoi fare clic sui collegamenti sottostanti per passare a qualsiasi sezione:

Come centrare un video nell'editor dei contenuti di WordPress

Per centrare un video incorporato da YouTube o Vimeo, il metodo più semplice è semplicemente incollare il suo URL direttamente nell'editor di contenuto di WordPress.

WordPress lo convertirà automaticamente in un blocco video dedicato.

In alternativa, puoi aggiungere un blocco video o caricare un video direttamente nella tua libreria multimediale di WordPress.

Successivamente, seleziona il blocco Video e quindi fai clic sull'opzione 'Cambia allineamento'. Dal menu a discesa, puoi scegliere la posizione del video.

WordPress ti consente di scegliere tra i seguenti allineamenti, ognuno dei quali serve a uno scopo diverso per la visualizzazione del tuo video:

• Larghezza Ampia: Estende il video oltre la colonna di contenuto principale, ma non fino al bordo dello schermo. Questa opzione richiede il supporto del tuo tema WordPress.
• Larghezza Intera: Allarga il video su tutta la larghezza della finestra del browser. Come la 'Larghezza Ampia', anche questa dipende dal supporto del tuo tema.
• Allinea a Sinistra: Posiziona il video sul lato sinistro dell'area di contenuto. Questo è l'allineamento predefinito per molti blocchi.
• Allinea al Centro: Posiziona il video esattamente al centro dell'area di contenuto, creando un punto focale chiaro. Questa è l'opzione su cui ci concentriamo in questa guida!
• Allinea a Destra: Posiziona il video sul lato destro dell'area di contenuto.

Vai avanti e seleziona l'opzione 'Allinea al centro'.

Successivamente, puoi visualizzare in anteprima e pubblicare la tua pagina o il tuo post.

Il video sarà ora centrato.

Tuttavia, potrebbe essere necessario utilizzare il codice di incorporamento completo se si desidera aggiungere opzioni di riproduzione speciali (come l'avvio del video a un'ora specifica) o se si utilizza una piattaforma video che WordPress non incorpora automaticamente.

Se hai già un blocco video (come YouTube o Vimeo) e devi aggiungere codice personalizzato, fai clic sull'icona dei tre puntini nella barra degli strumenti del blocco e seleziona 'Modifica come HTML'.

Se stai incorporando da una piattaforma non supportata automaticamente da WordPress, aggiungerai prima un blocco HTML personalizzato e poi incollerai il tuo codice di embed al suo interno.

Successivamente, puoi inserire il seguente pezzo di codice HTML attorno al codice di embed del video. Assicurati di utilizzare commenti HTML appropriati e di rimuovere eventuali testi promozionali all'interno dell'esempio di codice stesso:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Ecco come apparirà il tuo codice di embed con l'HTML personalizzato:

Ora puoi salvare le modifiche e visualizzare in anteprima il post o la pagina per vedere il tuo video perfettamente centrato.

Un altro approccio consiste nell'aumentare manualmente la larghezza del tuo video per adattarlo all'area del contenuto. Per ottenere questo risultato, devi aggiungere o modificare il parametro 'width' nel tuo codice di incorporamento:

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Come centrare un video nell'editor classico

Se stai utilizzando l'editor classico, puoi centrare i video modificando un post o creandone uno nuovo.

Una volta nell'editor, passa alla visualizzazione Testo. Ora, inserisci il seguente codice HTML:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Assicurati solo di sostituire 'il tuo codice di incorporamento video va qui' con il codice di incorporamento del tuo video.

Una volta fatto, apparirà qualcosa di simile a questo:

Ora puoi visualizzare in anteprima e pubblicare la tua pagina.

Visita semplicemente il tuo sito web per vedere il video centrato.

Domande frequenti sui video centrati

Ecco alcune domande che i nostri lettori pongono frequentemente riguardo al centraggio dei video in WordPress:

Perché non vedo le opzioni di allineamento 'Larghezza ampia' e 'Larghezza intera'?

Le opzioni 'Larghezza ampia' e 'Larghezza intera' sono funzionalità che devono essere supportate dal tuo tema WordPress. Se non le vedi nella barra degli strumenti di allineamento, significa che il tuo tema attuale non le ha abilitate. Sarai comunque in grado di utilizzare l'opzione standard 'Allinea al centro'.

Il centraggio del mio video influenzerà il suo aspetto sui dispositivi mobili?

No, il centraggio di un video utilizzando gli strumenti standard dell'editor a blocchi di WordPress è completamente reattivo. WordPress gestisce automaticamente il ridimensionamento per garantire che il tuo video sia ottimale su schermi più piccoli come tablet e smartphone.

Posso centrare un video che ho caricato direttamente su WordPress?

Sì. Il processo è esattamente lo stesso sia per i video incorporati che per i video caricati direttamente nella tua libreria multimediale. Seleziona semplicemente il blocco Video e utilizza la barra degli strumenti di allineamento per centrarlo.

Speriamo che questo articolo ti abbia aiutato a imparare come centrare un video in WordPress. Potresti anche voler consultare la nostra guida su come aggiungere caratteri speciali nei post di WordPress e suggerimenti essenziali per l'utilizzo degli shortcode in WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.