WordPress rende semplice incorporare un video YouTube in due modi diversi, a seconda che tu voglia la rapidità del comportamento predefinito o il pieno controllo su come si comporta.
Metodo 1: incolla direttamente l’URL
Nell’editor a blocchi di WordPress, basta incollare un link YouTube su una riga a sé. WordPress lo converte automaticamente in un blocco embed usando il suo supporto oEmbed integrato, senza bisogno di HTML. È l’opzione più veloce e funziona bene per un embed semplice e dall’aspetto predefinito.
Metodo 2: il blocco HTML personalizzato, per il pieno controllo
L’embed automatico non offre controllo su dimensionamento responsive, dominio rispettoso della privacy, orari di inizio o controlli nascosti. Per questo, aggiungi un blocco HTML personalizzato (cerca “HTML personalizzato” nell’inseritore di blocchi) e incolla direttamente un codice embed generato:
- Costruisci il tuo codice con il generatore di codice embed, scegliendo dimensionamento responsive, modalità privacy e qualsiasi opzione di riproduzione desiderata.
- Aggiungi un blocco HTML personalizzato nel punto in cui vuoi che compaia il video.
- Incolla il codice generato nel blocco.
- Visualizza l’anteprima della pagina per confermare che venga mostrato correttamente.
Una nota sull’editor classico
Se il tuo sito usa ancora l’editor classico, passa alla scheda “Testo” (HTML) invece di “Visuale” prima di incollare il codice embed, altrimenti WordPress potrebbe rimuovere o alterare l’HTML grezzo.
Problemi comuni specifici di WordPress
Alcuni plugin di sicurezza o prestazioni rimuovono di default iframe o script dal contenuto degli articoli. Se il tuo embed scompare dopo il salvataggio, controlla le impostazioni di filtraggio HTML del plugin, oppure cerca un’opzione per consentire iframe da domini affidabili come youtube.com e youtube-nocookie.com.
Renderlo responsive su WordPress
La maggior parte dei temi WordPress moderni gestisce automaticamente gli embed responsive per il blocco YouTube nativo dell’editor a blocchi. Se usi il blocco HTML personalizzato con un codice generato, assicurati di aver selezionato l’opzione del contenitore responsive nel generatore, in modo che il video scali correttamente all’interno della colonna di contenuto del tuo tema.