この記事を読むのにかかる時間を自動で表示するブログコード


会員登録などをするとき、親切なサイトだと、いまどの過程まで進んだかを表示してくれるやつがありますよね。
あれ、後どのくらい時間と手間がかかるのか把握できて、すごい便利。
同じことを、ブログでもできないかと思ったわけです。
で、開いたブログ記事を読むのに必要な時間を表示する、という機能を勝手に追加してみました!
このすぐ上の青い画像の上にある「この記事を読むのに必要な時間」という部分に表示されている時間が、それです。
これで時間が無い時にも記事を読むか読まないか判断できて便利ですね!
それにしても「後で読む」というクリップ機能があったらいいなぁ。


導入方法ですが、テンプレートの2か所に追加するだけです。
【PCの場合】
管理画面 > テンプレート > カスタマイズ
「個別記事」のフォーム内、表示したい部分に下記のコードを入れます。

<span class="readtime"></span>

同じフォーム内で、先頭の方に</head> という文字があるので、その直前に以下のコードを貼り付けます。

<script type="text/javascript" src="/img/yasukawa/readtime/readtime2.js"></script>

以上です。
これで、自動的にブログが解析されて、記事を読むのに必要な時間を算出、「readtime」のタグが書かれた位置に勝手に表示してくれます。

コメント

タイトルとURLをコピーしました