skip to Main Content

Comment afficher la musique récente SoundCloud d’un artiste sur WordPress

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

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.

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

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

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

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’]

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [Recommandé]

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.

Cet article comporte 3 commentaires
  1. Bonjour,

    est ce possible de coupler ce puglin avec par exemple un formulaire afin de créer une liste déroulante sur base des musiques d’une playlist particulière ?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
7 Partages
Partagez5
Tweetez1
Enregistrer1