プラグイン不使用で「この記事は約何分で読めます」表示する方法

ブログ記事で時々みかける「この記事は○分で読めます」という表示。

プラグインなしで表示する方法について説明します。

「この記事は○分で読めます」は親切！

こんにちは、及川（オイカワ）です。

ブログ記事でたまに見かける

 

「この記事は○記事で読めます」

 

という表示。

読み終わる目安が分かるのが、親切で良いですよね！

「でも、読む時間がかかるものとかって前もって分かったら、記事読まれずにウインドウ閉じられたり、スルーされたりしない？」

いえいえ、そんなことはないようです。

かかる時間が分かるため、逆にブログ内での滞在時間（読む時間）が長くなった人もいるそうです！

 

自分が便利！と思うものは、ぜひ試してみるのが良いですよね。

 

ただ、ワードプレスをカスタムしていく中で、プラグイン導入が増えすぎて「どれがどの機能のプラグインなのか分からなくなった！」という人もいると思います。

そこで、今回は、プラグインを利用せずに「この記事は約○分で読めます」表示される方法をお伝えします。

プラグインなしで「○分で読めます」表示する方法

下記のコードを「外観 > テーマ編集」から「functions.php」の1番下に追加します。

function count_time(){
$content = get_the_content();
$count = round(mb_strlen(strip_tags($content)) / 500);
if ($count == 0) {
$count = 1;
}
return 'この記事は約'.$count."分で読めます。";
}

 

さらに、以下のphpコードを記事などに挿入します。

「外観 > テーマ編集」から「single.php」に追加することで、自動的に記事のみに表示できます。

<?php echo count_time(); ?>

追加する場所ですが、自分が表示したい部分に入れましょう。

 

参考サイト：Web雑記帳。

参考サイト：賢威カスタマイズ研究所