Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer un portfolio vidéo sur WordPress (étape par étape)

Vous souhaitez créer un portfolio vidéo sous WordPress ?

Les vidéos sont un support attrayant qui peut afficher vos compétences et votre créativité d’une manière que les images statiques ne peuvent pas. Par défaut, vous pouvez facilement intégrer des vidéos dans WordPress, mais vous ne pouvez pas les afficher dans une présentation de type portfolio.

Dans cet article, nous allons vous afficher comment créer facilement un portfolio vidéo dans WordPress sans ralentir votre site ou écrire du code.

Create a Video Portfolio in WordPress

Premiers pas avec votre portfolio vidéo

Tout d’abord, vous devez créer un blog ou un site WordPress. Si vous en avez déjà un, alors vous pouvez passer à l’étape suivante.

WordPress vous permet d’intégrer facilement des vidéos dans vos publications et pages de blog. Cependant, il ne vous permet pas de créer un beau portfolio vidéo dès le départ.

Pour votre site de portfolio, vous voudrez afficher vos vidéos dans une belle mise en page basée sur une grille afin que davantage de vidéos puissent être vues sans trop de défilement.

Vous devez également vous assurer que le portfolio fonctionne sur les appareils mobiles et offre une bonne expérience utilisateur. Cela peut aider à améliorer les classements du contenu de votre site, car un contenu vidéo de haute qualité peut prospecter davantage de trafic organique.

Bien que vous puissiez téléverser une vidéo sur votre site WordPress, nous vous recommandons d’utiliser un service tiers comme YouTube ou Vimeo, car les vidéos sont gourmandes en ressources et peuvent ralentir votre site.

Pour plus de détails, vous pouvez consulter notre article sur les raisons pour lesquelles vous ne devriez jamais téléverser de vidéos sur WordPress.

Ceci étant dit, voyons comment créer facilement un portfolio vidéo sur WordPress, étape par étape.

Créer un portfolio vidéo sur WordPress avec Envira Gallery

Vous pouvez facilement créer un portfolio vidéo sur WordPress avec Envira Gallery. C’est le meilleur module WordPress d’extension de galerie sur le marché qui est livré avec un module vidéo.

L’extension vous permet de créer de magnifiques galeries et propose des modèles prédéfinis, un filigrane, une fonctionnalité de visionneuse, et bien plus encore.

Tout d’abord, vous devez installer et activer l’extension Envira Gallery. Pour des instructions détaillées, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Note: Envira Gallery dispose également d’une offre gratuite. Cependant, vous aurez besoin d’une offre pro pour déverrouiller le module Vidéos.

Lors de l’activation, visitez la page Envira Gallery  » Réglages depuis le Tableau de bord WordPress pour saisir votre clé de licence. Vous pouvez obtenir cette information à partir de votre compte sur le site d’Envira Gallery.

Add the Envira Gallery license key

Ensuite, vous devez vous rendre sur la page Envira Gallery  » Addons  » et repérer le module  » Videos « .

Une fois que vous avez fait cela, cliquez sur le bouton « Installer » à côté. Ensuite, vous devez cliquer sur ‘Activer’ pour commencer à l’utiliser sur votre site.

Install the Videos addon

Maintenant, il est temps pour vous de commencer à créer votre portfolio vidéo. Pour ce faire, rendez-vous sur la page Envira Gallery  » Ajouter une nouvelle  » dans la colonne latérale de l’administrateur WordPress.

Gardez à l’esprit qu’Envira Gallery vous permet de créer une galerie de vos vidéos auto-hébergées ainsi que des vidéos hébergées sur des plateformes telles que YouTube, Wistia et Vimeo.

Cependant, nous recommandons d’utiliser des services d’hébergement de vidéos tiers pour éviter les problèmes de performance ou les problèmes avec votre hébergement WordPress.

Après avoir téléversé vos vidéos sur YouTube ou Vimeo, vous pouvez ajouter un nom à votre galerie, puis cliquer sur le bouton « Sélectionner des fichiers à partir d’autres sources ».

Click Select files from other Sources button

Vous accédez ainsi à la médiathèque, où vous devez passer à l’onglet « Insérer des vidéos ».

Ici, vous pouvez ajouter le titre, la légende et le texte alt de votre vidéo. Une fois cela fait, il vous suffit d’ajouter l’URL de la vidéo dans le champ « URL de la vidéo ».

Si vous souhaitez téléverser une vidéo depuis votre ordinateur, vous pouvez cliquer sur le bouton « Téléverser des médias ».

Vous pouvez également ajouter d’autres vidéos en cliquant sur le bouton « Ajouter une vidéo » en haut de la page. Répétez ensuite le processus jusqu’à ce que vous ayez ajouté toutes les vidéos que vous souhaitiez afficher dans votre portfolio.

