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

Last Update 2016/04/01

Create Date 2016/02/12

目次

アイキャッチ画像

概要

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

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

それでは解説します。

プラグインダウンロード

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

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

estimated,ダウンロード

スポンサーリンク

所要時間を固定ページには表示しない

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

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

修正前です。

estimated,所要時間,修正前サンプル

	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() ){」「}」を追加してます。固定ページには所要時間が表示されなくなりました。

estimated,所要時間,修正後サンプル

	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にログインします。「ダッシュボード」より「プラグイン」「インストール済みプラグイン」をクリックしてください。 「有効化」をクリックしてください。

estimated,有効化

1分間に読める文字数を変更

1分間に読める文字数は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;
}
	
	

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

	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;
}
	
	

参考サイト

関連記事

まとめ

WordPressで所要時間を表示するプラグイン「estimated」を紹介しました。少しカスタマイズもしてみました。他に役立つ情がありましら、 記事を更新していきます。

管理人は忘れっぽいので、すべて備考録として記事にしようと思っています。

お読みくださってありがとうございました。それでは。

スポンサーリンク

<よろしかったらシェアお願いします。シェアしてくれたらたいへん励みになります。>