ワードプレスの記事内にSoundCloudの音楽を埋め込むには?【WPプラグイン】

公開日: : 最終更新日:2015/03/05 WPプラグイン, ワードプレス ,

くつキッチュ!アイコン wordpress くつキッチュスクラップス!内「音楽」検索結果へ

追記:2015-02-23

現在はURLコピペのみで簡単に埋め込み出来ます。

Q:ワードプレスの記事内にSoundCloudの音楽を埋め込むには? A:【WPプラグイン】は不要です 2015年2月27日更新

こちらの記事は、URLコピペ埋め込みで不具合が出た場合の参考程度にご覧くださいませ。
Headphones by flattop341, on Flickr

もくじ

音楽埋め込みならYouTubeやvimeoなどという手もありますが、前々から見た目がクールだなあと思っていたSoundCloudの埋め込みプラグインをブログ立ち上げついでに導入してみました。

音楽埋め込み ワードプレスプラグインSoundCloud shortCode

まずはこちら、フレーム(iframe)での埋め込みです。

フレーム(プラグイン無し)での埋め込み方法

1.任意の楽曲のShare(シェア)ボタンをクリックします。
SoundCloud 埋め込み方法 20140204-kizi_mini

2.Embedタブを選択
SoundCloud 埋め込み方法2 20140204-kizi2_mini

3.埋め込みのタイプ選択します。※上のフレーム埋め込みは右のデザインです。
SoundCloud 埋め込み方法3 20140204-kizi3_mini

4.ちなみにオプションはプレイボタンのカラーが変わるだけでした…;
SoundCloud 埋め込み方法4 20140204-kizi4_mini

ちなみに、一番下のAutomaticPlayはサイトを開くと同時に再生される迷惑な設定なので外しました。

ワードプレスプラグインSoundCloud ShortCodeを使用

AutomaticPlayチェックボックス横『WordPress code』の例はこちら↓なのですが…

※違法にアップロードの音源にご注意ください!

これは、SoundCloud ShortCodeというプラグインを有効にしていないと、こんな感じ
SoundCloud 埋め込み方法 WordPressプラグインSoundCloudshortcodeを有効化していない場合の失敗例
で、コードのままの表示になってしまいます。

プラグインSoundCloud ShortCodeを有効化するときちんと表示されます。

それにしても下部の不気味な空きは何ですかね?
設定画面ではこれといって項目がないようなのですが…
あと、width設定とかしているのですがなんか反映されてません。

SoundCloudの著作権

ここまで来て申し訳ないのですが、SoundCloudの著作権ってどうなってるんでしょうね?

ライフハッカー「SoundCloud」で新しくてフリーな音楽を発掘、共有とあるので、インディースの方の作品発表ってイメージはあるのですが…
シェアに関して言えばYouTubeのVEVO(こちらはインディーズではありませんが)のような規約の明快さ、に欠けるような気がします。

なんというか商用利、改変、著作権なんかの検索がしづらいです…(;一_一)

SoundCloudで商用利用・改変可なフリー音源の探し方
という記事を発見したのですが記事の説明にあった『タブ』もクラッシック版でないと使えませんし、ドロップダウンのCreativeCommonsからリンクしても記事の説明のような検索は出来ないようです。
2010/08/27 記事ですので、仕様が変わっているのだと思いますが…

また別の記事なのですが、SOUNDCLOUDがユーザーに受け入れられた理由とは?※2012年の記事です。

ただ楽曲を配信するだけではなく、そして折角の楽曲を無償でリスナーの手に渡らせてしまうだけでもない。

なるほどプレイリストを見てみると『Download』と『Buy』があります。
どれを無料で聴いてもらって、どれを有料にするのかを作者が選べるわけですね。

そして、インディーレーベルや、個人制作者がダウンロード配信の仕組みを簡単に利用できることにより、一気にチャンスが広がった点。

こちらの記事を読んで、やはりインディーズの売り出しの場としても、大変盛り上がっているというのはわかりました。

楽曲も売り出し中のミュージシャン本人がDownloadをOKしたものなら、そりゃ合法だと思います。
無料で聴いていてハマったら、曲を購入するという流れは個人的に一番好きですので良い物があればどんどんシェアしていきたいとは思うのですが…

もうちょっと著作権関係の表示がわかりやすいといいんですけどね。

今回抜群に安全そうなタイトルの曲『Contest Remix’s – Creative Commons Some Rights Reserved』(笑)を選んだわけですが、タグや表示がどこにあるのかわからずこれでもちょっと不安です。

ヘルプもクラッシクのインターフェイスのキャプチャのままなので…う~んって感じです(;一_一)
もったいない…

お知らせ

