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

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ファイル

以下のプレイヤーの表示に利用しているショートコードは以下のコードです。

実際のプレイヤーは以下のようになります。

m4aファイル

以下のプレイヤーの表示に利用しているショートコードは以下のコードです。

実際のプレイヤーは以下のようになります。

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

音楽ファイルへのURLさえわかればブログなどで紹介して共有ができる点は、
非常に簡単で便利です。

特にプレイヤーのデザインなどに拘らないのであればこれで十分ではないでしょうか。

参考

Audio — Support — WordPress.com

尚、紹介に利用させて頂いた音楽ファイルは上記WordPress.comヘルプのコンテンツであり、
著作権等に関してはWordPress.comに帰属します。


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

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


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

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

Rakuten Promotion

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

 - jetpack, WordPress , ,

  関連記事

eye_vaultpress
WordPressで別のサイトに復旧(テスト・一時)サイトを公開し重複サイトを回避する一案

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

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

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

eye_jetpack
JetPack統計情報を導入したら念のためブログIDはメモしておこう

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

eye_wordpress
投稿の前後挿入にNew Adman_v1.6.8-wordpressプラグインを利用

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

eye_wordpress
JetPackのカスタムCSSエディタのACE Code Editorが表示されない場合

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

eye_wordpress
WordPressの管理画面へのログインを個別に制御する手順

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

eye_jetpack
JetPackのサイト統計が初期化(0pv)にされる理由がなんとなくわかった

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

eye_wordpress
指定したWordPressカテゴリやタグの投稿でバナー(Google AdSesne)を表示しない方法

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

eye_reddit
Reddit™への共有をJetpack by WordPress.comで行う動作

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

eye_wordpress
No Self Pingsプラグインでセルフピンバックを停止する

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