Comment centrer une vidéo YouTube dans WordPress ?

3 min


Si vous exploitez un site Web utilisant WordPress, vous avez probablement voulu intégrer une vidéo YouTube à un moment ou à un autre. La vidéo peut ajouter de l'interactivité et de l'excitation à un article de blog. Heureusement, WordPress et YouTube en font un processus très simple. Centrer votre vidéo YouTube peut toutefois s'avérer un peu délicat, surtout si vous ne connaissez pas le codage. Cet article va vous apprendre une solution très simple cependant. Cela vous permettra de centrer n'importe quelle vidéo YouTube ou n'importe quel objet.

Vous devez d'abord insérer la vidéo dans votre message. Vous allez sur YouTube, cliquez sur Intégrer (sous vidéo), choisissez vos options et copiez le code HTML. Vous prenez ensuite ce code et le collez dans l'éditeur visuel de WordPress. N'oubliez pas que vous devez définir le format HTML à l'aide du bouton situé dans le coin supérieur droit. Ensuite, il vous suffit de coller votre code d'intégration YouTube. Maintenant, vous avez la vidéo dans votre post ou votre page.

Une fois que vous avez terminé, vous pouvez revenir à l'onglet visuel de l'éditeur WordPress. Vous verrez votre vidéo (ou objet) comme une grande boîte jaune. Idéalement, vous pouvez simplement cliquer sur cette case et cliquer sur le bouton central de l'éditeur. Malheureusement, ça ne marche pas. Je ne sais pas exactement pourquoi, mais c'est probablement parce que la commande centrale de WordPress insère du code HTML que l'objet ne reconnaît pas. Par exemple, même si vous revenez à l’éditeur HTML et que vous enveloppez l’objet dans

balises, cela ne fonctionnera pas.

Le correctif est assez simple cependant. Il vous suffit de revenir à la partie HTML de votre éditeur. Vous ne verrez pas la boîte jaune maintenant, vous verrez le code d'intégration de la vidéo. Juste avant le code d'intégration, entrez:

div style = "text-align: center;" (entre parenthèses html bien sûr, en supprimant les espaces autour du symbole enter)

Et puis après la fin du code d'intégration:

/ div (également entre parenthèses html)

Lorsque vous revenez à votre éditeur visuel, vous remarquerez que la boîte jaune est centrée ! Maintenant que vous avez appris ce code, vous pouvez centrer n’importe quelle vidéo YouTube ou autre objet dans chacun de vos messages. Utilisez-le assez souvent et le code ne sera pas long. Si vous n'êtes pas à l'aise avec HTML, alors écrivez le code ci-dessus maintenant. Si vous êtes sur votre ordinateur, ajoutez-le à un fichier texte pour pouvoir le copier et le coller facilement. Essayez-le sur votre prochain post et laissez-moi savoir comment cela fonctionne.


0 Comments

Laisser un commentaire