頑張らない!でも諦めない!必死にならずにええかげん

19_08.SoundCloudジャケット表示には、Jetpackのsoundcloudショートコード埋め込み

      2014/11/22

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]アイコンをクリックします。

01_SoundCloudからの共有

SoundCloudからの共有

アイコンをクリックするとポップアップで共有ダイアログが表示されますので、
[Embed]をクリックします。

02_共有方法Embedの選択

共有方法Embedの選択

「WordPress Code」に表示されたコードをコピーします。

03_wordpressショートコードのコピー

wordpressショートコードのコピー

このショートコードを投稿に貼り付けます。
取得したショートコードは以下のようなコードです。

実際に埋め込んだジャケットのプレイヤーは以下のようになります。

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

こうして簡単に格好のいいジャケットが表示されたプレイヤーを表示することができます。

音楽ができる人ってうらやましいなと本当に思います。
格好いいですよね。

ちなみにRibbon829さんは偶然見つけたアーティストさんで、
聴いてみたら声が透き通っていていいなと思い、
この投稿で使わせていただきました。ご紹介も兼ねて。

参考

SoundCloud Audio Player — Support — WordPress.com


WordPressはWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。
アルゴリズン


役に立ったと思っていただけたら、以下からシェア頂けたら幸いです^^

QRコードからもこのURLを開けます。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
ロゴの使用等に関する苦情・ご意見等がございましたら管理者までご連絡ください。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - jetpack, WordPress , , ,

  関連記事

eye_wordpress
WP-dTreeのプラグイン有効化でエラーが出た場合の対処法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPress4.0以降のサイトの言語変更による日本語化

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_jetpack
JetPack by WordPress.com統計情報の検索リファラが減って表示されている件

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
headタグ挿入にHeader and Footer-wordpressプラグインを利用

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
02.通知の機能-Jetpack by WordPress.com

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WP jQuery Lightboxで特定の投稿のみスライドショーが動かない場合の対処法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
Gmail™サブメールアドレス活用して複数メールアドレスをショッピングカートで利用

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPressに作成される.htaccessの動作を改めて確認しておこう

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_jetpack
(復旧可能)私はこうして「JetPackのサイト統計がリセットされた」

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_automattic
VaultPress™オンラインバックアップサービスの利用登録

Google or AdMax Promotion(it) 禁断の機能がau公式 …