キャリコおすすめ
本日の人気記事
- 忍者 AdMax が Google AdSense よりも稼げる理由
- 【 ドレッドヘアのお手入れ方法 】よく聞かれる7つの質問にお答えします
- iPhone のテザリングでデスクトップパソコンをインターネットに接続する方法
- SimCity BuildIt(シムシティ ビルドイット)の美しい街の景観30選
- エジプト神話 第4話『 太陽神ラー 』
- ソフトバンクの157で即オペレーターにつなぐ方法
- AmazonJS の商品画像がぐるぐる回って表示されないときの対処法
- エジプト神話 第1話『 創世 』
- 駄菓子屋バーでも食べられて通販もできる懐かしい駄菓子20選#dagashiblog
- 自分の誕生日に満月が見られるのは一生のうち何回か知ってる?
音楽再生機能で 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 Popular Posts で人気記事一覧をサイドバーに表示させる
人の不幸は蜜の味、キャリコ( @calicocatxyz )です。 旅行ブログで …
-
-
アクセスアップに効果あり!過去記事を自動ツイートする WordPress のプラグイン Tweetily
イギリスの一軒家で一ヶ月の一人暮らしが確定したキャリコ( @calicocatx …
-
-
WordPress をお使いのみなさん、コメント欄が寂しくないですか?そんなときは Simple Local Avatars
旅ブログの移行が完了したキャリコ( @calicocatxyz )です。 不要な …
-
-
Web サイト上にソースコードを綺麗に表示してくれるプラグイン SyntaxHighlighter
またしても HARIBO ではなく HALALBO を買ってしまったキャリコ( …
-
-
WordPress のプラグイン AddQuicktag で作業効率大幅アップ!
最近ずっとひきこもりがちのキャリコ( @calicocatxyz )です。 イギ …
-
-
ワンクリックでサイドバーを固定できる WordPress のプラグイン Q2W3 Fixed Widget
今月も個人でのペペロンチーノ消費量は世界トップクラスだと思ってるキャリコ( @c …
-
-
WordPress で新サイトを開設する時に必ず入れるプラグイン14選
WordPress は4つ運営中、キャリコ( @calicocatxyz )です …
-
-
WordPress のプラグイン Autoptimize で不具合が出た時の対処法
これで解決、キャリコ( @calicocatxyz )です。 いつしかブログのメ …
-
-
ソースコードを早く美しく表示してくれるプラグイン Crayon Syntax Highlighter
やっぱり自宅のパソコンが一番落ち着く、キャリコ( @calicocatxyz ) …
-
-
AmazonJS の商品画像がぐるぐる回って表示されないときの対処法
缶コーヒーが美味しくてついつい飲んじゃう、キャリコ( @calicocatxyz …