【英語 / 中国語 / 日本語 / その他】文章を読み上げる無料WordPressプラグインの使い方【responsivevoice】

2020年5月12日

【英語 / 中国語 / 日本語 / その他】文章を読み上げる無料WordPressプラグインの使い方【音読練習に最適】

「文章を読み上げてくれるプラグインがあればいいのに」
「自分のサイトの英文を、再生ボタン1つで読みあげてほしい」

と、お悩みではないでしょうか。気持ちはよくわかります。私も英会話・英語学習サイトを運営していて、同じ気持ちをずっと抱えていました。

今回は、その悩みを解決する WordPress プラグインと使い方についてお伝えします。具体的には、

  • 文章読み上げプラグインを WordPress にインストールする方法
  • 記事内でプラグインを使用する方法

を、丁寧に説明します。難しい設定はなく、使い方も簡単です。

文章読み上げプラグインをインストールして、あなたの記事に再生ボタンを設置するだけです。

スペイン語
te quiero.

イタリア語
Ti amo.

韓国語
사랑해.

アメリカ英語
I love you.

 

再生ボタンひとつで、上記のようにあなたの記事内の文章を読み上げてくれます。

以下は、対応言語の一部です。

  • 英語
  • 中国語
  • スペイン語
  • ポルトガル語
  • フランス語
  • イタリア語
  • ドイツ語
  • ロシア語
  • オランダ語
  • アラビア語
  • インドネシア語
  • タイ語
  • ベトナム語
  • 韓国語
  • 日本語

この記事を参考にして、あなたのブログやサイトに使っていただけたらと思います。




文章を音読する無料 WordPress プラグインの簡単な使い方

ここからは、以下の2点についてお伝えします。

  • 文章音読プラグイン「ResponsiveVoice Text To Speech」のインストール方法
  • 文章音読プラグイン「ResponsiveVoice Text To Speech」の使い方

 

文章音読プラグインのインストール方法

結論から言うと、以下の順番でプラグインのインストールを行います。

  1. WordPress の管理画面にログインする
  2. メニューから「プラグイン」をクリックする
  3. 文章音読プラグインを検索する
  4. ダウンロードする
  5. 有効化する

 

1. WordPress の管理画面にログインする

文章音読プラグインをインストールするためには、まず WordPress の管理画面にログインしてください。

 

2. メニューから「プラグイン」をクリックする

管理画面のメニューから「プラグイン」をクリックしてください。

 

3. 文章音読プラグインを検索する

プラグインの「新規追加」をクリックします。

 

検索欄に「responsivevoice」と入力します。

 

4. 文章音読プラグインをインストールする

検索結果が表示されたら「ResponsiveVoice Text To Speech」をインストールしてください。無料です。

 

5. 文章音読プラグインを有効化する

インストールが完了したら「ResponsiveVoice Text To Speech」を有効化してください

「有効」になったら、プラグインのインストール・導入は終了です。

 

文章音読プラグインを使うには?(無料)
ResponsiveVoice Text To Speech をインストール・有効化。




文章音読プラグインの使い方

使い方は簡単!

記事の編集画面で、読み上げてほしい文章を、以下のタグで囲んでください。

編集モードは「テキスト」「ビジュアル」どちらにも対応しています。たとえば、記事の編集画面で以下のように文章を囲んでください。

編集画面では、以下のように書きます。

 

記事内の表示は、以下のようになります。
Everything is difficult before it becomes easy.

 

 

しかし、デフォルトだとイギリス英語の音声だけが読まれます。日本語を上記の囲み方をすると、再生しても変な音声が聞こえてくるだけです。

そのため、スペイン語やアメリカ英語、中国語、日本語などの文章を読み上げさせるには、言語設定が必要です。

文章音読プラグインの使い方
記事内文章を responsivevoice タグで囲むだけ!

 

 

読み上げ言語を別の言語に設定する方法

読み上げ言語を設定するには、言語設定が必要です。たとえば、日本語の文章を読ませるには以下のタグで囲みます。

タグの中が voice=”Japanese Female” となっています。これが読み上げ言語の設定です。この記述をして、日本語の文章を囲みます。たとえば、以下のように文章を囲んでください。

編集画面では、以下のように書きます。

記事内の表示は、以下のようになります。
足がしびれた

 

日本語以外の設定に変更したい場合は、タグ内 voice=”Japanese Female” “” の中を、以下の文言に変更してください。

アメリカ英語 女性 US English Female
中国語 女性 Chinese Female
スペイン語 女性 Spanish Female
ポルトガル語 女性 Portuguese Female
フランス語 女性 French Female
イタリア語 女性 Italian Female
ドイツ語 女性 Deutsch Female
ロシア語 女性 Russian Female
オランダ語 女性 Dutch Female
アラビア語 男性 Arabic Male
タイ語 女性 Thai Female
ベトナム語 男性 Vietnamese Male
インドネシア語 女性 Indonesian Female
韓国語 女性 Korean Female
イギリス英語 男性 UK English Male
イギリス英語 女性 UK English Female
日本語 女性 Japanese Female

 これ以外の言語もあるようです。詳しくはプラグインの公式サイトでご確認ください。

