WordPressのプラグイン「estimated」で所要時間表示

運営しているブログで所要時間を表示する機会がありました。WordPressのプラグイン「estimated」を使用することに決めました。 なにやら所要時間を表示すると閲覧者の滞在時間が向上するそうです！それよりも、やさしいユーザービリティになると思っています。

今回は、カスタマイズってほどではありませんが、所要時間を固定ページに表示しないようにしています。

それでは解説します。

最初に「estimated」をダウンロードします。

「記事を読む所要時間を表示させるWordPress用プラグイン「estimated」作ってみました。  |  ITキヲスク」へアクセスし、「estimated.zip」をクリックしてください。

今回は、固定ページに所要時間を表示したくないので少しだけカスタマイズします。作業内容は簡単ですので、必要な方は参考にしてください。 不必要な方は、この章は飛ばしてください。

ダウンロードしたファイルの中の「estimated.php」を修正します。というかファイル自体は一つしかありません。

修正前です。

	function filter_estimated($content) {
	global $post;
	$mycontent = $post->post_content;
	$word = mb_strlen(strip_tags($mycontent));
	$m = floor($word / 500);
	$s = floor($word % 500 / (500 / 60));
	$est = '<div style="border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;padding:0.2em 0;text-align:right;font-size:small;color:#444">'."\n";
	$est .= "\t".'この記事の所要時間： ';
	$est .= '<span style="font-weight:bold">約 <span style="color:#f00">'.$m.'</span>分<span style="color:#f00">'.$s.'</span>秒</span>'."\n";
	$est .= "</div>\n";
	$est .= $content;
	return $est;
}
	
	

修正後です。「if( is_single() ){」「}」を追加してます。固定ページには所要時間が表示されなくなりました。

	function filter_estimated($content) {
if( is_single() ){
	global $post;
	$mycontent = $post->post_content;
	$word = mb_strlen(strip_tags($mycontent));
	$m = floor($word / 500);
	$s = floor($word % 500 / (500 / 60));
	$est = '<div style="border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;padding:0.2em 0;text-align:right;font-size:small;color:#444">'."\n";
	$est .= "\t".'この記事の所要時間： ';
	$est .= '<span style="font-weight:bold">約 <span style="color:#f00">'.$m.'</span>分<span style="color:#f00">'.$s.'</span>秒</span>'."\n";
	$est .= "</div>\n";
}	
	$est .= $content;
	return $est;
}
	
	

それでは「estimated」を運営しているWordPressブログにアップロードします。カスタマイズした場合は、それを対象にしてください。

解凍したフォルダごと、サーバーにFTPクライアントなどを使用してアップロードします。アップロード先は、「～/wp-content/plugins/」です。

「estimated」を有効化します。WordPressにログインします。「ダッシュボード」より「プラグイン」「インストール済みプラグイン」をクリックしてください。 「有効化」をクリックしてください。

１分間に読める文字数は400～600文字だそうです。デフォルトは500文字になっていますが、変更して600文字にします。

修正前です。

	function filter_estimated($content) {
if( is_single() ){
	global $post;
	$mycontent = $post->post_content;
	$word = mb_strlen(strip_tags($mycontent));
	$m = floor($word / 500);
	$s = floor($word % 500 / (500 / 60));
	$est = '<div style="border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;padding:0.2em 0;text-align:right;font-size:small;color:#444">'."\n";
	$est .= "\t".'この記事の所要時間： ';
	$est .= '<span style="font-weight:bold">約 <span style="color:#f00">'.$m.'</span>分<span style="color:#f00">'.$s.'</span>秒</span>'."\n";
	$est .= "</div>\n";
}	
	$est .= $content;
	return $est;
}
	
	

修正後です。三箇所ある「500」を「600」に変更します。

	function filter_estimated($content) {
if( is_single() ){
	global $post;
	$mycontent = $post->post_content;
	$word = mb_strlen(strip_tags($mycontent));
	$m = floor($word / 600);
	$s = floor($word % 600 / (600 / 60));
	$est = '<div style="border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;padding:0.2em 0;text-align:right;font-size:small;color:#444">'."\n";
	$est .= "\t".'この記事の所要時間： ';
	$est .= '<span style="font-weight:bold">約 <span style="color:#f00">'.$m.'</span>分<span style="color:#f00">'.$s.'</span>秒</span>'."\n";
	$est .= "</div>\n";
}	
	$est .= $content;
	return $est;
}
	
	

文字数を表示してみたいと思います。

修正前です。

	function filter_estimated($content) {
if( is_single() ){
	global $post;
	$mycontent = $post->post_content;
	$word = mb_strlen(strip_tags($mycontent));
	$m = floor($word / 600);
	$s = floor($word % 600 / (600 / 60));
	$est = '<div style="border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;padding:0.2em 0;text-align:right;font-size:small;color:#444">'."\n";
	$est .= "\t".'この記事の所要時間： ';
	$est .= '<span style="font-weight:bold">約 <span style="color:#f00">'.$m.'</span>分<span style="color:#f00">'.$s.'</span>秒</span>'."\n";
	$est .= "</div>\n";
}	
	$est .= $content;
	return $est;
}
	
	

固定文字と文字数を表示する１文を追加します。

	function filter_estimated($content) {
if( is_single() ){
	global $post;
	$mycontent = $post->post_content;
	$word = mb_strlen(strip_tags($mycontent));
	$m = floor($word / 600);
	$s = floor($word % 600 / (600 / 60));
	$est = '<div style="border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;padding:0.2em 0;text-align:right;font-size:small;color:#444">'."\n";
	$est .= "\t".'この記事の所要時間： ';
	$est .= '<span style="font-weight:bold">約 <span style="color:#f00">'.$m.'</span>分<span style="color:#f00">'.$s.'</span>秒</span>';
	$est .= '(文字数:'.number_format($word).'文字)'."\n";
	$est .= "</div>\n";
}	
	$est .= $content;
	return $est;
}
	
	

参考サイトは以下のとおりです。本当にありがとうございました。

1. 「記事を読む所要時間を表示させるWordPress用プラグイン「estimated」作ってみました。  |  ITキヲスク」
2. 「記事を読む時間を表示してくれるWordPress用プラグイン『estimated』 | FREE LIFE」