なまら春友流

ラーメン屋店主兼ブロガーの春友がラーメン、ガジェット、日常について書くブログ

読了時間を各ブログ記事に表示しました。コードのコピペでO.Kです

Sponsored Links


IMG 7921


記事ごとに必要な読了時間を表示してみました。
参考にさせていただいたのはこちらの記事。

プラグインを使わずにWordPressで「記事の読了時間」を表示する方法 | NANOKAMO BLOG

参考に、というか丸パクリです、すいません (^^;;

Sponsored Links



で、この読了時間設置はいいですね。
読んでくれる方に優しい(と思う)し、ブログデザイン的にもいい感じかな、と。
私はブログ1面と個別記事に設置。

スクリーンショット 2012 04 09 20 05 07


cntent-excerpt.phpに以下のコードをコピペしました。

[html]

post_content; // wordpress users only
$word = mb_strlen(strip_tags($mycontent));
$m = floor($word / 400);
$s = floor($word % 400 / (400 / 60));
$est = ($m == 0 ? ” : $m . ‘分’) . ($s == 0 ? ” : $s . ‘秒’) ;
?>
読了時間:約

[/html]

p classで “time” としてCSSで弄りやすいようにしています。
CSSはこんな感じです(他の要素とinlineにして並列表示とかしてます)。
[html]
div.post p.time {
font-size:12px;
margin:0 0 0 30px;
}
[/html]

そして個別記事はこんな感じ。

スクリーンショット 2012 04 09 20 15 34


上記のコードを content-single.php にコピペしています。
この時間の算出は約400字読むのに60秒かかるっていう計算のようですね。
このコードを作られた方のサイトはこちらです。

WordPress: 『読むための所要時間』を表示するコード書いた – Hinemosu

非常に便利なコードをありがとうございます。
そしてテーマを自作した経験のおかげでこういった便利なコードを直接埋め込めるようになりました。
やっぱりいろいろやってみるものですね。

エビスコム
ソシム 2011-09
¥ 2,940

Sponsored Links


LEAVE A REPLY

*
*
* (公開されません)

Return Top