Sep 13, 2017
「コンテンツを読み上げてくれるボタン」を表示するプラグインを作成しました。
「コンテンツを読み上げてくれるボタン」を表示するプラグインを作成しました。
WP Speech Contents
です。
プラグインをインストールして有効化してから、個別ページを開くと、コンテンツの上部に「読み上げ開始」みたいなボタンが表示されます。
それをクリックすると、コンテンツを読み上げてくれます。
やっていることは
Web Speech API
を使って、post_content の内容を読ませているだけなんで簡単です。
ほんとは、もうすこし細かな設定とかできるようにしたいんですが、とりあえず今はこれだけ。
※ボタンの表示位置だけは上か下を変更できるように、フックを用意しました。
add_filter( 'wp-speech-contents-mode', function () {
return 'bottom'; // top or bottom
});
こんな感じで。
例えばある記事だけに表示させたいときは
add_filter( 'wp-speech-contents-mode', function () {
if(is_single(1)){
return 'bottom'; // top or bottom
}else{
return 'none';
}
});
と言う感じでいけるはず。
※こちらの記事の最新の内容は
http://www.katacom.jp/a/wp-speech-contents
↑ここにあります。
Comment
関連記事
-
Sep 29, 2015読み上げ開始読み上げ停止最近、子どもたちにプログラミングを学ばせるのが流行っているようで、いろいろな講座やセミナーなどを耳にします。 そこ...
-
Sep 17, 2015読み上げ開始読み上げ停止営業や通勤など車で移動することの多い地方のビジネスマン。普段から本を読みたいと思っても運転中などは本が読めませんよ...
