19_02.音楽プレーヤー表示には、Jetpackのaudioショートコード埋め込み
2014/11/22
WordPressで投稿の途中に音楽ファイルのプレーヤーを埋め込みたいと思ったことはありませんか。
音楽ファイルの埋め込み用のスクリプトコードなどを提供してくれているサイトもありますが、
JavaScriptだったりでうまく本文内に埋め込むことが難しい場合もあります。
そんな時にはJetPackのショートコードが利用できます。
はじめに
WordPressの投稿内にサウンドプレーヤの埋め込む場合には、
JetPackのショートコードを利用すると簡単です。
音楽ファイルのURLさえあれば簡単に埋め込んで再生してもらうことができます。
audioショートコードの利用方法
audioショートコードを利用するには、JetPackを有効にする必要があります。
以下の投稿を参考に設定を行ってください。
19.ショートコード埋め込み-Jetpack by WordPress.com
JetPackにてショートコード埋め込みを有効化すると、
そのまま[ audio ]を利用することができるようになります。
audioショートコードの指定例
audioショートコードでは設定できるオプションは特にありません。
ショートコードの後にURLを記述するだけです。
WordPressのヘルプ上に公開されているサンプルファイルを埋め込むと以下のようになります。
尚、埋め込むファイルの形式によってプレイヤーの見た目が変わる仕様のようです。
mp3ファイル
以下のプレイヤーの表示に利用しているショートコードは以下のコードです。
1 |
[audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3] |
実際のプレイヤーは以下のようになります。
m4aファイル
以下のプレイヤーの表示に利用しているショートコードは以下のコードです。
1 |
[audio http://en.support.files.wordpress.com/2012/05/mattmullenweg-interview.m4a] |
実際のプレイヤーは以下のようになります。
さいごに
音楽ファイルへのURLさえわかればブログなどで紹介して共有ができる点は、
非常に簡単で便利です。
特にプレイヤーのデザインなどに拘らないのであればこれで十分ではないでしょうか。
参考
Audio — Support — WordPress.com
尚、紹介に利用させて頂いた音楽ファイルは上記WordPress.comヘルプのコンテンツであり、
著作権等に関してはWordPress.comに帰属します。
WordPressはWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。
関連記事
-
-
12.一括検索-Jetpack by WordPress.com
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
wordpress投稿にクリックでタグ付けにSimple Tags_v2.2-wordpressプラグインを利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
wordpressに投票機能を追加するPOLLDADDY v2.0.21-プラグインを利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
PHP.iniに設定する設定をhttpd.confや.htaccessに対して行うメリット
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
StatCounter無料アクセス解析の利用にStatCounter_v1.6.5-wordpressプラグインを利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
リンクをdivエリアでクリック可能にするHTML・CSSをさらにショートコード化
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
19_01.投稿の一覧表示には、Jetpackのアーカイブ(archives)ショートコード埋め込み(各種条件指定例)
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
VaultPress™を利用して、手動でサイト移転(引っ越し)の手順
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
ショッピングカートの導入にWelcart e-Commerce_v1.3.15プラグインを利用
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
-
StumbleUpon™への共有をJetpack by WordPress.comで行う動作
Google or AdMax Promotion(it) 禁断の機能がau公式 …