Comment créer une galerie vidéo dans WordPress (étape par étape)
Voulez-vous créer une galerie vidéo dans WordPress ?
Par défaut, WordPress vous permet d'intégrer des vidéos dans vos articles et pages. Cependant, l’ajout de nombreuses vidéos ralentira votre site Web et prendra beaucoup de place sur votre serveur d’hébergement.
Dans cet article, nous allons vous montrer comment créer facilement une galerie vidéo YouTube d’aspect professionnel qui n’affectera pas les performances de votre site Web.
Pourquoi créer une galerie vidéo dans WordPress ?
Les gens adorent regarder des vidéos. En fait, selon notre liste ultime de statistiques sur les blogs, les publications avec vidéos génèrent également 83 % de trafic en plus que celles sans vidéos.
Si vous exploitez une boutique en ligne, les vidéos peuvent même vous permettre de générer plus de ventes. Selon les experts, 88 % des personnes ont acheté un produit ou un service après avoir regardé une vidéo.
Par défaut, WordPress vous permet d'ajouter des vidéos aux publications, aux pages et aux zones prêtes à accueillir des widgets telles que la barre latérale. Cependant, il est difficile de créer une belle mise en page de galerie à l’aide des blocs et outils WordPress intégrés.
WordPress n’est pas non plus optimisé pour héberger et lire des vidéos. Télécharger de nombreuses vidéos sur votre site Web signifie souvent des temps de chargement plus longs et une mauvaise expérience de visiteur. Vous ne devez donc jamais télécharger de vidéos directement dans WordPress.
Nous vous recommandons plutôt d’utiliser une plateforme d’hébergement vidéo comme YouTube. Une fois que vous disposez d’une chaîne YouTube, vous pouvez intégrer toutes vos vidéos dans WordPress sans affecter les performances de votre site Web.
Cela étant dit, voyons comment créer une galerie vidéo dans WordPress.
Comment installer un plugin de galerie vidéo
Le moyen le plus simple d’ajouter une galerie de vidéos YouTube à votre site Web WordPress consiste à utiliser le plugin Smash Balloon YouTube Feed. C’est le meilleur plugin de galerie vidéo YouTube pour WordPress, utilisé par plus de 1,6 million de sites Web.
Remarque : Il existe un plugin gratuit de flux YouTube qui vous permet d'afficher les dernières vidéos de votre chaîne YouTube dans WordPress. Cependant, nous utiliserons la version Pro car elle vous permet d'intégrer des listes de lecture YouTube, des favoris, des diffusions en direct, etc.
Si vous possédez déjà une chaîne YouTube, vous pouvez facilement intégrer toutes vos vidéos dans WordPress. Si vous n’avez pas de chaîne, vous devrez en créer une et télécharger toutes les vidéos que vous souhaitez intégrer sur votre site WordPress.
Après cela, vous êtes prêt à installer et activer le plugin Smash Balloon YouTube Feed. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Lors de l'activation, accédez à Flux YouTube » Paramètres et saisissez votre clé de licence dans le champ « Clé de licence ».
Vous trouverez ces informations sous votre compte sur le site Web de Smash Balloon.
Après avoir saisi la clé, cliquez sur le bouton « Activer ».
Comment connecter votre site Web WordPress à YouTube
Une fois le plugin actif, vous pouvez le connecter à votre chaîne YouTube. Sur l'écran Flux YouTube » Paramètres, sélectionnez le bouton « Ajouter une source ».
Sur l'écran suivant, continuez et cliquez sur « Se connecter à YouTube via Google ». Smash Balloon affichera désormais tous vos comptes Google.
Vous pouvez soit choisir un compte dans la liste, soit cliquer sur « Utiliser un autre compte ».
Après cela, vous verrez un avertissement indiquant que Smash Balloon aura accès à votre chaîne YouTube.
Si vous souhaitez continuer, cliquez sur le bouton « Continuer ».
Smash Balloon vous demandera maintenant l'identifiant ou le nom d'utilisateur de votre chaîne YouTube.
Pour obtenir ces informations, accédez au site Web YouTube, puis cliquez sur votre photo de profil dans le coin supérieur droit. Après cela, sélectionnez « Votre chaîne ».
Maintenant, regardez la barre d'adresse. Si vous voyez du texte après « utilisateur/ », il s'agit du nom d'utilisateur de votre chaîne YouTube.
Si vous voyez « chaîne/ » suivi d'une chaîne de chiffres et de lettres, il s'agit alors de l'ID de la chaîne.
Copiez simplement la valeur et revenez à votre tableau de bord WordPress.
Ici, collez les informations dans le champ qui affiche par défaut « Entrer l'ID de la chaîne ou le nom d'utilisateur ». Lorsque vous êtes prêt, cliquez sur « Suivant ».
Créer une clé API YouTube
À ce stade, vous verrez le message suivant : Aucune clé API entrée.
Pour éviter toute interruption, nous vous recommandons également de créer une clé API YouTube et de l'ajouter aux paramètres du plugin.
Dans un nouvel onglet, accédez à la console Google et connectez-vous à l'aide de votre compte Google.
Une fois connecté à la console, cliquez sur le menu déroulant de la barre d'outils. Par défaut, cela affiche le nom de votre dernier projet Google Console, vous pouvez donc voir un texte différent.
Si c'est la première fois que vous vous connectez à Google Cloud Console, vous devrez accepter les termes et conditions lorsque vous y êtes invité.
Cela fait, cliquez sur « Nouveau projet ».
Vous pouvez maintenant saisir un nom pour le projet. Ceci est juste pour votre référence, vous pouvez donc utiliser tout ce que vous voulez. Après cela, cliquez sur « Créer ».
Dans la barre d'outils, cliquez sur l'icône « Rechercher », puis tapez « API de données YouTube ». Sous « Place de marché », recherchez l'API de données YouTube et cliquez dessus.
Cela vous amène à un écran où vous pouvez activer la clé API YouTube.
Pour ce faire, cliquez sur le bouton « Activer ».
Dans le menu de gauche, sélectionnez « Identifiants ».
Ensuite, cliquez sur « Créer des informations d’identification ».
Dans le menu déroulant qui apparaît, cliquez sur « Clé API ».
Après quelques instants, vous verrez un message « Clé API créée ». Vous devrez ajouter ces informations au plugin Smash Balloon, alors notez-les.
Toutes les clés API sont illimitées par défaut. Pour empêcher d'autres personnes d'utiliser la clé sans votre autorisation, c'est une bonne idée de la restreindre en cliquant sur le lien « Modifier la clé API ».
Cela ouvre un écran affichant toutes vos clés. Cliquez simplement sur la clé YouTube que nous venons de créer.
Remarque : Si vous avez fermé la fenêtre contextuelle par accident, ne paniquez pas. Vous pouvez accéder au même écran en sélectionnant « Identifiants » dans le menu de gauche. De même, si vous n'avez pas enregistré la clé API, cliquez simplement sur « Afficher la clé » pour voir vos informations d'identification.
Sous « Définir une restriction d’application », sélectionnez l’option « Sites Web ».
Sous « Restrictions du site Web », cliquez sur « Ajouter ».
Vous pouvez maintenant saisir l’adresse de votre site WordPress et cliquer sur « Terminé ».
Pour aider Feeds for YouTube à accéder à l'API, vous devrez également saisir www.googleapis.com, puis cliquer sur « Terminé ».
Sous « Restrictions API », cliquez sur le bouton radio à côté de « Restreindre la clé ».
Cela fait, cliquez sur le menu déroulant « Sélectionner les API » et cochez la case à côté de « API de données YouTube ».
Après cela, cliquez sur « OK ».
Lorsque vous êtes satisfait de la configuration de la clé API, cliquez sur le bouton « Enregistrer ».
Vous êtes maintenant prêt à ajouter la clé API à votre site Web WordPress. Revenez au tableau de bord WordPress et accédez à Flux YouTube » Paramètres.
Ici, collez la clé dans le champ « Clé API », puis cliquez sur « Ajouter ».
Comment créer une galerie vidéo dans WordPress
Maintenant que vous avez connecté WordPress et YouTube, il est facile d’afficher les dernières vidéos de votre chaîne YouTube dans WordPress.
Accédez simplement à Flux YouTube » Tous les flux, puis cliquez sur "Ajouter un nouveau".
Smash Balloon YouTube Feed Pro vous permet d'intégrer tous les types de contenu YouTube, y compris des listes de lecture, des flux en direct et des vidéos uniques.
Vous pouvez même créer un mur social en combinant les publications de plusieurs plateformes sociales. Par exemple, vous pouvez intégrer des publications de statut Facebook, afficher des tweets, afficher des photos Instagram et afficher des vidéos YouTube, le tout dans une seule galerie.
Pour créer une galerie YouTube, sélectionnez « Chaîne », puis cliquez sur « Suivant ».
Votre prochaine tâche consiste à choisir le modèle que vous utiliserez comme point de départ pour votre flux vidéo YouTube. Tous les modèles sont entièrement personnalisables, vous pouvez donc affiner le design en fonction de l'apparence souhaitée de la galerie.
Pour créer une galerie vidéo, sélectionnez le modèle « Galerie », puis cliquez sur « Suivant ».
Smash Balloon va maintenant créer une galerie YouTube. C'est un bon début, mais vous souhaiterez peut-être affiner l'apparence des vidéos sur votre blog ou site Web WordPress.
Comment personnaliser votre galerie YouTube
Chaque fois que vous créez un nouveau flux, Smash Balloon vous amène automatiquement à l'éditeur. Ici, vous verrez un aperçu de la galerie à droite et quelques paramètres à gauche.
La plupart de ces options sont explicites, mais nous aborderons rapidement certains domaines clés.
Si vous n'êtes pas satisfait de l'apparence du flux, vous pouvez essayer un autre modèle en cliquant sur l'option de menu « Modèle ».
Ensuite, sélectionnez le bouton « Modifier ».
Cela ouvre une fenêtre contextuelle affichant tous les différents modèles que vous pouvez utiliser.
Cliquez simplement sur le modèle que vous souhaitez utiliser, puis cliquez sur « Mettre à jour ».
Après cela, cliquez sur le lien « Personnaliser ».
Cela vous ramène à l’écran principal des paramètres de Smash Balloon.
Ensuite, vous pouvez modifier la façon dont vos vidéos sont affichées en cliquant sur « Mise en page du flux ».
Sur cet écran, vous pouvez basculer entre les dispositions de grille, de galerie, de liste et de carrousel.
Selon la mise en page que vous choisissez, vous pouvez avoir accès à certains paramètres supplémentaires.
Par exemple, si vous sélectionnez « Liste », vous pouvez modifier le nombre de vidéos affichées par Smash Balloon et créer plus d'espace entre les vidéos YouTube.
Au fur et à mesure que vous apportez des modifications, l'aperçu sera mis à jour automatiquement, vous pourrez donc essayer différents paramètres pour voir ce qui convient le mieux à votre galerie vidéo.
Les données montrent que 90 % des consommateurs regardent des vidéos sur leurs appareils mobiles et que 70 % des personnes visitent YouTube à l'aide d'un smartphone ou d'une tablette. Dans cet esprit, vous devez vous assurer que la galerie vidéo est aussi belle sur mobile que sur ordinateur.
Vous pouvez prévisualiser l'apparence de votre flux sur les ordinateurs de bureau, les tablettes et les smartphones à l'aide de la rangée de boutons dans le coin supérieur droit.
Après avoir testé la version mobile de votre site WordPress, vous souhaiterez peut-être modifier le nombre de vidéos que vous diffusez sur les smartphones et les tablettes. Cela peut aider votre galerie à s'adapter confortablement aux écrans de tablettes et de smartphones plus petits.
Si vous utilisez la disposition Galerie, Smash Balloon affiche déjà un nombre différent de colonnes sur les appareils mobiles et les ordinateurs de bureau.
Pour modifier les paramètres par défaut, tapez simplement de nouveaux nombres dans la section « Colonnes ».
Lorsque vous êtes satisfait des modifications, cliquez sur « Personnaliser » pour revenir à l'écran principal des paramètres de Smash Balloon.
Vous êtes maintenant prêt à explorer l’option suivante, qui est « Schéma de couleurs ».
Par défaut, Smash Balloon utilise la même palette de couleurs que votre thème WordPress. Cependant, vous pouvez passer à une palette de couleurs « Claire » ou « Foncé » si vous préférez.
Vous pouvez même créer votre propre jeu de couleurs en sélectionnant "Personnalisé", puis en utilisant les paramètres pour modifier la couleur du lien, la couleur du texte, la couleur d'arrière-plan, etc.
Ensuite, vous souhaiterez peut-être ajouter un en-tête au-dessus de la galerie vidéo. Cet en-tête affiche votre photo de profil YouTube et le nom de votre chaîne, afin que les visiteurs puissent voir exactement d'où vient le contenu.
Pour ajouter une section d'en-tête, cliquez sur « En-tête » dans le menu de gauche.
Sur cet écran, cliquez sur le curseur « Activer » pour le faire passer du gris au bleu.
Après avoir ajouté une section d'en-tête, vous pouvez utiliser les commandes pour basculer entre les styles d'en-tête standard et de texte.
Si vous choisissez « Texte », vous pouvez modifier la couleur du texte et la taille de la police. Par défaut, cet en-tête affiche le message « Nous sommes sur YouTube ». Vous pouvez le remplacer par votre propre message en le tapant dans la zone « Texte ».
Lorsque vous êtes satisfait de l'apparence de l'en-tête, l'écran de paramètres suivant est « Vidéos ».
Cela vous amène à un nouvel écran où vous pouvez affiner l'apparence de chaque vidéo par défaut, lorsqu'un visiteur la survole et quand elle est en cours de lecture. Examinons chaque option tour à tour.
Dans « Style vidéo », vous pouvez basculer entre les mises en page en boîte et normales.
Si vous choisissez « Encadré », vous pouvez modifier la couleur d'arrière-plan, ajouter une ombre de boîte ou augmenter le rayon de la bordure pour créer des coins incurvés.
Vous pouvez également choisir d'afficher les vidéos dans une disposition horizontale ou verticale.
Lorsque vous êtes satisfait de vos modifications, cliquez sur le lien « Vidéos ». Cela vous ramène à l'écran précédent, où vous pouvez sélectionner « Modifier les éléments individuels ».
Ici, vous pouvez ajouter et supprimer différents éléments de chaque vidéo.
Par exemple, vous pouvez personnaliser le titre, la description et la date de la vidéo.
Vous pouvez également modifier la couleur et la taille de n’importe quel élément YouTube individuel en cliquant sur le nom de cet élément.
Certains éléments ont des paramètres supplémentaires. Par exemple, si vous sélectionnez « Description », vous pouvez définir le nombre maximum de caractères que Smash Balloon affichera.
Lorsque vous avez terminé, vous pouvez passer aux paramètres « État de survol ».
Ici, vous pouvez modifier le contenu qui apparaît lorsque les visiteurs passent la souris sur une vidéo.
Lorsqu'un visiteur clique sur une vidéo, la lecture commence dans un lecteur vidéo intégré. Vous pouvez modifier la façon dont le lecteur agit et apparaît en cliquant sur « Expérience du lecteur vidéo ».
Ici, vous pouvez modifier le rapport hauteur/largeur du lecteur et choisir si la lecture de la vidéo doit démarrer automatiquement ou attendre que le visiteur clique sur le bouton de lecture.
Si vous sélectionnez « Appel à l'action », vous pouvez modifier ce qui se passe lorsque la vidéo se termine ou que le visiteur interrompt la lecture.
Par défaut, Smash Balloon essaie d'obtenir plus d'engagement sur votre chaîne YouTube en affichant des vidéos associées. Vous souhaiterez peut-être afficher un lien personnalisé à la place. Par exemple, si vous gérez une boutique WooCommerce, vous pouvez créer un lien vers vos produits WooCommerce les plus populaires.
Lorsque vous êtes satisfait du joueur, vous pouvez cliquer sur « Personnaliser » pour revenir à l'écran principal de l'éditeur Smash Balloon.
Après cela, sélectionnez l’option « Charger plus de bouton » dans le menu de gauche.
Le bouton « Charger plus » offre aux visiteurs un moyen simple de faire défiler davantage de vos vidéos. Cela peut vous permettre d'obtenir plus d'engagement sur YouTube et de retenir les visiteurs sur votre site Web plus longtemps.
Cela étant dit, vous souhaiterez peut-être faire ressortir le bouton en modifiant sa couleur d'arrière-plan, son état de survol et la couleur du texte.
Ce bouton affiche « Charger plus… » par défaut, mais vous pouvez ajouter un message personnalisé en tapant dans le champ « Texte ».
Par défaut, Smash Balloon affiche un bouton « S'abonner » sous votre galerie vidéo.
Ce bouton permet aux visiteurs de rejoindre plus facilement votre chaîne YouTube. Vous souhaiterez donc peut-être le personnaliser en sélectionnant « Bouton d'abonnement » dans l'écran principal des paramètres de Smash Balloon.
Sur cet écran, vous pouvez modifier la couleur d’arrière-plan du bouton, l’état de survol et la couleur du texte.
Vous pouvez également remplacer « S'abonner » par votre propre message en tapant dans la case « Texte ».
Lorsque vous êtes satisfait de l'apparence de la galerie vidéo, n'oubliez pas de cliquer sur « Enregistrer » pour enregistrer vos modifications. Vous êtes maintenant prêt à ajouter la galerie à votre site Web.
Comment intégrer une galerie vidéo dans WordPress
Vous pouvez ajouter votre galerie YouTube à WordPress à l'aide d'un bloc, d'un widget ou d'un shortcode.
Si vous avez créé plusieurs flux à l'aide de Smash Balloon, vous devrez connaître le code de la galerie si vous souhaitez l'ajouter à l'aide d'un bloc ou d'un widget.
Pour obtenir le code, accédez à Flux YouTube » Tous les flux , puis copiez le texte sous « Shortcode ».
Dans l'exemple suivant, nous devrons utiliser youtube-feed feed=2.
Si vous souhaitez intégrer votre galerie vidéo dans une page ou une publication, nous vous recommandons d'utiliser le bloc « Flux pour YouTube ».
Pour commencer, ouvrez la page ou la publication dans laquelle vous souhaitez intégrer la galerie vidéo YouTube. Ensuite, cliquez sur l'icône « + » pour ajouter un nouveau bloc et commencez à taper « Flux pour YouTube ».
Lorsque le bloc de droite apparaît, cliquez pour l'ajouter à la publication ou à la page.
Le bloc affichera par défaut l'un de vos flux Smash Balloon. Si vous souhaitez utiliser un autre flux à la place, recherchez simplement « Paramètres du shortcode » dans le menu de droite.
Vous pouvez maintenant ajouter le shortcode à cette case. Une fois que vous avez fait cela, cliquez sur le bouton « Appliquer les modifications ».
Le bloc affichera désormais toutes les vidéos de votre chaîne YouTube. Publiez ou mettez simplement à jour la page pour diffuser votre flux de médias sociaux YouTube en direct.
Une autre option consiste à ajouter le flux à n’importe quelle zone prête à accueillir un widget, telle que la barre latérale ou une section similaire. Cela vous permet d'afficher la galerie sur l'ensemble de votre site Web.
Pour ce faire, rendez-vous simplement sur Apparence » Widgets dans le tableau de bord WordPress, puis cliquez sur le bouton bleu « + ».
Maintenant, commencez à taper « Flux pour YouTube » dans la barre de recherche pour trouver le bon widget.
Après cela, faites-le simplement glisser sur la zone où vous souhaitez afficher la galerie vidéo.
Par défaut, le widget affichera l'un des flux que vous avez créés à l'aide du plugin YouTube Feed Pro. Pour afficher un flux différent à la place, saisissez le code du flux dans la zone « Paramètres du shortcode », puis cliquez sur « Appliquer les modifications ».
Vous pouvez maintenant cliquer sur le bouton « Mettre à jour » pour faire vivre le widget.
Pour plus d'informations, veuillez consulter notre guide étape par étape sur la façon d'ajouter et d'utiliser des widgets.
Vous pouvez également intégrer votre galerie vidéo sur n'importe quelle page, publication ou zone prête à accueillir un widget à l'aide d'un shortcode. Pour obtenir le shortcode, accédez simplement à YouTube Feed » Tous les flux et copiez la valeur dans la colonne « Shortcode ».
Ensuite, ajoutez simplement ce code à votre site. Pour plus d’informations, veuillez consulter notre guide détaillé sur la façon d’ajouter un shortcode dans WordPress.
Enfin, si vous utilisez un thème activé pour le blocage, vous pouvez utiliser l'éditeur complet du site pour ajouter le bloc Flux pour YouTube n'importe où sur votre site.
Dans le tableau de bord WordPress, accédez simplement à Apparence » Éditeur.
Par défaut, l’éditeur complet du site affichera le modèle d’accueil de votre thème.
Si vous souhaitez ajouter la galerie vidéo YouTube à un autre modèle, cliquez sur « Modèles » dans le menu de gauche.
L'éditeur affichera désormais une liste de tous les modèles qui composent votre thème WordPress.
Allez-y et cliquez sur le modèle que vous souhaitez modifier.
WordPress affichera maintenant un aperçu du modèle.
Si vous souhaitez ajouter la galerie à cette partie de votre site, cliquez sur l'icône en forme de crayon.
Après avoir choisi votre modèle, passez votre souris sur la zone où vous souhaitez afficher les vidéos YouTube.
Ensuite, cliquez sur le «+» bleu lorsqu'il apparaît.
Une fois que vous avez fait cela, commencez à taper « Flux pour YouTube ».
Lorsque le bloc de droite apparaît, cliquez pour l'ajouter à votre modèle.
Comme toujours, Smash Balloon affichera un flux par défaut. S'il ne s'agit pas de la galerie YouTube que vous souhaitez utiliser, vous pouvez ajouter le shortcode de la galerie en suivant exactement le même processus décrit ci-dessus.
Convertissez votre galerie vidéo en publications WordPress
Jusqu'à présent, nous avons vu comment Smash Balloon vous permet de créer une galerie vidéo et de la personnaliser pour qu'elle s'adapte parfaitement au reste de votre site Web. Ce plugin possède également quelques fonctionnalités supplémentaires que vous souhaiterez peut-être explorer, notamment la transformation des vidéos de votre galerie en publications WordPress.
Grâce au plugin, vous pouvez créer rapidement et facilement une publication en utilisant n'importe quelle vidéo de votre chaîne YouTube. Vous pouvez ensuite ajouter d’autres contenus à cette publication à l’aide du tableau de bord et des outils WordPress familiers.
Lorsque vous publiez la publication, Smash Balloon affichera la vidéo en haut de l'écran, ainsi que certaines informations telles que son titre et la date de publication.
Tout autre contenu apparaîtra sous la vidéo.
C'est beaucoup plus rapide que d'intégrer manuellement chaque vidéo dans un article de blog. C’est également un moyen simple de partager des vidéos individuelles. Par exemple, vous pouvez attirer les gens vers une publication spécifique en en faisant la promotion sur les réseaux sociaux ou en l'ajoutant à votre newsletter par courrier électronique.
Votre première tâche consiste à choisir les informations qui apparaîtront sous chaque vidéo en accédant à Flux YouTube » Paramètres.
Ici, sélectionnez l'onglet Vidéos uniques.
Cochez simplement la case à côté de chaque information que vous souhaitez afficher.
N'oubliez pas de cliquer sur « Enregistrer les modifications » pour enregistrer vos paramètres.
Après cela, accédez à Flux YouTube » Vidéos uniques. Ici, vous verrez toutes les chaînes YouTube que vous avez connectées à WordPress à l'aide de Smash Balloon.
Recherchez simplement la chaîne que vous souhaitez utiliser et cliquez sur son nom.
Vous verrez maintenant toutes les vidéos de cette chaîne.
Recherchez simplement la vidéo que vous souhaitez transformer en publication et cliquez sur son lien « Modifier ».
Vous pouvez désormais ajouter des blocs, du texte et tout autre contenu à la publication, à l'aide de l'éditeur de contenu WordPress standard.
Lorsque vous êtes prêt à diffuser la publication et la vidéo, cliquez simplement sur le bouton « Publier » comme d'habitude. Désormais, si vous visitez votre site Web, vous verrez la nouvelle publication vidéo.
Nous espérons que cet article vous a aidé à créer une galerie vidéo dans WordPress. Vous pouvez également consulter notre guide sur la façon d’accélérer votre site Web WordPress et notre sélection d’experts des meilleurs plugins de médias sociaux.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.