Comment ajouter des fichiers audio et créer une liste de lecture sur votre site Web WordPress

Le monde est plein de sons qui nous affectent de différentes manières. Qu’il s’agisse d’améliorer notre humeur ou de nous faire pleurer, ou de nous donner les moyens de nous en tenir à notre routine d’exercice, les sons font partie intégrante de notre vie quotidienne.

La plupart des marques utilisent des repères visuels pour créer une esthétique spécifique qui les rendra reconnaissables. Mais si vous incorporez des sons dans votre stratégie marketing, votre site Web deviendra encore plus mémorable et attrayant pour le public.

La meilleure façon d’organiser des chansons ou des podcasts inspirants sur un site est de créer des listes de lecture. De cette façon, les utilisateurs peuvent facilement parcourir le contenu présenté, sélectionner ce qu’ils veulent entendre et lire le fichier audio qu’ils aiment autant de fois qu’ils le souhaitent. Dans l’un de nos articles précédents, nous avons discuté des meilleurs plugins de lecteur audio que vous pourriez utiliser sur votre site. Nous vous avons également montré comment intégrer une liste de lecture Spotify à vos pages. Cette fois-ci, nous aimerions montrer comment créer une liste de lecture audio WordPress à l’aide des options par défaut de la plate-forme dans Gutenberg, l’éditeur classique et Elementor.

Comment ajouter des fichiers audio dans WordPress

L’ajout de fichiers audio dans WordPress ne prend que quelques clics de souris. La plate-forme prend en charge les types de fichiers .MP3, .M4A, .WMA, .OGG et .WAV.

Si Gutenberg est votre constructeur de page préféré, ouvrez la page ou la publication où vous souhaitez ajouter le fichier. Cliquer sur Ajouter un bloc et sélectionnez l’audio.

Vous pouvez ensuite télécharger un nouveau fichier audio, en sélectionner un dans votre médiathèque ou insérer de l’audio à partir d’une URL.

Si vous choisissez la première option, vous pourrez ajouter une légende pour le fichier une fois le téléchargement terminé. De plus, il existe des options sur le côté droit de l’écran vous permettant d’activer les effets de lecture automatique et de boucle, et d’ajuster les paramètres de préchargement.

Les métadonnées peuvent être modifiées dans la médiathèque elle-même. Après avoir sélectionné le fichier, vous pouvez changez son titre, spécifiez le nom de l’artiste et de l’album, ajoutez une légende et une description, et modifiez l’URL du fichier.

Pour ajouter des fichiers audio dans le Éditeur classique, d’abord, cliquez sur Ajouter des médias.

Ensuite, choisissez un fichier dans la médiathèque ou téléchargez le nouveau. Toutes les options d’édition sont placées sur le côté droit de l’écran et sont les mêmes que dans la médiathèque de Gutenberg.

Dans Élémentor, vous devez ajouter le l’audio widget sur votre page.

Et puis, téléchargez le fichier audio souhaité.

Comment créer une liste de lecture dans WordPress

Au moment de rédiger cet article, Elementor et Gutenberg n’incluez pas de widget spécifique ni de bloc pour créer une liste de lecture audio dans WordPress. Et si vous n’avez pas envie d’ajouter un autre plugin à votre liste, il existe une solution de contournement.

Dans les deux constructeurs de pages, vous pouvez ajouter le bloc/widget HTML à une page ou à un article où vous souhaitez afficher la liste de lecture. Ensuite, collez le shortcode suivant dans le bloc/widget :

[ playlist ids = "insert_track_ids_here" ]

Pour connaître les identifiants de piste, rendez-vous sur Média > Bibliothèque. Cliquez sur le fichier que vous souhaitez inclure dans la liste de lecture et recherchez l’ID dans la barre d’adresse, à la fin de l’URL.

Alternativement, vous pouvez survoler le Afficher la page des pièces jointes ou Modifier plus de détails au sein de la bibliothèque.

Et puis, l’ID de piste apparaîtra dans le coin inférieur gauche de la page.

Cette activité peut prendre un peu de temps si vous prévoyez d’ajouter beaucoup de fichiers en même temps, mais pour l’instant, c’est le seul moyen d’ajouter une liste de lecture dans Elementor et Gutenberg.

Maintenant que vous connaissez les identifiants de piste, ajoutez-les au shortcode. Le nôtre va comme ceci :

[ playlist ids = "449, 453, 454" ]

Après avoir enregistré les modifications, une liste de lecture apparaîtra sur votre site.

Dans le Éditeur classique, vous devez d’abord appuyer sur la Ajouter des médias bouton puis cliquez sur Créer une liste de lecture audio sur le côté gauche de l’écran.

Ensuite, sélectionnez les fichiers souhaités dans la bibliothèque ou téléchargez les nouveaux, puis cliquez sur le bouton Créer une nouvelle liste de lecture bouton dans le coin inférieur droit.

Puis le Modifier la liste de lecture audio fenêtre apparaîtra à l’écran. Vous pouvez glisser-déposer les pistes pour les organiser dans l’ordre qui convient à vos besoins et décider si vous souhaitez afficher une liste de pistes, afficher le nom de l’artiste dans la liste des pistes et afficher des images.

Et enfin, une fois tous les réglages terminés, cliquez sur Insérer une liste de lecture audio.

Comment ajouter une liste de lecture à une barre latérale dans WordPress

Si vous souhaitez ajouter une liste de lecture à une barre latérale de votre site, vous pouvez le faire en ajoutant un Texte widget à la section de votre choix. Tout d’abord, allez à Apparence > Widgets, recherchez ce widget et choisissez la zone de la barre latérale dans laquelle vous souhaitez afficher une liste de lecture audio.

Ensuite, cliquez sur Ajouter des médias et commencez à créer votre liste de lecture.

Dernières pensées

L’ajout de fichiers audio à votre site peut aider votre marque à laisser une impression durable sur les utilisateurs et à rendre leur expérience de navigation plus agréable et amusante. Et créer une liste de lecture dans WordPress ne nécessite aucune compétence particulière ni connaissance en codage. Tout profane peut le faire, en quelques clics de souris. Le seul inconvénient de créer une liste de lecture audio de cette façon est qu’il n’y a pas beaucoup d’options de personnalisation à votre disposition. Pour éviter d’avoir à travailler en CSS, pensez à acheter un thème entièrement personnalisable avec le shortcode de la playlist audio.