キャリコおすすめ
本日の人気記事
- 【 ドレッドヘアのお手入れ方法 】よく聞かれる7つの質問にお答えします
- 忍者 AdMax が Google AdSense よりも稼げる理由
- ソフトバンクの157で即オペレーターにつなぐ方法
- SimCity BuildIt(シムシティ ビルドイット)の美しい街の景観30選
- わずか1分28秒でハッキング可能!Wi-Fi 自動接続してるスマホは格好のカモ
- LAN ケーブルを変えるだけで通信速度が速くなるのは本当なのか?
- iPhone のテザリングでデスクトップパソコンをインターネットに接続する方法
- 次の13日の金曜日はいつ?2016年から20年先までの一覧
- ベッキーと川谷絵音の不倫騒動で LINE を流出させた方法
- 自分の誕生日に満月が見られるのは一生のうち何回か知ってる?
音楽再生機能で Twitter と連携した SoundCloud がWordPress でも流せるプラグイン
2014/11/02
いよいよイギリスで一人暮らしが始まったキャリコ( @calicocatxyz )です。
一軒家かと思ってたら予想に反して平屋だったけど気にしない、気にしない♪さて、本日は Twitter でも音楽再生が可能になった SoundCloud についてです。今回は初のコラボということでラテとジジ、よろしくね♪

Make some noise、Dj Jiji だぜ。
音楽共有サービス「 SoundCloud 」の協力のもと、Twitter で音楽再生機能が実現したぜ。今は一部のアーティストやメディアに試験的に機能を提供してるけど、そのうち一般公開されると思うから知っておいて損はないぜ!今日はそんな SoundCloud とプラグインについてだ。
Ads by Google
SoundCloud って何?
たくさんのアーティストが登録していて、自身の最新トラックやミックスなんかをアップロードしてるぜ。アカウントに登録してアーティストをフォローしておけば、最新トラックをアップロードしたときにお知らせもしてくれるんだ。さらにプレイリストを作成すれば自分専用のプレイリストが作れたり、ほかの人が作ったプレイリストを聴くことなんかも出来るぜ。
Twitter と連携した「 Audio Card 」
Twitter のタイムラインへはオーディオファイルを Audio Card として投稿が可能だ。ちなみに Twitter は Apple とも提携して iTunes の公式アカウントからも Audio Card のツイートが出来るようになってるぜ。
早速 David Guetta がツイート
HOT !!! Here is the @robin_schulz remix of #Dangerous !!! I really love it. Click below to listen to the track 😉 https://t.co/nSxejse9Rc
— David Guetta (@davidguetta) 2014, 10月 16
Audio Card の使い方
ユーザーは、タイムライン上のカード付きのツイートをタップすると、カードが大きく表示されてオーディオが再生される。左上の縮小アイコンをタップすると音楽を再生したままカードが右下に小さくなって移動し、Twitter内を移動しても音楽の再生は最後まで続く。つまり、BGMとしてカードの音楽を流していられるのだ。

Photo credit : ITmedia
手持ちの iPod touch でも試してみたんだけど、機種が古いからか OS のバージョンの問題なのか、この使い方が出来なかったから拝借させてもらったぜ。
今後は Audio Card を利用したツイートも増えてくるだろうし、アーティストにとっては便利な機能になること間違いない。ユーザーからしても新曲を知れる間口が広がるという意味で便利になるんじゃないかな。
そんな SoundCloud だけど、WordPress にもプラグインがあるんだ。キャリコでも何度か使ってる機能だけど、その辺は Web 担当のラテにお願いするぜ。

こんにちは、ラテにゃ。
音楽のことはわからないけど、Web 系のことは任せるにゃ。このジジが紹介してくれた SoundCloud のプラグイン『 SoundCloud Shortcode 』についてにゃ。
SoundCloud Shortcode
SoundCloud Shortcode をインストールする
WordPress のダッシュボードからプラグインの追加を選んで新規追加から SoundCloud Shortcode をインストールして有効化するにゃ。そしたら外観のウィジェットの中に『 SoundCloud Shortcode 』が追加されるにゃ。
SoundCloud Shortcode の使い方
使い方は簡単にゃ。SoundCloud には WordPress 用のコードが用意されていて、それを選んで WordPress の投稿エディタに貼り付けるだけにゃ。
まずはシェアボタンをクリックするにゃ。
クリックしたらこの画面になるから Embed をクリックするにゃ。
この画面で WordPress code にチェックを入れると、そのまま貼り付けられるコードに変換してくれるにゃ。
実際のコード
1 |
[ soundcloud url="https://api.soundcloud.com/tracks/97582815" params="auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%" height="450" iframe="true" /] |
※自動変換されるから2文字目に半角スペースを入れてるにゃ。
WordPress での見え方
以上にゃ。
まとめ
Twitter で SoundCloud のトラックを拡散できるようになって、ヒット曲が生まれたら広まる勢いはハンパないと思うぜ。By ジジ。
WordPress で SoundCloud のトラックを埋め込むことはあまりないかもしれないけど、キャリコでは使ってるしこの機会に紹介したにゃ。By ラテ
以上、チェケラ!
今日はここまで、じゃあにゃ~
この記事が気に入ったら
いいね!しよう
キャリコの最新情報をお届けします
Twitter でキャリコをフォローしよう!
おすすめ記事
【キ】 アドセンス用336px
【キ】 アドセンス用336px
関連記事
-
-
WordPress のリビジョンを削除してデータベースを最適化するプラグイン Better Delete Revision
ブログのインポート&エクスポート機能は神だと思うキャリコ( @calicocat …
-
-
ソースコードを早く美しく表示してくれるプラグイン Crayon Syntax Highlighter
やっぱり自宅のパソコンが一番落ち着く、キャリコ( @calicocatxyz ) …
-
-
WordPress Popular Posts で人気記事一覧をサイドバーに表示させる
人の不幸は蜜の味、キャリコ( @calicocatxyz )です。 旅行ブログで …
-
-
WordPress のプラグイン Autoptimize で不具合が出た時の対処法
これで解決、キャリコ( @calicocatxyz )です。 いつしかブログのメ …
-
-
WordPress で新サイトを開設する時に必ず入れるプラグイン14選
WordPress は4つ運営中、キャリコ( @calicocatxyz )です …
-
-
ワンクリックでサイドバーを固定できる WordPress のプラグイン Q2W3 Fixed Widget
今月も個人でのペペロンチーノ消費量は世界トップクラスだと思ってるキャリコ( @c …
-
-
WordPress で特定の記事だけアドセンスを非表示にする方法
Google AdSense 停止は辛い、キャリコ( @calicocatxyz …
-
-
AmazonJS の商品画像がぐるぐる回って表示されないときの対処法
缶コーヒーが美味しくてついつい飲んじゃう、キャリコ( @calicocatxyz …
-
-
ロリポップから WordPress プラグイン「 SiteGuard WP Plugin 」を入れろとお達しが来た
ロリポップユーザーのキャリコ( @calicocatxyz )です。 ロリポップ …
-
-
WordPress をお使いのみなさん、コメント欄が寂しくないですか?そんなときは Simple Local Avatars
旅ブログの移行が完了したキャリコ( @calicocatxyz )です。 不要な …