Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Les arrière-plans vidéo sont un Tendance de conception de site Web très populaire cela donne sans aucun doute de la vie à n’importe quel endroit. Plus important encore, l’utilisation d’un arrière-plan vidéo WordPress est un moyen puissant de se démarquer, de motiver les visiteurs et d’amplifier votre message.

Si vous envisagez d’ajouter un arrière-plan vidéo à votre site WordPress, cet article est pour vous. Nous allons voir comment les amener sur votre site Web et des conseils sur la façon de le faire meilleures façons d’utiliser la vidéo.

Pourquoi utiliser un arrière-plan vidéo?

Alors pourquoi utiliser des arrière-plans vidéo WordPress pour votre site Web? Outre le fait que les arrière-plans vidéo ont l’air vraiment cool, ils sont attrayants. Les visiteurs s’arrêtent pour regarder l’arrière-plan de votre vidéo au lieu de simplement faire défiler si c’est une tête vidéo de héros Page de destination, ou un Section pleine largeur d’un côté.

Une autre grande chose à propos de la vidéo d’arrière-plan est qu’elle est rapide et facile pour les utilisateurs à consommer s’ils le souhaitent Mettez en valeur un aspect important de votre entreprise. Ils sont également parfaits pour les apprenants visuels et très partageables. C’est idéal si vous souhaitez générer du trafic vers votre site Web.

Comment ajouter des arrière-plans vidéo dans WordPress

Tout d’abord, vous devez fournir votre vidéo comme source. Vous avez peut-être déjà des séquences vidéo que vous avez téléchargées sur YouTube, Vimeo ou même la médiathèque de votre site Web WordPress. Vous pouvez également télécharger des vidéos d’archives à partir d’un site Web tel que Pixabay, Bâton Vimeo, ou Blocs d’histoire.

Une fois que vous avez votre vidéo, il y en a une Quelques options simples disponibles à vous pour ajouter une vidéo d’arrière-plan WordPress à votre site:

  • Utilisez un plugin d’arrière-plan vidéo.
  • Utilisez un thème avec des arrière-plans vidéo simples.
  • Utilisez un générateur de page.

Examinons de plus près ces options!

Plugins d’arrière-plan vidéo WordPress

À l’aide de plugins, vous pouvez ajouter des arrière-plans vidéo WordPress à votre site Web, que vous souhaitiez un en-tête de héros pour votre site Web. Page d’accueil ou un Vidéo plein écran pour un côté. La plupart des plugins vous offrent des options pour utiliser des vidéos MP4 (auto-hébergées sur votre site WordPress), YouTube et Vimeo.

Smart Slider 3

Smart Slider 3 vous permet de créer de superbes arrière-plans vidéo en plein écran vraiment facile. Le plugin vous permet de créer des blocs de vidéo que vous pouvez ajouter à votre site en tant qu’en-tête de héros ou simplement en tant que section sur une page avec un Effet de défilement parallaxe.

Découvrez cette superbe image fixe de cet exemple de bloc vidéo:

Exemple d'arrière-plan vidéo WordPress

Si vous avez votre propre vidéo, vous pouvez la télécharger sur votre site Web WordPress en tant que MP4, puis la coller dans votre bloc vidéo. Sinon, entrez simplement l’URL de votre vidéo YouTube ou Vimeo.

Vous pouvez ajouter n’importe quel nombre de couches à votre bloc vidéo, y compris le texte, les boutons du lecteur vidéo, les logos, Miniatures et bien sûr votre arrière-plan vidéo. Dans les paramètres, il existe des options pour ajouter de l’opacité, couper le son et boucler la vidéo.

Vous pouvez ensuite coller votre vidéo dans n’importe quelle page ou publication en utilisant le shortcode fourni ou en collant un court extrait de code PHP directement dans le fichier modèle de votre site (n’oubliez pas d’utiliser un sous-thème!).

Arrière-plan de la vidéo

Arrière-plan de la vidéo

Arrière-plan de la vidéo est un plugin simple et gratuit qui vous permet d’ajouter des arrière-plans vidéo HTML5 à n’importe quel élément de votre site WordPress. Il est assez facile à utiliserSpécifiez simplement le conteneur CSS que vous souhaitez utiliser (c’est-à-dire donnez-lui un nom), entrez une URL pour un fichier MP4 ou WebM et entrez une URL pour une image de secours.

Si vous souhaitez des options plus avancées telles que YouTube, la création de pages et les capacités de lecture, vous devrez passer à la version Pro du plugin, qui commence à 19 $ pour une licence de site unique.

Thèmes d’arrière-plan vidéo WordPress

Les arrière-plans vidéo étaient une fonctionnalité populaire dans les thèmes WordPress, revenant au thème standard Twenty Seventeen qui comprenait un arrière-plan vidéo d’arrière-plan de héros en plein écran. Deux ans plus tard, la tendance ne s’est pas ralentie et la plupart des sujets que vous rencontrez offrent maintenant au moins un en-tête vidéo de héros.

