Avez-vous déjà essayé de coller un lecteur Deezer sur votre blog sur WordPress.com ? Si oui, vous avez du remarquer que WordPress sabre allègrement le code fourni par Deezer pour ne laisser qu’un lien censé apparaitre sous le fameux lecteur.
En effet, dans le code Deezer, nous trouvons la balise <embed> strictement interdite par WordPress.com. On va donc devoir ruser ou utiliser un service tiers.
Personnellement, j’utilise Vodpod. En gros, Vodpod permet de stocker et partager les vidéos qu’on peut trouver partout sur le web. Mais ça marche très bien avec un lecteur audio également. Voici un petit tuto qui vous expliquera dans le détail comment procéder pour coller votre morceau favori dans votre blog
- Créer un compte sur Vodpod. C’est gtratuit et ça prend 30 secondes.
- Aller sur Deezer. On ne peut plus exporter de lecteur directement. Il faut donc créer un compte et mettre votre morceau dans une playlist. Dans l’écran de présentation de votre playlist, vous allez trouver le bouton “Partager”
- Choisir vos options (Widget classique u grand format, lecteur aléatoire au automatique, couleur…) et copier le code qui vous est fourni
- Aller sur Vodpod. Cliquer sur l’onglet “Paste Embed Code” à côté de “Search”. Coller votre code et cliquer sur “Preview”
- Cliquer sur l’onglet “Post to Site” et choisir WordPress. Il va falloir fournir l’URL de votre blog ainsi que voter identifiant et mot de passe de WordPress pour que Vodpod puisse accéder à votre blog
- Ne pas cliquer sur “Publish” car le lecteur serait publié immédiatement. Il nous reste une petite bricole à faire avant de publier. Cliquer sur “Send to my editor”. On se retrouve dans WordPress avec un nouveau billet. Passer dans l’éditeur Visuel plutot que l’éditeur HTML
- On a un truc du genre Vodpod id=Référencetrucmachin&w=425&h=350&fv=
- w=425 correspond à un lecteur de 425 pixels de large. h=350 correspond à un lecteur de 350 pixels de haut. Or, le lecteur Deezer fait 180 de large sur 236 de hauteur. On va donc ajuster ça et remplacer 425 par 180 et 350 par 236. Sinon, on ne pourra jamais positionner correctement notre lecteur.Vous pouvez supprimer la ligne more about “untitled”, inutile
- Ne reste plus qu’à compléter votre billet et le publier.
Houa! Super bien expliqué et très pratique. Merci beaucoup.
Bonjour,
J’utilisais la technique VodPod mais depuis la nouvelle version Deezer, elle ne fonctionne plus. La playlist apparaît bien mais affiche le message suivant :
“Pour pouvoir utiliser le player externe deezer, merci de ne pas modifier la source fournie par le site.”
Avez-vous une autre solution ?
Bien à vous,
C.
Je viens de tester avec le nouveau lecteur et ça fonctionne correctement. On peut même choisir la taille de son lecteur parmi 3 possibles (petit, moyen, grand). Et en plus, ce lecteur est un peu plus joli que l’ancien. Démonstration vendredi avec le retour du morceau du vendredi
Bonjour, je cherche désespérément à mettre cette playlist non dans un billet mais comme un widget!
j’ai essayé de copier le code proposé par deezer, mais comme vous indiquez, wordpress vire une partie du code.
Pouvez-vous m’indiquer comment faire, et quel code intégrer dans le widget texte?
@laloose : si la méthode expliquée dans ce billet fonctionne pour un article, ele fonctionne à fortiori pour un widget. Ce que je propose ici est de passer par un service tiers, Vodpod en l’occurrence, il en existe peut-être d’autres mais celui-ci fonctionne parfaitement
J’ai justement essayé la technique vodpod qui fonctionne parfaitement dans un sujet.
C’est lorsque j’insère le “code” vodpod dans un widget texte que cela ne fonctionne pas
sachant que j’ai mis ça : [vodpod id=Groupvideo.3479184&w=180&h=236&fv=]
En effet, dans un widget ‘texte’, ça ne fonctionne pas. Par contre, dans le widget ‘Vodpod’, ça marche tout seul. Attention, le code à coller n’est pas tout à fait le même. Voir sur le site de vodpod
Cool, merci pour l’info je vais essayer.
Merci pour ces précieux conseils!