Vous souhaitez créer un portfolio vidéo sur WordPress ? Par défaut, vous pouvez facilement intégrer une vidéo dans WordPress, mais vous ne pouvez pas afficher plusieurs vidéos dans une mise en page de style portfolio. Dans cet article, nous allons vous montrer comment créer facilement un portfolio vidéo dans WordPress sans ralentir votre site Web ou écrire du code.
Premiers pas avec votre portfolio vidéo
La première chose à faire est de créer un blog WordPress ou un site Web. Si vous avez déjà un site Web, vous pouvez passer à l’étape suivante.
WordPress vous permet d’intégrer facilement des vidéos dans vos articles et pages de blog. Cependant, cela ne vous permet pas de créer facilement un beau portfolio vidéo prêt à l’emploi.
Pour votre portfolio de vidéos, vous voudrez afficher vos vidéos dans une belle mise en page basée sur une grille, afin que plus de vidéos puissent être visionnées sans beaucoup de défilement. Vous devez également vous assurer qu’il fonctionne sur les appareils mobiles et offre une bonne expérience utilisateur.
Bien que vous puissiez télécharger une vidéo sur votre site WordPress, nous vous recommandons d’utiliser un service tiers comme YouTube ou Vimeo, car les vidéos consomment beaucoup de ressources et peuvent ralentir votre site. Consultez notre article sur les raisons pour lesquelles vous ne devriez jamais télécharger de vidéos sur WordPress.
Cela étant dit, voyons maintenant comment créer facilement un portfolio vidéo dans WordPress. L’objectif est de créer une section de portefeuille qui non seulement a fière allure, mais qui fonctionne également sur tous les appareils et toutes les tailles d’écran sans aucun problème.
Créer un portfolio vidéo dans WordPress
La première chose à faire est d’installer et d’activer le Galerie Envira brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Envira Gallery est un plugin de galerie de photos WordPress payant, et vous aurez besoin d’au moins un plan Pro pour accéder au module complémentaire de vidéos.
Les utilisateurs de Themelocal peuvent utiliser ce coupon Envira Gallery pour obtenir 25 % de réduction.
Lors de l’activation, vous devez visiter Galerie Envira » Paramètres page pour ajouter votre clé de licence. Vous pouvez trouver ces informations à partir de votre compte sur le site Web d’Envira Gallery.
Ensuite, vous devez vous diriger vers Galerie Envira » Modules complémentaires page. Vous verrez tous les modules complémentaires disponibles à installer. Recherchez le module complémentaire Vidéos et installez-le.
Envira Gallery va maintenant récupérer et installer le module complémentaire de vidéos. Après cela, vous devez cliquer sur « Activer » pour commencer à l’utiliser sur votre site Web.
Vous êtes maintenant prêt à créer votre première galerie de portfolios vidéo.
Dirigez-vous vers le Galerie Envira » Ajouter un nouveau page pour créer votre première galerie. Tout d’abord, vous devez fournir un titre pour votre galerie.
Envira Gallery peut 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. Nous vous recommandons d’utiliser des services d’hébergement vidéo tiers comme YouTube ou Vimeo pour éviter les problèmes de performances avec votre fournisseur d’hébergement WordPress.
Après avoir téléchargé vos vidéos sur YouTube ou Vimeo, vous devez cliquer sur le bouton « Sélectionner des fichiers à partir d’autres sources ».
Cela fera apparaître la fenêtre contextuelle Insérer un média où vous devrez cliquer sur le lien « Insérer des vidéos » dans la colonne de gauche.
Vous devez cliquer sur le bouton Ajouter une vidéo et entrer le titre de votre vidéo ainsi que coller l’URL de la vidéo.
Vous pouvez également ajouter d’autres vidéos en cliquant à nouveau sur le bouton Ajouter une vidéo et répéter le processus jusqu’à ce que vous ayez ajouté toutes les vidéos que vous vouliez afficher dans votre portfolio.
Une fois terminé, cliquez sur le bouton « Insérer dans la galerie » pour continuer.
Envira affichera désormais les vignettes extraites de vos vidéos dans la section Images.
Vous pouvez modifier, masquer ou ajouter d’autres éléments à la galerie à tout moment.
Configurons maintenant un peu la galerie de vidéos.
Vous devez cliquer sur l’onglet « Configuration » et sous les options « Nombre de colonnes de la galerie », sélectionnez une disposition à deux ou trois colonnes. Cela garantit que vos vignettes vidéo apparaissent bien avec un espace suffisant entre chaque vidéo.
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 ».
Vous pouvez maintenant cliquer sur le bouton publier pour rendre votre galerie de portfolios vidéo disponible sur WordPress.
Affichage de votre galerie de portfolios vidéo dans WordPress
Envira Gallery vous permet d’ajouter facilement des galeries de vidéos ou de photos n’importe où sur votre site WordPress.
Vous pouvez l’ajouter dans les articles, les pages, ainsi que les zones de widgets. Pour cet exemple, nous allons continuer et l’ajouter sur une nouvelle page.
Allez-y et créez une nouvelle page dans WordPress et donnez-lui un titre approprié, par exemple : Portfolio.
Sur l’écran d’édition de la page, vous devez cliquer sur le bouton Ajouter une galerie.
Cela fera apparaître une fenêtre contextuelle où vous verrez votre galerie de portfolio vidéo. Cliquez pour le sélectionner, puis cliquez sur le bouton Insérer.
Le shortcode Envira Gallery apparaîtra maintenant dans votre éditeur de publication.
Vous pouvez maintenant mettre à jour ou publier votre page et visiter la page pour voir votre galerie de portfolios en action.
Cliquer sur chaque vidéo l’ouvrira dans une fenêtre contextuelle. Vos utilisateurs pourront voir la vidéo sans quitter votre site Web. Ils pourront également parcourir d’autres vidéos en cliquant sur les vignettes sous le lecteur.
Nous espérons que cet article vous a aidé à apprendre à créer un portfolio vidéo dans WordPress. Vous pouvez également consulter notre guide pour débutants sur la façon d’augmenter la vitesse et les performances de WordPress.