Il existe de nombreux endroits où vous pouvez trouver des thèmes WordPress d’arrière-plan vidéo polyvalents de haute qualité, mais voici quelques conseils:

Il existe également de nombreux magasins de thèmes indépendants qui proposent des thèmes sur le thème de la vidéo. Avant d’acheter ou de télécharger un thème, assurez-vous de vérifier auprès de l’auteur du thème si le thème a un arrière-plan vidéo.

Générateur de pages d’arrière-plan vidéo WordPress

Un plug-in pour créer des pages vous donne des informations Fonctions de glisser-déposerC’est ainsi que vous pouvez insérer votre vidéo d’arrière-plan WordPress n’importe où sur votre site Web. Cela signifie que vous n’avez pas besoin de connaître HTML ou CSS pour mettre à jour la conception de votre site Web et que vous n’avez pas besoin d’utiliser un thème d’arrière-plan vidéo ou un plugin. Alors que le plugin Visual Composer est une option populaire pour la création de pages depuis de nombreuses années, les deux constructeurs de pages les plus populaires sont Elementor et Divi.

Elementor

Elementor Cette option vous permet de créer des arrière-plans vidéo à l’aide de fichiers MP4 et de vidéos YouTube. Il existe plus d’options pour les heures de début et de fin, l’image de secours, les modes de superposition et de fusion. Smart Slider 3 est compatible avec Elementor. Pour plus d’informations, consultez Smart Slider 3 et Elementor.

Deux

Deux est un autre populaire Plugin de création de page Cela inclut la possibilité de créer des arrière-plans vidéo. Vous pouvez utiliser des fichiers MP4 et WebM auto-hébergés, des vidéos YouTube et Vimeo comme arrière-plan. Il existe de nombreuses options pour les superpositions, la personnalisation du bouton de lecture, etc.

Smart Slider 3 est compatible avec Divi. En savoir plus dans notre guide, Donnez au Divi Slider une mise à niveau avec Smart Slider 3.

Comment créer un arrière-plan vidéo WordPress à l’aide de Smart Slider 3

Avec Smart Slider 3, vous pouvez facilement ajouter un arrière-plan vidéo à votre curseur en quelques étapes seulement.

  1. Téléchargez et installez Smart Slider 3 Pro
  2. Créer un nouveau curseur
  3. Sélectionnez la diapositive et accédez à la fenêtre Calques → onglet Style
  4. Sélectionnez l’option vidéo et téléchargez votre vidéo

Si vous avez la version gratuite, vous pouvez en créer une Curseur vidéoCependant, dans ce cas, vous ne pouvez pas utiliser de vidéo mp4 auto-hébergée. Cependant, vous pouvez faire une vidéo Vimeo ou Vimeo Curseur YouTube.

Conseils pour ajouter un arrière-plan vidéo à votre site WordPress

Voici quelques conseils à garder à l’esprit lors de la création d’un arrière-plan vidéo pour votre site:

  • Assurez-vous que votre vidéo est de bonne qualité et de bonne résolution.
  • Compressez les vidéos pour un chargement de page plus rapide.
  • Utilisez des vidéos courtes. La vidéo en boucle garantit son bon fonctionnement sans avoir à faire de pause pour la mise en mémoire tampon.
  • Assurez-vous que l’arrière-plan de votre vidéo est parfaitement conçu pour qu’il soit beau sur tous les écrans, y compris les appareils mobiles.
  • Définissez un arrière-plan d’image de secours pour les visiteurs dont les navigateurs ne prennent pas en charge la vidéo.
  • Ne joue pas automatiquement avec le son. Permettez aux visiteurs d’activer le son.
  • Créez une superposition pour tout texte que vous souhaitez placer dessus et assurez-vous qu’il y a suffisamment de contraste pour qu’il soit facile à lire.

Lumière, caméra, action avec des arrière-plans vidéo WordPress

Si vous souhaitez créer une vidéo d’arrière-plan en plein écran pour votre en-tête ou simplement ajouter un arrière-plan vidéo YouTube à une section d’une page, Les arrière-plans vidéo WordPress sont très faciles à mettre en œuvre.

Il existe de nombreux plugins WordPress qui peuvent vous aider, mais vous ne pouvez pas vous tromper Smart Slider 3. Il est facile à configurer et propose de nombreuses options pour ajouter des superpositions, du texte et d’autres éléments à votre vidéo. Ceci est particulièrement utile pour les en-têtes de héros!

Raëlène Morey

A propos de l’auteur

Raëlène Morey est l’oiseau principal de Paroles d’oiseaux , une agence qui aide les entreprises WordPress à créer un meilleur contenu. Un diplômé en informatique est devenu journaliste et ancien rédacteur en chef de WPMU DEV. Raelene développe des sites WordPress depuis plus de 10 ans.





Source link

Recent Posts