Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment intégrer SoundCloud dans vos articles WordPress en utilisant oEmbed

Avouons-le : parfois, le texte seul ne suffit pas à capter et à retenir l'intérêt du visiteur.

Et si vous pouviez facilement partager votre musique préférée ou même vos propres chansons et podcasts directement sur votre blog WordPress ? Eh bien, c'est possible ! Si vous êtes un utilisateur de SoundCloud, vous pouvez facilement intégrer des clips audio, des playlists, des podcasts et des séminaires enregistrés sur votre site web WordPress.

Dans ce guide pour débutants, nous vous apprendrons comment ajouter une touche audio à vos pages et articles. Voyons comment vous pouvez ajouter de l'audio SoundCloud à votre site web en utilisant une fonctionnalité appelée oEmbed.

Comment intégrer SoundCloud dans vos articles WordPress en utilisant oEmbed

Pourquoi intégrer l'audio SoundCloud dans WordPress ?

SoundCloud est une plateforme populaire d'hébergement de musique et de podcasts qui vous permet de télécharger gratuitement jusqu'à 3 heures d'audio.

Lorsque vous publiez de l'audio sur SoundCloud, tous vos fichiers sont stockés sur leurs serveurs et diffusés aux personnes qui visitent votre page SoundCloud. Cependant, vous pouvez souvent augmenter le trafic de votre blog en rendant cet audio disponible sur votre propre site web également.

La bonne nouvelle, c'est que vous pouvez ajouter n'importe quel fichier audio SoundCloud à votre site web WordPress en utilisant son URL, grâce à une fonctionnalité appelée oEmbed.

La manière dont vous intégrez SoundCloud dans vos articles dépend de l'éditeur WordPress que vous utilisez. Cliquez simplement sur les liens rapides ci-dessous pour accéder à la méthode qui convient le mieux à vos besoins :

Méthode 1 : Intégrer une piste ou une playlist SoundCloud dans WordPress en utilisant l'éditeur de blocs

WordPress dispose de plusieurs blocs intégrés qui vous permettent d'intégrer des PDF, des vidéos TikTok, et une tonne d'autres contenus. Il dispose également d'un bloc SoundCloud pour que vous puissiez intégrer des fichiers audio sans installer de plugin séparé.

Mieux encore, si vous collez un lien dans la zone de contenu de l'article, WordPress ajoutera automatiquement le bloc SoundCloud.

Tout d'abord, rendez-vous sur votre compte SoundCloud et trouvez le fichier que vous souhaitez ajouter à votre blog WordPress. Il peut s'agir de l'une de vos propres pistes ou d'une piste publique créée par quelqu'un d'autre. Vous pouvez même intégrer des playlists et des albums SoundCloud entiers.

Une fois que vous avez ouvert la piste, la playlist ou l'album, faites défiler la page vers le bas pour cliquer sur l'icône « Copier le lien ».

Copier le lien Soundcloud

Ensuite, basculez vers le tableau de bord WordPress et accédez à la page ou à l'article où vous souhaitez intégrer le fichier SoundCloud. Maintenant, collez simplement l'URL dans la zone de contenu de l'éditeur Gutenberg.

Dès que vous collez l'URL SoundCloud, WordPress récupérera le code d'intégration. Il convertira ensuite le code en un bloc d'intégration Soundcloud, affichant le lecteur audio et la piste ou la playlist.

Coller l'URL dans la zone de contenu

Si vous cliquez sur le bouton « Lecture », l'audio commencera à jouer dans l'éditeur WordPress.

Après avoir ajouté la piste, vous pouvez l'affiner à l'aide de la barre d'outils qui apparaît au-dessus du bloc et des paramètres du menu de droite.

Vous pouvez modifier les paramètres

Par exemple, si vous souhaitez définir une largeur maximale pour l'intégration, cliquez sur le bouton « Aligner » et choisissez une option dans le menu qui apparaît.

Par défaut, WordPress rendra l'intégration plus petite sur les smartphones et tablettes. Nous recommandons de laisser cette fonctionnalité activée, mais si vous préférez, vous pouvez la désactiver en utilisant le bouton bascule « Redimensionner pour les petits appareils » dans le menu de droite.

