Intégrer un son dans un article de blog avec Soundcloud

Exemple d’intégration d’un son préalablement déposé sur SoundCloud
La méthode s’applique aussi pour les podcasts d’audioblogs d’Arte Radio  ou pour intégrer des vidéos ou d’autres outils en ligne… )

Il s’agit de  :

  • récupérer le code d’intégration ( entre deux balises <iframe>… et </iframe>)
  • copier/coller ce code dans l’article du blog en utilisant l’éditeur HTML ( texte)
    ► ( voir ill. 3 )


Image du code d’intégration du lecteur audio de soundcloud ,
aperçu en mode « texte  » lors de la rédaction l’article :

1 –  Obtenir  le code d’intégration sur Soundcloud , le copier

2 – puis le coller dans l’article au format HTML

( double clic sur les images pour les agrandir )

 

 

NB On peut modifier la hauteur et la largeur d’affichage du lecteur , il faut modifier les valeurs suivantes : width = largeur,  heigth=hauteur (en px)

<iframe width=’300px’ height=’160px’ src=’http://sons-audioblogs.arte.tv/audioblogs/static/player/embed.html?ids=3085894&colors=1&polliceColor=2′></iframe>

3  – Résultat obtenu :
Avec Soundcloud :


Inconvénient : limité à 3 heures de son en version gratuite
sinon, 99€ / an en illimité.

Avec un audioblog Arte Radio :


Pour avancer/ reculer dans l’écoute, le rond vert sert de molette

Publier un carrousel d’images sur WordPress

Avec l’extension smart slider 3 , on peut faire défiler des photos et ajouter un commentaire.

 

Exemple : carrousel avec dessins de presse
Passer la souris pour afficher la légende, cliquer pour accéder à la cartoonothèque.

Arrow
Arrow
Slider