19_08.SoundCloudジャケット表示には、Jetpackのsoundcloudショートコード埋め込み
2014/11/22
Google or AdMax Promotion(it)
WordPressで投稿の途中にSoundCloudジャケットを紹介するために、
埋め込みたいと思ったことはあるでしょうか。私はまだあまりありませんでした。
が、ふかわりょう さんが知っていて、ラジオで話されていましたので、
音楽関係者の方には有名なサービスなのかもしれません。
JetPackではこのSoundCloudジャケットを埋め込むことができます。
はじめに
SoundCloudはWordPress.comで対応している音楽共有サービスです。
SoundCloud – Hear the world’s sounds
WordPressの投稿内にSoundCloudジャケットを埋め込む場合には、
soundcloudのショートコードを利用することができます。
SoundCloud埋め込みの利用方法
JetPackを利用してSlideShareのプレゼンテーション（スライド）の埋め込みを行うには、
JetPackでショートコード埋め込みを有効にする必要があります。
以下の投稿を参考に設定を行ってください。
19.ショートコード埋め込み－Jetpack by WordPress.com
WordPress.comヘルプで例示されている方法と同じではありますが、ご紹介します。
尚、本投稿で利用させていただく音楽コンテンツの作者情報は以下の通りです。
このサービスで偶然見かけた、中国の方(Ribbon829さん)の
作品を例にプレーヤーの埋め込みを行ってみます。
Ribbon829’s stream on SoundCloud – Hear the world’s sounds※音楽ファイルのすべての著作権はRibbon829さんに帰属いたします。
SoundCloudの共有したい楽曲にアクセスします。
外面的世界 by Ribbon829 on SoundCloud – Hear the world’s sounds
[Share]アイコンをクリックします。
SoundCloudからの共有
アイコンをクリックするとポップアップで共有ダイアログが表示されますので、
[Embed]をクリックします。
共有方法Embedの選択
「WordPress Code」に表示されたコードをコピーします。
wordpressショートコードのコピー
このショートコードを投稿に貼り付けます。
取得したショートコードは以下のようなコードです。
|
1 |
[soundcloud url="https://api.soundcloud.com/tracks/127720028" params="color=ff6600&auto_play=false&show_artwork=true" width="100%" height="166" iframe="true" /] |
実際に埋め込んだジャケットのプレイヤーは以下のようになります。
[soundcloud url=”https://api.soundcloud.com/tracks/127720028″ params=”color=ff6600&auto_play=false&show_artwork=true” width=”100%” height=”166″ iframe=”true” /]
プロモーション(btm)
Google or AdMax Promotion (it)
さいごに
こうして簡単に格好のいいジャケットが表示されたプレイヤーを表示することができます。
音楽ができる人ってうらやましいなと本当に思います。
格好いいですよね。
ちなみにRibbon829さんは偶然見つけたアーティストさんで、
聴いてみたら声が透き通っていていいなと思い、
この投稿で使わせていただきました。ご紹介も兼ねて。
参考
SoundCloud Audio Player — Support — WordPress.com
WordPressはWordPress Foundation の登録商標（第５０４９９６５号）です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。
*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください
最後までお読みいただきありがとうございました。
アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
AdMax Promotion
Rakuten Promotion
- jetpack, WordPress jetpack, Music, plugin, プラグイン
関連記事
-
-
WordPressの独自ショートコードを設定し複数行HTMLを出力
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
WordPress4.0以降は「define(‘WPLANG’, ‘ja‘);」言語指定が不要になった
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
WordPressの独自ショートコードを設定しJavaScriptを出力
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
投稿の前後挿入にPost6WidgetArea v0.6.2<-0.5.0－wordpressプラグインを利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
wordpress投稿のタグ一括編集にSimple Tags_v2.2－wordpressプラグインを利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
ローカル環境へのMySQL設置
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
JetPackをWordPress.comアカウント連携せずに利用できる機能
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
06.いいね－Jetpack by WordPress.com
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
Tumblr™への共有をJetpack by WordPress.comで行う動作
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
WordTwitの利用と導入(wordpressプラグイン)
Google or AdMax Promotion(it) 禁断の機能がau公式 …