絶対話せる!英会話

WordPress – 音声をサイトにすっきりと入れる方法。

この記事は1分で読めます

ワードプレスにdewplayer というプラグインを入れると、
音声がすっきりときれいにサイトに収まってくれます。
味気ない黒画面に音声マークが現れるのではなく、
色も自分で選択できます。

今日もまたワードプレスでサイトを作っている人のための
内容なので、興味のない人はスルーしてください。

Dewplayerというプラグインを使うとこういう感じに仕上がります。
かわいいですよね。
色もサイズも自分で変更できます。
how_dewplayer_looks

さて、では分かりやすくプラグインの新規追加から。
『dewplayer』とタイプして、探して追加します。
add_dewplayer

次にプラグインの設定をします。
ここでMini, Classic, Multi のいずれかを選択します。
Examples: にある部分をコピーして、どこかへ貼りつけておきましょう。
後で記事の中に音声を入れるときに必要になります。Setting_Dewplayer

更に色や大きさを変えたい場合は、
同じく設定画面で変更できます。
Setting_Dewplayer2

設定が終わったら、記事の投稿に音声を入れてみましょう。
Add_URL

もちろんこの前に音声をアップロードして、
音声のURLを取得しておいてくださいね。
音声をメディア、新規追加でアップロードした後、
ライブラリーでそのファイルを選択し、
編集を押すと編集画面が現れます。

ここで更新を押すと、ファイルのURLが分かります。
それが、その音声のURLになります。
URL_of_FIles

このURLを先ほどの
[dewplayer:http://www.mymusic.com/mysong.mp3]
この赤字の部分に貼りつけると完成です。

できあがりは、こんな感じになります。
Review_Dewplayer

かわいくできて大満足です。

簡単に音声をきれいにすっきりとサイトに載せることが
できるので、ぜひ試してみてください。

この記事がお役に立ちましたら、下の応援ボタンへのクリックをお願いします。

にほんブログ村 英語ブログへ
にほんブログ村

あわせて読みたい

  1. wordbooker

英会話のスマホアプリ、作りました。

「絶対話せる!英会話」無料アプリ ★アメリカ生活の中で、実際に使われている英語表現をお届けしている無料スマホアプリです。11回目以降の音声は、このウェブサイトにて無料で聞くことができます。 こちらからどうぞ。

YouTube – 英語・発音・アメリカ生活

応援、ありがとうございます。

RETURN TOP