「コンテンツを読み上げてくれるボタン」を表示するプラグインを作成しました。

「コンテンツを読み上げてくれるボタン」を表示するプラグインを作成しました。
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';
    }
});

と言う感じでいけるはず。

※こちらの記事の最新の内容は
https://www.katacom.jp/a/wp-speech-contents
↑ここにあります。