De plus en plus SoundCloud est très utilisé par les adeptes de musique. Les raisons qui justifient son utilisation sont diverses, cependant, ce sur quoi l’on peut tous convenir est qu’il facilite le partage des fichiers audio.

SoundCloud est un réseau social également, ce qui signifie que des utilisateurs y sont inscrits. Si vous y êtes également et si souhaitez afficher sur votre blog WordPress vos derniers titres ou ceux d’un artiste que vous aimez bien, alors aucune inquiétude, car c’est justement ce que je vais vous montrer dans ce tutoriel.

SoundCloud-Is-Gold-WordPress-Plugins

Nous allons utiliser un plugin qui se nomme « SoundCloud is Gold ». Si un point que je soulève dans ce tutoriel échappe à votre compréhension, nous sommes à votre disposition pour vous apporter plus d’assistance.

Comment installer et configurer le plugin « SoundCloud is Gold »

La première chose à faire avant d’utiliser ce plugin, c’est bien évidemment de l’installer depuis votre tableau de bord. Vous pouvez également entrer en possession de ce plugin, en le téléchargeant sous forme de fichier zip.

SoundCloud-Is-Gold-WordPress-Plugins-installation-tableau-de-bord

Après avoir installé et activé le plugin, vous remarquerez un nouveau menu « SoundCloud is Gold » sur votre tableau de bord.

SoundCloud-Is-Gold-WordPress-Plugins-menu

En cliquant dessus, vous arriverez à la page des réglages du plugin. Depuis cette page, vous pouvez configurer les artistes dont vous souhaitez afficher les derniers tubes. Pour ça, dans le champ « Add username », il vous faut ajouter le nom d’utilisateur (artiste), récupéré sur l’URL de son profil.

recuperer-le-nom-de-l-artiste

Plus bas, vous pouvez définir des options supplémentaires qui s’appliqueront au lecteur. Par exemple, il est possible :

  • De lancer la lecture automatique du lecteur
  • D’afficher les commentaires
  • D’afficher la représentation graphique du son
  • De choisir le type du lecteur
  • De définir ses dimensions et sa couleur

reglages-soundcloud-lecteur

Tout en bas, vous pouvez avoir un aperçu de la dernière piste de l’artiste qui a été choisi par défaut.

Remarque : pour choisir un artiste par défaut, vous devez déplacer ce dernier au début de la liste des artistes dans la section « User Name » sur la même page.

demo-d-une-piste

Une fois que c’est fait, cliquez sur « Save Your SoundCloud Settings ».

Comment afficher le lecteur à l’aide des widgets sur WordPress

Pour afficher le lecteur avec la piste récente d’un artiste, vous devez accéder à la page des widgets depuis votre tableau de bord à l'emplacement « Apparence >> Widgets ». Récupérez ensuite le widget « SoundCloud Is Golg » et déposez-le dans une sidebar de votre choix.

soundcloud-widget-tableau-debord

En ajoutant ce widget, plusieurs options supplémentaires s’offriront à vous. Vous pourrez par exemple :

  • Modifier l’identifiant de l’utilisateur à afficher
  • Filtrer la piste à afficher (meilleur, récent, favori)
  • Configurer les options de lecture
  • Modifier le lecteur

En bref, ces options vous permettent d’écraser celles qui ont été définies dans les réglages.

widget-soundcloud-reglages

Consultez ensuite votre blog, question de voir comment le widget s’affiche.

presentation-lecteur-widget-demo

Comment afficher le lecteur dans un article/page WordPress

Vous pouvez ajouter manuellement un lecteur dans un article/page WordPress. Il vous suffit tout simplement d’utiliser le shortcode suivant :

[soundcloud user=’xxx’]

Où la propriété « user » prend l’identifiant de l’utilisateur comme valeur (utilisez la méthode que je vous ai montré plutôt dans ce tutoriel).

Vous pouvez également y ajouter d’autres propriétés pour personnaliser le lecteur notamment :

  • L’activation des commentaires : [souncloud user=’xxx’ comments=’true’]
  • La lecture automatique : [soundcloud user=’xxx’ comments=’true’ autoplay=’true’]
  • La largeur du lecteur : [soundcloud user=’xxx’ width=’100%’]

play-soundcloud-lecteur-shortcode

C’est tout pour ce tutoriel sur l’intégration d’un lecteur SoundCloud sur WordPress. Si vous avez des questions, n’hésitez pas à nous les poser.