というわけで、最後ちょっともやっとなまとめになってしまいましたが…
『ドキ!トラブルだらけのワードプレスブログ立ち上げ大会小ネタメモφ(. .)』二回目でございました。
本日消化出来たのは、本日のもう一つの更新記事と合わせて前回予告した中の2項目のみ;;

  • WordPressウワサのテーマSTINGERのカスタマイズでお世話になっている方々のサイト様のご紹介
  • オススメのフリー素材サイト
  • フリー素材の安全な使い方(著作権系)
  • コード貼り付け、音楽埋め込み等のプラグインの紹介
  • amazonJS「レスポンスをパースできません」エラーの対処法
  • ネットオウルでワードプレスをインストしてもログイン画面が表示されない時の対処法

まーマイペースでやってきますね;

ちなみに、小ネタで一つにまとめていた記事を分けました。
もう一つの記事はこちら↓
ワードプレスの記事内でコード表示をするには?【WPプラグイン】

でっは~(*´∀`*)ノシ

記事がお気に召しましたら投票していただけると嬉しいです♪
ブログランキング・にほんブログ村へにほんブログ村
Share on Tumblr

  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

WordPress立ち上げメモ 助けて!TOC+の反映されない(><) TinyMCE Advancedってどんなプラグイン?等 アイキャッチ画像

ドキ!トラブルだらけのワードプレスブログ立ち上げ大会小ネタメモφ(. .)

1週間ほど前にこのブログを立ち上げまして… 思いがけないトラブルや、新規導入のプラグイン等のメモが

記事を読む

Don't Panic Badge by Jim Linwood, on Flickr いきなり来た!「データベース接続確率エラー」

いきなり来た!「データベース接続確率エラー」∑(゚Д゚)ガーン

  Don't Panic Badge by Jim Linwood, on

記事を読む

BrowserLabo亡き後、いろんなチェックサービスでシャドウと角丸のCSSチェックをしてみた "Select your web browser(s) by zipckr, on Flickr

ブラウザ表示チェック3大サービスを無料範囲内で試してみたよ♪

 各ブラウザによっての見え方を改めてテストしてみた Select your w

記事を読む

とつぜんですがここでクイズです。「発酵」に関する画像にチェックを入れてください。

面倒な画像認証を楽しいぷちクイズにできるGoogleAPI『reCAPTCHA』設定方法♪

※ダミー認証画像です(笑)くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 ※ゲス

記事を読む

boxo fart by boxo, on Flickr Some rights reserved ネットオウルWPblog利用中方はプラグイン「w3-total-cache」インストールしちゃダメ!ゼッタイ! アイキャッチ画像

ネットオウルWPblog利用中方はプラグイン「w3-total-cache」をインストールしちゃ、ダメ!ゼッタイ!

なあ……ワードプレスなんですぐ死んでしまうん?~~(  ゜  ゜) なあ……なんでなん

記事を読む

ああこれSTINGERだなとわかるブログの特徴 検索ボックス編 Magnified Eye_5364c by hoyasmeg, on Flickr

「オッス!オラSTINGER!」……のカスタマイズ、検索ボックス編 あとちょろっとbtn素材配布♪

本日は、『くつキッチュ/SCRAPス!』でもお世話になっておりますWordPressテーマ『

記事を読む

検索しても対策が見つからない!WordPressのバグ忘備録 panic by nate steiner, on Flickr

検索しても対策が見つからない!見出し、行間のWordPressバグ忘備録

    2014/02/28追記: こんな記事を書

記事を読む

くつキッチュ!SCRAPス WPにデフォルトでインストされてるプラグイン『HelloDolly』って一体何者?

WordPress謎のプラグインHelloDollyを有効化してみた結果www

  Photo by Stéfan  いかにもなタイトルですが、釣りじゃありません。 結論から申し

記事を読む

Image taken from page 113 of 'Lilliput Lyrics ... Edited by R. Brimley Johnson. Illustrated by Chas. Robinson' by The British Library, on Flickr googleWebフォントを使ってみたよ!副題『不機嫌ウィザードは、邪悪な女王とジャックのための毒性醸造を行います。』

2ステップでお手軽簡単な『GoogleWebフォント』を使ってみたよ!「不機嫌ウィザードは、邪悪な女王とジャックのための毒性醸造を行います。」

前から気になっていたWebフォントを使ってみました♪ Image taken from

記事を読む

ネットオウルでワードプレスをインストしてもログイン画面が表示されない時の対処法 default_page画像

ネットオウルでワードプレスをインストしてもログイン画面が表示されない時の対処法

 もくじ これまで無料サーバーのめちゃくちゃお手軽なインストールに頼りきりだったくつき

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

『創作支援屋くつキッチュスクラップス!』は、Amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。