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

関連記事

インターネットサーバーエラーである日突然サイトが落ちたので閉鎖しようとしたけど、ダメ元である事をしたら偶然直った話。※マネは慎重に! 素材サイトの構成

インターネットサーバーエラーである日突然サイトが落ちたので閉鎖しようとしたけど、ダメ元である事をしたら偶然直った話。※マネは慎重に!

図:くつきちよこ   登場人物:くつきちよこ ※管理人   佐藤 ※ゲ

記事を読む

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

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

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

記事を読む

Who Invented Twitter? by Grant Stantiall, on Flickr Some rights reserved

ツイートするだけでアイ・キャッチと概要が表示される『Twitterカード』は、プラグインがなくても簡単に設定できるよ!

Who Invented Twitter? by Grant Stantiall, on

記事を読む

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

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

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

記事を読む

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、エラーが出たので対処してみた件 「PageSpeed Insights」にて、AMP導入後の爆速さ!!!

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、本当に爆速になった件

AMPページサンプル 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト 本日は、サイ

記事を読む

サイトの名刺ファビコンテスト前哨戦-ファビコン設置方法-* アイキャッチ画像

動くファビコン、今ならアリ?

最近とんと見かけなくなった気がする動くファビコン… 今ならすごく目立つ気もしますが…実

記事を読む

創作支援屋靴キッチュスクラップス!くつきちよこアイコン木の実モザイクVer  Illust by 佐藤利音 ベジェ化 by くつきちよこ

ランボー 怒りの新規ファイルのアップロードが出来ないWordPressトラブル※未解決 と、電子書籍出版お手伝い裏舞台

Panic stations ! by Craig Sunter - Thanx 2 Milli

記事を読む

scream and shout by Mindaugas Danys, on Flickr 『SyntaxHighlighter Evolved』がフリーズしまくりで絶望したーっ!!時の対処法。

「記事内コード表示用Wpプラグイン『SyntaxHighlighter Evolved』がフリーズしまくりで絶望したーっ!!」場合の対処法。

記事内コード表示用Wpプラグイン『SyntaxHighlighter Evolved』を適用

記事を読む

WordPress4.5に更新したら、[ビジュアル][テキスト]タブの切り替えができなくなった!原因は「HeadSpace2」でした(・▽・)/ 編集ツールからやたら遠いイメージ図をクリスタのポーズくんで描いてみた。

WordPress4.5に更新したら、[ビジュアル][テキスト]タブの切り替えができなくなった!原因は「HeadSpace2」でした(・▽・)/

不具合ページサンプル(出演:クリスタのポーズさん) 登場人物:くつきちよこ ※管理人   佐藤

記事を読む

サイトの名刺ファビコンテスト前哨戦-ファビコン設置方法-* アイキャッチ画像 Favicons by Loozrboy, on Flickr

「サイトの名刺?」ファビコン設置方法 -ファビコンテスト前哨戦-

本日はサイトの名刺『ファビコン』に関しての記事です。 Favicons by Loozrb

記事を読む

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

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

  • マウスコンピューター/G-Tune