Une fois que vous avez terminé, cliquez simplement sur le bouton « Insérer dans la galerie ».

Add video URL, title, caption, and alt text

Envira affiche désormais les miniatures extraites de vos vidéos dans la section « Actuellement dans votre galerie ».

Ici, vous pouvez cliquer sur l’icône en forme de crayon en haut de chaque miniature pour modifier le texte alt et les légendes, la hauteur et la largeur des vidéos, etc.

Edit video details by clicking the pencil icon on top of each thumbnail

Une fois cette étape franchie, il vous suffit de passer à l’onglet « Configuration ».

Vous pouvez désormais choisir la mise en page de votre galerie, ajouter des colonnes de galerie, activer le chargement paresseux, modifier les dimensions des images et ajouter des légendes sous les vidéos.

Go through the gallery configuration settings

Ensuite, passez à l’onglet « Visionneuse » dans la colonne de gauche et cochez l’option « Activer la visionneuse ». Vos vidéos seront désormais diffusées sur la même page dans une fenêtre surgissante de type « lightbox ».

Pour des instructions détaillées, consultez notre tutoriel sur l ‘ajout d’une galerie dans WordPress avec un effet visionneuse.

Enable the lightbox option for the video portfolio

Ensuite, passez à l’onglet « Vidéos » et cochez la case à côté de l’option « Afficher l’icône de lecture sur l’image de la galerie ». De cette façon, les utilisateurs/utilisatrices peuvent cliquer sur le bouton de lecture pour commencer à regarder vos vidéos.

Ensuite, vous pouvez défiler jusqu’à la section « Réglages de la visionneuse » et activer la lecture automatique des vidéos, afficher les contrôles vidéo, ajouter une barre de progression ou l’heure actuelle, activer le téléchargement des vidéos, etc.

Configure the video settings

Vous pouvez ensuite définir d’autres réglages de la galerie à votre convenance. Une fois que vous avez terminé, cliquez sur le bouton « Publier » en haut pour stocker vos Réglages.

Ensuite, ouvrez la page ou la publication WordPress où vous souhaitez ajouter votre portfolio vidéo. Ici, cliquez sur le bouton d’ajout de bloc  » +  » pour ouvrir le menu des blocs et ajouter le bloc Envira Gallery.

Une fois cela fait, sélectionnez la galerie de vidéos que vous venez de créer dans le menu déroulant du bloc lui-même.

Add the Envira Gallery block for the video portfolio

Enfin, cliquez sur le bouton « Publier » ou « Mettre à jour » pour stocker vos réglages.

Vous pouvez maintenant visiter votre site WordPress pour voir le portfolio vidéo. Voici à quoi cela ressemble sur notre site WordPress de démonstration.

Video portfolio preview

Bonus : Ajoutez votre flux YouTube à votre site WordPress

Outre la création d’un portfolio vidéo, vous pouvez également ajouter l’intégralité de votre flux YouTube à votre site WordPress afin de générer du trafic vers votre chaîne et d’accroître l’engagement des utilisateurs/utilisatrices.

Cela peut également contribuer à améliorer votre classement dans les moteurs de recherche et vous permettre de mettre en valeur vos compétences et votre créativité dans le flux vidéo.

Vous pouvez facilement ajouter un flux YouTube dans WordPress avec l’extension Smash Balloon YouTube Feed. C’est le meilleur plugin WordPress de galerie YouTube sur le marché qui est livré avec plusieurs types de flux, des mises en page personnalisables, un constructeur convivial, le partage des médias sociaux et le support des flux en direct.

Smash Balloon YouTube Feeds Pro

Une fois l’extension activée, il vous suffit de connecter votre chaîne YouTube à WordPress.

Une fois que vous avez fait cela, votre flux YouTube sera lancé dans le client/cliente Modifié Constructeur, où vous pouvez personnaliser la mise en page, ajouter un bouton d’abonnement, modifier les jeux de couleurs et modifier des éléments individuels.

Pour des instructions détaillées, vous pouvez consulter notre tutoriel sur la création d’une galerie vidéo dans WordPress.

Smash Balloon's video style settings

Outre YouTube, vous pouvez également utiliser d’autres extensions Smash Balloon pour intégrer vos flux Facebook, Instagram ou Twitter au sein de votre site.

En savoir plus, consultez notre avis complet sur Smash Balloon.

Nous espérons que cet article vous a aidé à apprendre comment créer un portfolio vidéo sur WordPress. Vous pouvez également consulter notre guide du débutant sur la façon de booster la vitesse et les performances de WordPress et notre top des meilleurs thèmes WordPress pour les sites de portfolio.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

2 commentairesLaisser une réponse

  1. Michael Obot

    Great insights to be implemented on my baby site. Thanks.

  2. Navneethkrishnan

    Great Article! I am relatively new to this field but your site has helped me a lot. One of the best site for Wordpress Noobs.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.