ワードプレスの記事内に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

関連記事

shout! by su neko, on Flickr Wordpressの画像編集に絶望したーっ アイキャッチ画像

WordPress3.9更新後の画像編集画面に絶望したーっ!…ので、よく使うスタイル指定をメモメモ…

なんだか最近Wordpressの画像編集機能が微妙です。 3.9に更新してからというも

記事を読む

マルチサイト化とかサーバーどうするかとかの雑談会 Money - Savings by 401(K) 2013, on Flickr

流行りに逆らってサーバーを選択した話

  サーバー選びのリアルな話 順調だったwpXクラウドのマルチサイト化(サブディレクトリ型)に影

記事を読む

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

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

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

記事を読む

Wpマルチサイト化サブディレクトリ型はめちゃ簡単!の初心者のハマリポイントは2箇所だけ! bento box by josey4628, on Flickr

Wpマルチサイト化(サブディレクトリ型)はめちゃ簡単!初心者のハマリポイントは2箇所だけ!

bento box by josey4628, on Flickr Wpマルチサイト化(

記事を読む

I believe I can fly - I believe I can touch the sky... by Harold Kuiper, on Flickr TOC+を使えば記事内リンクもツーステップで簡単♪ 『wp 文字まで飛ぶようにしたい』で検索されていらしたどなたかへの手紙 

TOC+を使えば同一記事内リンクもツーステップで簡単♪ 『wp 文字まで飛ぶようにしたい』で検索されていらしたどなたかへの手紙 

  秘密の抜け穴 I believe I can fly - I believe I can

記事を読む

WordPress 4.3の更新でやらかした話 WP-Banがバグってサイトが真っ白に( × △ × )【解決済み】ようこそWordPress4.3

WordPress 4.3の更新でやらかした話 サイトが真っ白( × △ × )【更新時のプラグイン停止をお忘れなく!】

  『ユーキャン』で資料請求しました。※住所部分など、加工しています   W

記事を読む

WpBlog(ワードプレス)のトラブルで万策尽きて「しかたない削除するか……」と思っている方、待って!奥の手! 【アプリケーションの初期化】を試す価値あり!※自己責任でお願いします。

WpBlog(ワードプレス)のトラブルで万策尽きて「しかたない削除するか……」と思っている方、待って!

くつきちよこ年末のご挨拶バージョン   登場人物:くつきちよこ ※管理人 

記事を読む

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

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

  Don't Panic Badge by Jim Linwood, on

記事を読む

Advertising and Rain by Jakob Montrasio, on Flickr ネットオウル『WPblog』の広告表示位置が変わったのでルール範囲内で位置を調整するよ♪

ネットオウル『WPblog』の広告表示位置が変わったのでルール範囲内で位置を調整するよ♪

Flickrの上ヤコブMontrasioによる広告や雨   ネットオウルか

記事を読む

html tattoo by webmove, on Flickr

ワードプレスの記事内でコード表示をするには?【WPプラグイン】

html tattoo by webmove, on Flickr もくじ ドキ!トラ

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場