Si vous modifiez ce paramètre, nous vous recommandons de tester la version mobile de votre site WordPress pour vous assurer que le fichier SoundCloud s'affiche et fonctionne comme prévu.

Lorsque vous êtes satisfait de la configuration de l'intégration, cliquez sur « Mettre à jour » ou « Publier » pour rendre le fichier SoundCloud intégré visible.

Méthode alternative : Intégrer des pistes Soundcloud à l'aide du bloc HTML personnalisé

Une autre façon d'intégrer le fichier Soundcloud est d'utiliser le code iFrame de Soundcloud et le bloc HTML personnalisé de WordPress. Cette méthode vous donnera plus de moyens de personnaliser l'apparence du fichier.

Tout d'abord, sur la page audio Soundcloud, cliquez sur le bouton « Partager ».

Cliquer sur le bouton Partager dans Soundcloud

Ensuite, basculez vers l'onglet « Intégrer ».

Ici, vous trouverez le code d'intégration iFrame de Soundcloud que vous pouvez copier.

Avant de copier ce code, vous pouvez également personnaliser les couleurs et les paramètres du lecteur intégré ci-dessous. Le code sera alors mis à jour en fonction de vos choix.

Copier le code d'intégration Soundcloud

Une fois que vous avez copié ce code, ouvrez l'éditeur de blocs pour votre page ou votre article.

Ensuite, cliquez sur le bouton « + Ajouter un bloc » et ajoutez le bloc « HTML personnalisé ».

Ajouter un nouveau bloc HTML personnalisé dans l'éditeur de blocs

Maintenant, assurez-vous que vous êtes dans l'onglet HTML.

Ici, collez le code iFrame à l'intérieur du bloc.

Coller le code d'intégration Soundcloud dans l'éditeur de blocs

Pour voir à quoi ressemble le lecteur intégré, cliquez sur l'onglet « Aperçu ».

Une fois terminé, cliquez simplement sur « Mettre à jour » ou « Publier » pour rendre vos modifications visibles.

Prévisualiser le code d'intégration Soundcloud dans l'éditeur de blocs

Méthode 2 : Intégrer une piste ou une playlist SoundCloud dans WordPress en utilisant l'ancien éditeur classique

Si vous utilisez toujours l'éditeur classique de WordPress, vous pouvez intégrer l'audio SoundCloud de la même manière.

Commencez par copier le lien du morceau, de l'album ou de la playlist SoundCloud.

Une fois que vous avez fait cela, ouvrez la page ou l'article où vous souhaitez intégrer le fichier. Ensuite, collez simplement le lien dans la zone de contenu sur sa propre ligne.

Collez le lien sur une ligne à part

Si vous utilisez l'éditeur visuel, vous verrez un aperçu du lecteur de musique audio SoundCloud dans WordPress.

Sachez simplement que vous ne pouvez pas modifier la largeur et l'alignement comme vous le pouvez dans l'éditeur de blocs WordPress.

Le lecteur audio SoundCloud s'affichera automatiquement

FAQ sur l'intégration de SoundCloud dans WordPress

Depuis que nous avons publié ce guide, nous avons reçu de nombreuses questions de nos lecteurs sur la manière d'intégrer du contenu SoundCloud dans WordPress.

Voici les réponses à certaines de ces questions les plus fréquemment posées.

1. Puis-je intégrer un podcast SoundCloud dans WordPress ?

Vous pouvez facilement intégrer un podcast dans WordPress en utilisant le bloc SoundCloud intégré. Collez simplement l'épisode de podcast ou la playlist dans l'éditeur de contenu, et WordPress l'ajoutera automatiquement à un bloc SoundCloud.

2. Puis-je ajouter plusieurs chansons SoundCloud à WordPress ?

Vous pouvez ajouter un nombre illimité de chansons au même bloc SoundCloud. Vous pouvez intégrer un album entier ou une playlist simplement en collant son URL dans l'éditeur de contenu WordPress.