読み上げ言語を別の言語に設定する方法
voice=”Japanese Female”
responsivevoice タグ内で voice の “” の部分を好きな言語に変更。




ボタン内の文字を変更する方法

再生ボタンの文字はデフォルトだと「Play」になっています。これを「再生」に変えたい場合は、タグ内で buttontext=”再生” を記述してください。これでボタンの文字を「再生」に変更できます。

たとえば、以下のように文章を囲んでください。すると、以下のようになります。

編集画面では、以下のように書きます。

記事内の表示は、以下のようになります。
クラムボンはかぷかぷわらったよ。

 

ボタン内の文字を変更する方法
buttontext=”再生”
responsivevoice タグ内で buttontext の 再生 の部分を好きな文字に変更。

 

 

ボタン位置を文章の後ろに変更する方法

ボタンの位置はデフォルトだと前になっています。これを後ろにしたい場合は、タグ内でbuttonposition=”after” を記述してください。これでボタン位置を文章の後ろに変更できます。

たとえば、以下のように文章を囲んでください。すると、以下のようになります。

編集画面では、以下のように書きます。

記事内の表示は、以下のようになります。
国境の長いトンネルを抜けると、そこは雪国であった。

 

ボタン位置を文章の後ろに変更する方法
buttonposition=”after”
responsivevoice タグ内に上記文言を挿入。

 

 

読み上げるペースを変更する方法

読み上げるペースを変更する方法は、以下のタグ内の記述を参考にしてください。

rate  レート、割合  1が普通。0.8 にすると声のトーン?が80%に
pitch ピッチ、設定する、調整する 1が普通。1.2 にすると速度が2割増し
volume ボリューム、音量 1が普通。0.5 にすると音量が半分に

上表の内容・下の例を参考に、あなたにあわせた数値をテストしてみるとよいでしょう。

編集画面では、以下のように書きます。

記事内の表示は、以下のようになります。
髪の毛が後退しているのではない。 私が前進しているのである。

 

読み上げるペースを変更する方法
rate=”1″
pitch=”1.4″
volume=”0.6″
responsivevoiceタグ内でこれらの3つの数値を変更




文章を読み上げる無料WordPressプラグイン・まとめ

ここまで、あなたの WordPress サイトで文章を読み上げる方法をお伝えしました。まとめると、以下の通りです。

1. ResponsiveVoice Text To Speech プラグインをインストール

あなたの WordPress サイトの英語や中国語、日本語の文章を読み上げるボタンをつけるには、ResponsiveVoice Text To Speech というプラグインをインストールしてください。

 

2. 文章を読み上げたい部分を該当タグで囲む

文章読み上げプラグインの使い方は、以下のタグで文章を囲むだけです。

 

3. 多言語対応・ボタン位置・読み上げペース変更は、設定

読み上げ言語の変更などは、タグ内の記述で設定します。以下を参考にしてください。

別の言語に設定する voice=”Japanese Female”
各言語表はこちら
ボタン内の文字を変更する buttontext=”再生”
ボタン位置を文章の後ろに変更する buttonposition=”after”
読み上げるペースを変更する rate=”1″ pitch=”1.1″ volume=”0.9″

書き方 : 例

 

あなたの WordPress サイトで文章を読み上げる方法
1. ResponsiveVoice Text To Speech プラグインをインストール
2. 文章を読み上げたい部分を該当タグで囲む
3. 多言語対応・ボタン位置・読み上げペース変更は、設定で可能

 

Thank you. See you.

 

謝謝下次再見

 

Gracias, nos vemos

 

 

最後に、未対応の別サイトで文章読み上げてほしい場合、以下の記事を参考にしてください。英文以外のいくつかの言語で対応可能です。

英文を眺めているだけで、ネイティブの発音はわかりません。しかし、どんな英文でもネイティブ並みの発音、イントネーションを確認する方法があります。 […]

 





【お知らせ】英会話の上達に興味がある方へ
オンライン英会話の Cambly(キャンブリー) は、当サイトで1番人気があります。

以下の人にとって、最適なオンライン英会話サービスです。

  • ビジネス英会話を学びたい人
  • TOEFL/IELTSの勉強がしたい人
  • 最近、英会話が伸び悩んでいる人
  • バイリンガル教育に興味のある人
  • 就職・転職活動で英語のインタビューの練習がしたい人
  • 英語が話せるようになりたいが日本で英語を話すチャンスがない人

オンライン英会話のキャンブリーを体験しました!
英会話の上達を考えている人は、チェックしてみてください。