WordPress サイトのサイドバーへの SoundCloud ウィジェットの埋込方法 / How to embed the SoundCloud widget to your WordPress website

自分が苦労したのでポストしておきます。
As I struggled about this,I post this entry.

サイトをご訪問いただいた方にその場ですぐに曲を視聴していただきたいと思い、サイドバーに SoundCloud のウィジットを置くことにしました。
プラス、今後ここにプレゼントとしてダウンロードしていただける曲なども置きたいなぁと思い。
For my visitors benefit to listen to the free trial music without
moving to other websites or iTunes, I decided to put the SoundCloud
widget to my website’s sidebar.
Plus, I want to prepare a free download of my music to my visitor
at/from this sidebar widget.

スクリーンショット_2013-06-18_22.06.40

通常の記事であれば SoundCloud 自体がワードプレス用のショートコードを用意してくれています。

For ordinary post, a SoundCloud shortcode is available.

【ご参考】
SoundCloud の WordPress への埋め込み / How to embed SoundCloud player to your WordPress post | Yoshiyuki Harigae.com

これをそのままサイドバーに置いてみたのですが、機能しませんでした。。。
コードがそのまま表示されちゃったりして、、

But this shortcode doesn’t work at sidebar…

しょうがないので他にイケそうな SoundCloud 用のプラグインを試してみたのですが、、、
いずれも機能しませんでした。。
So I tried some other plug-ins for SoundCloud.
But none of them worked at all..

最後の手段としてサウンドクラウドからは離れて、”Ninja Embed”というプラグインを試しました。
SoundCloud に限らずメディアプレイヤーをワードプレスサイトに埋め込めるという究極の最終兵器的なプラグインです。

At last I tried a plug-in called Ninja Embed.
This plug-in enable not only SoundCloud but also almost mediea players
like YouTube,Viemo,etc..

ところが、これもダメ。。
どうしたもんだろう、、と途方にくれていたのですが、、、
But this Ninja embed doesn’t work, either..

SoundCloud で用意してくれている埋め込みコードをそのまま置いたらどうだろう?
How about the embed code SoundCloud offers ?

スクリーンショット_2013-06-18_6.25.47

 

試してみると、、

バッチグ~
Goood ! 😀

ここで当然の疑問として、「逆に記事本体に埋め込みコードを貼ったらどうなるのだろう?」
試してみました。
What will happen when we paste the SoundCloud embed code to ordinary post ??
I tried.

スクリーンショット_2013-06-18_21.52.56-2

 

ダメでした、、、
It doesn’t work..

ここら辺が WordPress の不思議なところというか独特なところなのかもしれませんが、、
I wonder why, but,,,

【結論 / Point 】

  • 通常の記事・・・サウンドクラウドのショートコードを使う
    Ordinary Post  SoundCloud Shortcode
  • サイドバー・・・埋込みコードを使う
    Sidebar      Embed Code

————————————————————————————————-

スクリーンショット 2013-06-08 21.54.36 1曲 ¥150 です / $ 1.29 each


コメント