Si vous souhaitez créer une liste de chansons organisée, nous vous recommandons d'ajouter toutes ces pistes à une playlist sur SoundCloud, puis de rendre la playlist publique. Vous pouvez ensuite intégrer la playlist dans WordPress simplement en collant son URL.

Sachez simplement que les paramètres de confidentialité de chaque piste remplaceront les paramètres de votre playlist. Cela signifie que vous ne pouvez pas intégrer de pistes privées sur votre site web, même si vous les ajoutez à une playlist publique.

3. Comment ajouter une chaîne SoundCloud à mon site web WordPress ?

Vous pouvez ajouter une chaîne SoundCloud exactement de la même manière que vous intégrez une chanson ou une playlist. Visitez simplement la chaîne sur SoundCloud et copiez l'URL.

Vous pouvez ensuite coller le lien dans l'éditeur de contenu, et WordPress affichera tout le contenu de cette chaîne, y compris sa bannière, le nombre total de pistes et un bouton « Suivre ». De cette façon, vous pouvez encourager les visiteurs de votre site web à vous suivre sur SoundCloud.

4. Y a-t-il des avantages à utiliser SoundCloud plutôt qu'une autre plateforme audio pour WordPress ?

SoundCloud offre plusieurs avantages aux utilisateurs de WordPress. Il est convivial, dispose d'une large communauté de créateurs et offre des options d'intégration faciles. SoundCloud offre également une bonne qualité audio et permet le partage public et privé.

5. Comment l'intégration de l'audio SoundCloud affecte-t-elle le temps de chargement de mon site WordPress ?

L'intégration de lecteurs en général peut potentiellement augmenter le temps de chargement de votre page, surtout si vous intégrez plusieurs pistes ou playlists. Cependant, SoundCloud utilise le chargement différé, ce qui signifie que l'audio ne se charge que lorsqu'un utilisateur interagit avec lui. Cela permet de minimiser l'impact sur la vitesse de votre site.

6. Y a-t-il des considérations relatives aux droits d'auteur lors de l'intégration de contenu SoundCloud créé par d'autres ?

Oui, il y a des considérations relatives aux droits d'auteur à garder à l'esprit. Bien que SoundCloud permette une intégration facile, vous ne devez intégrer que des pistes qui sont publiquement disponibles et dont le partage est activé par le créateur.

Il est de bon ton de créditer l'artiste original lors de l'intégration de son contenu. Si vous n'êtes pas sûr des droits d'utilisation, il est préférable de contacter directement le créateur du contenu ou SoundCloud.

Nous espérons que cet article vous a aidé à apprendre comment intégrer l'audio SoundCloud dans vos articles WordPress. Ensuite, vous pouvez consulter nos guides sur comment intégrer un flux en direct YouTube, ou comment ajouter des Google Web Stories à votre site WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

6 CommentsLeave a Reply

  1. Bonjour, je souhaite ajouter plusieurs fichiers de pistes soundcloud (SC) dans la zone de publication d'une page wordpress, j'ai obtenu le code suivant du site SC.

    [soundcloud url="https://api.soundcloud.com/tracks/68623291" params="color=00aabb&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false" width="100%" height="166" iframe="true" /]

    et l'intégrer dans une publication, mais la piste ne s'affiche pas, le code d'intégration est affiché à la place.

    j'ai utilisé le plugin nommé "SoundCloud Shortcode" sur mon site auto-hébergé, mais cela n'a pas fonctionné.

    Moreover, i am not following your instructions. :)

    jetez un œil ou au fichier joint, c'est le résultat.

  2. Salut l'ami, je suis un producteur de hip hop, ton article était impressionnant, il m'a vraiment aidé. J'espère que mon mix soundcloud sera meilleur après avoir lu ceci. Merci !

    • I was hoping for the same function. It would be nice if the album art can Auto-Populate the Featured Image for WP Posts. Fingers Crossed! :)

  3. J'ai découvert récemment ce blog et je peux dire que l'article actuel est très utile pour tous

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à 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.