投稿記事の読む時間の目安を表示する方法

2016/04/132016/11/24

1. 概要
2. 読む時間の目安を表示する方法

概要

他のブログの記事を見ていると、投稿記事の更新日付などが表示されている部分やタイトル付近に、この記事は〇〇分で読めますなど表示しているブログがあります

WordPressでは、そのようなプラグインもあるみたいですが、本ブログではテンプレートに直接コードを書く方法で実施します

読む時間の目安を表示する方法

「single.php」に読む時間の目安を表示するPHPコードを挿入して、そのコードを呼び出して表示します。具体的に追加するコードを以下となります

読む時間の目安を表示するPHPコード

&lt;?php
$mycontent = $post-&gt;post_content;
$word = mb_strlen(strip_tags($mycontent));
$m = floor($word / 600)+1;
$time = ($m == 0 ? '' : $m) ;
?&gt;

<?php

$mycontent = $post->post_content;

$word = mb_strlen(strip_tags($mycontent));

$m = floor($word / 600)+1;

$time = ($m == 0 ? '' : $m) ;

この記事は約<?php echo $time; ?>分で読むことができます。

コードは比較的にシンプルで、読む時間は600文字を１分で読めるように設定しています。「$m = floor($word / 600)+1;」の箇所を編集すれば、1分あたり文字数を変更できます

実際に、「single.php」に追加する手順を紹介します

１．管理画面より「外観」→「テーマの編集」を選択し、「編集するテーマを選択」より現在使用しているテーマを選択します

２．個別投稿のsingle.phpを選択します。本ブログではsingle.phpですが、使用しているテーマによっては違う場合がありますので注意してください

３．表示する箇所を探します。私の場合は更新日付の横に表示しますので以下のコード（php if ($mtime = get_mtime('Y/m/d’)) echo〜）の下に追加する予定です

コードを追加する前のテンプレートの一部（追加するコードの位置）

&lt;div class="blogbox"&gt;
  &lt;p&gt;&lt;span class="kdate"&gt;&lt;i class="fa fa-calendar"&gt;&lt;/i&gt;&amp;nbsp;
    &lt;time class="entry-date" datetime="&lt;?php the_time('c') ;?&gt;"&gt;
      &lt;?php the_time('Y/m/d') ;?&gt;
    &lt;/time&gt;
    &amp;nbsp;
    &lt;?php if ($mtime = get_mtime('Y/m/d')) echo ' &lt;i class="fa fa-repeat"&gt;&lt;/i&gt;&amp;nbsp; ' , $mtime; ?&gt;
/* ------------------------
ここにコード追加して表示するようにします
------------------------
 */
&lt;!?  ?&gt;
	&lt;/span&gt; &lt;/p&gt;
&lt;/div&gt;

&nbsp;

<?php the_time('Y/m/d') ;?>

</time>

&nbsp;

<?php if ($mtime = get_mtime('Y/m/d')) echo ' &nbsp; ' , $mtime; ?>

/* ------------------------

ここにコード追加して表示するようにします

------------------------

<!? ?>

</div>

４．実際に追加したら、以下のようになります

コード追加したテンプレートの一部

&lt;div class=&quot;blogbox&quot;&gt;
&lt;p&gt;&lt;span class=&quot;kdate&quot;&gt;&lt;i class=&quot;fa fa-calendar&quot;&gt;&lt;/i&gt;&amp;nbsp;
&lt;time class=&quot;entry-date&quot; datetime=&quot;&lt;?php the_time(&#039;c&#039;) ;?&gt;&quot;&gt;
&lt;?php the_time(&#039;Y/m/d&#039;) ;?&gt;
&lt;/time&gt;
&amp;nbsp;
&lt;?php if ($mtime = get_mtime(&#039;Y/m/d&#039;)) echo &#039; &lt;i class=&quot;fa fa-repeat&quot;&gt;&lt;/i&gt;&amp;nbsp; &#039; , $mtime; ?&gt;
&lt;!? ここから何分で読めます ?&gt;
&lt;?php
$mycontent = $post-&gt;post_content;
$word = mb_strlen(strip_tags($mycontent));
$m = floor($word / 600)+1;
$time = ($m == 0 ? &#039;&#039; : $m) ;
?&gt;
この記事は約&lt;b&gt;&lt;?php echo $time; ?&gt;&lt;/b&gt;分で読むことができます。
&lt;!? ここまで何分で読めます ?&gt;
&lt;/span&gt; &lt;/p&gt;
&lt;/div&gt;