Comment ajouter un arrière-plan vidéo YouTube dans le thème Divi

Avez-vous récemment commencé à bloguer en utilisant le thème Divi ? Eh bien, même si cela peut sembler facile une fois le thème défini, vous apprendrez progressivement beaucoup de choses. Nous avons cela couvert si vous souhaitez ajouter un arrière-plan vidéo YouTube au thème Divi.

L'ajout d'un arrière-plan vidéo YouTube à une page présente de nombreux avantages. Non seulement cela aide au référencement, mais cela apporte également plus d'engagement client. Nous avons donc fait nos recherches et noté toutes les étapes à suivre sur le thème Divi.

Commençons par le guide.

Comment ajouter un arrière-plan vidéo YouTube dans le thème Divi

La vraie question se pose : quelles étapes faut-il suivre pour ajouter le fond vidéo au thème Divi ?

Voici tout ce que vous devez savoir.

Étape 1 : Ouvrir une nouvelle page

La première étape consiste à vous connecter à votre site wordpress et à ouvrir le tableau de bord. Ici, dans les options du menu de gauche, allez dans « Pages » et cliquez sur l'option « Ajouter nouveau » .

Étape 2 : Utiliser Divi Builder

Dans l'étape suivante, vous devrez sélectionner le titre puis cliquer sur les options qui indiquent que vous souhaitez « Utiliser Divi Builder ».

En fonction de la vitesse de votre connexion Internet, le site Web commencera à charger le constructeur Divi sur votre page ; à partir de là, vous pouvez insérer un arrière-plan vidéo YouTube dans la page.

Étape 3 : Repartir de zéro

Il sera plus efficace de partir de zéro au lieu de sélectionner un modèle prédéfini. Il vous suffit donc de cliquer sur « Start Building » dans la fenêtre suivante après avoir sélectionné l'option « Build from Scratch ».

Lorsque vous êtes dans la catégorie « Insérer une ligne », vous pouvez choisir un seul onglet de ligne dans la section « Nouvelle ligne ».

Étape 4 : Choisissez le module de code

Dès que vous aurez terminé les étapes ci-dessus, il vous sera à nouveau demandé d'insérer un module. Dans la section Nouveau module de l'écran, vous devez taper Code et sélectionner le module « Code ».

Étape 5 : Obtenir le code vidéo YouTube

Maintenant, pour ajouter l'arrière-plan de la vidéo youtube, vous avez besoin du code d'intégration à ajouter au module de code. Pour cela, suivez les étapes ici.

• Visitez le site officiel de YouTube en cliquant ici.
• Si vous souhaitez ajouter une vidéo au thème Divi, vous devez choisir la vidéo que vous souhaitez utiliser
• Cliquez sur l'option de partage sur le côté droit de l'écran.

• Vous devez maintenant sélectionner l'option " Intégrer " à partir de là.

• Une fois que le code d'intégration apparaît, « Copiez -le » dans votre presse-papiers.

Il est maintenant temps pour vous de retourner sur votre site Web et de coller le code que vous avez copié dans le bloc « Code » de votre site Web.

Étape 6 : Effectuez les modifications de conception

Avant de pouvoir enregistrer et ajouter le code vidéo au site, vous pouvez apporter d'autres modifications de conception.

Cliquez sur la section « Design » à côté de Code et sélectionnez « Dimensionnement ». Ensuite, en fonction de l'apparence visuelle de la vidéo, vous pouvez utiliser le curseur pour sélectionner la hauteur, la largeur, le rembourrage et bien plus encore.

Enfin, vous devrez cliquer sur la case verte avec une coche blanche afin de sauvegarder vos paramètres.

Étape 7 : Vérifiez l'aperçu

Avant d'enregistrer la page et les modifications que vous avez apportées, assurez-vous de vérifier l'aperçu de la vidéo que vous avez ajoutée.

Cliquez sur l'option " Aperçu " sous la section " Publier " sur le côté droit de la page.

S'il ressemble exactement à ce que vous voulez, vous pouvez cliquer sur Publier, et vous êtes prêt à partir, ou vous pouvez apporter d'autres modifications à la conception.

Une fois la vidéo ajoutée à votre site Web, vous devez apporter quelques modifications et augmenter la largeur en fonction de la taille souhaitée, puis elle commence à s'afficher à l'écran.

Questions fréquemment posées

Vous avez encore des doutes ? Ici, je partage quelques FAQ qui pourraient vous aider!

1. Pourquoi ma vidéo YouTube n'est-elle pas intégrée à WordPress ?

Si vous ne pouvez pas intégrer de vidéos YouTube sur votre site WordPress, la raison peut être n'importe quoi. Par exemple, il peut s'agir de quelque chose de basique, comme si vous utilisiez le mauvais lien YouTube. Parfois, les utilisateurs copient le code de l'URL de partage plutôt que le code d'intégration. De plus, votre site doit permettre aux codes d'intégration de fonctionner.

2. Comment lire automatiquement des vidéos Youtube dans Divi ?

Outre l'ajout de vidéos YouTube en arrière-plan de votre thème Divi, vous pouvez également utiliser des codes spécifiques pour les faire jouer automatiquement en arrière-plan. Par exemple, lors de l'ajout du code Embed dans le module de code, vous pouvez simplement ajouter le code ?autoplay=1&mute=1 après l'URL de la vidéo.

3. Comment résoudre le problème "Une erreur inconnue s'est produite. Veuillez réessayer plus tard"

De nombreux utilisateurs ont rencontré le problème où Divi Theme Builder n'a pas encore répondu avec une erreur inconnue. Certaines solutions possibles que vous pouvez essayer consistent à utiliser votre système en mode sans échec et à utiliser à nouveau le constructeur. Ou la raison pourrait être des problèmes de cache du navigateur. Ici, vous pouvez vider le cache de votre navigateur et désactiver tous les plugins tiers.

Conclusion

Voici tout ce que vous devez savoir sur les étapes pour ajouter un arrière-plan vidéo YouTube dans Divi Theme. Une fois que vous aurez compris, vous pourrez le faire pour toutes vos pages et tous vos blogs à l'avenir. Essayez de pratiquer les étapes et vous êtes prêt à partir.

Assurez-vous d'avoir sélectionné le bon code d'intégration dans les vidéos YouTube, et non le code URL. Malheureusement, de nombreux utilisateurs ont tendance à commettre ces erreurs courantes et, par conséquent, le processus ci-dessus doit être révisé.

Si vous rencontrez une erreur, vous pouvez nous le faire savoir dans la section des commentaires ci-dessous, et nous vous répondrons avec toutes les solutions possibles. N'oubliez pas de le partager avec vos amis et continuez à venir pour plus de réponses.