ブログやサイトに「この記事は約 ○ 分で読めます」という読了所要時間を表示するには？

2015.04.142024.11.12

この記事は約4分で読めます。

記事内に広告が含まれています。

本記事では「記事を読み終える時間」を表示する方法について紹介します。

具体的には、本サイトの記事右上にある「この記事は約 ○ 分で読めます」いう表記です。

私の活動している「小説家になろう」でも読了時間表示があります。
それくらい読み手にとってありがたい機能なのは間違いないでしょう。

この記事って何分くらいで読めるのかなあ……
時間掛かるなら怖くて読めないかも

こういった形での機会損失を減らすことができます。

【2024年11月12日追記】
Cocoonなどテーマによっては機能が備わっているものもあります。
まずはそちらを御確認ください。

読了所要時間の表示方法
コードを貼る場所
時間表記をつけない方がいい場合もあります
まとめ

読了所要時間の表示方法

以下のコードを表示したい場所に貼り付けます。

<?php
$mycontent = $post->post_content;
$word = mb_strlen(strip_tags($mycontent));
$m = floor($word / 600)+1;
$time = ($m == 0 ? '' : $m) ;
?>
<div style="border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;padding:0.1em 0;text-align:right;font-size:small;color:#444">この記事は約 <span style="color:#f00"><?php echo $time; ?></span> 分で読めます。
</div>

テーマによっては点線装飾が邪魔となりますので、各自で加工・削除してください。

参考記事は二つ。

【WordPress】記事を読むのにかかる所要時間を表示させる方法。

いくつかのブログで「この記事は約〇〇分で読めます」と所要時間を表示させているのを見かけました。所要時間が表示されていると「今すぐ読む」か「後で読む」かの判断にな...

こちらは方法そのものズバリ。

記事を読む所要時間を表示させるWordPress用プラグイン「estimated」作ってみました。

先日、「たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法･･･」というタイトルでidea*ideaさんが紹介されていた、記事の冒頭に”記事を全て読...

下は、この機能を持ったプラグインEstimate。
レイアウトの参考にさせていただきました。
どの場所に表示されてもいいなら、このプラグインを入れるのが一番手っ取り早いです。

コードを貼る場所

一般的なテーマでしたらsingle.phpです

例えばLuxeritasですと、次のコードの下に配置します。

<?php
if( function_exists('dynamic_sidebar') === true ) {
if( isset( $luxe['amp'] ) ) {
if( is_active_sidebar('post-title-upper-amp') === true ) {
$amp_widget = thk_amp_dynamic_sidebar( 'post-title-upper-amp' );
if( !empty( $amp_widget ) ) echo $amp_widget;
}
}
else {
if( is_active_sidebar('post-title-upper') === true ) {
dynamic_sidebar( 'post-title-upper' );
}
}
}

if( have_posts() === true ) {
while( have_posts() === true ) {
the_post();

echo apply_filters( 'thk_h_tag', 1, '', 'headline name', '', 'entry-title' ); // <h1> タイトル

?><div class="clearfix">

ただしSimplicityは構造が複雑なため、場所が見つけづらいです。

答えは、