Home > >

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

2010年07月30日 (金) [Read Comment13個のコメント] [331 views] Hatena icon
この記事を読むのに必要な時間の目安: 3分ぐらい →→ あとで読む

時間マニュアル

「たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法･･･ - IDEA*IDEA ～ 百式管理人のライフハックブログ」で紹介されていた、『読むための所要時間』を表示するコードをマルチバイト対応してみたよ。

使ってみたいヒトは、下記のコードをテンプレートの適当なところに貼り付けてください。

>> Open PlainTxt Window
PHP:
  1. <?php
  2. $mycontent = $post->post_content; // wordpress users only
  3. $word = mb_strlen(strip_tags($mycontent));
  4. $m = floor($word / 400);
  5. $s = floor($word % 400 / (400 / 60));
  6. $est = ($m == 0 ? '' : $m . '分') . ($s == 0 ? '' : $s . '秒') . 'ぐらい' ;
  7. ?>
  8. <p>この記事を読むのに必要な時間の目安: <?php echo $est; ?></p>

上記コードでは1分間に読める文字数を400と仮定しています。気に入らなかったら、適当に増やしたり減らしたりしてみてください。

分単位で切り上げ表示を行うバージョンも作成しました。こちらの方がそれっぽいかな？

>> Open PlainTxt Window
PHP:
  1. <?php
  2. $mycontent = $post->post_content; // wordpress users only
  3. $word = mb_strlen(strip_tags($mycontent));
  4. $m = floor($word / 400) + 1 ;
  5. $est = $m . '分ぐらい' ;
  6. ?>
  7. <p>この記事を読むのに必要な時間の目安: <?php echo $est; ?></p>

注意点としては、本文中に誤ったHTMLコードがあると、「strip_tags関数」がガッツリタグを削除して「読む時間」がゼロ秒になったりします。「The W3C Markup Validation Service」あたりを利用して、正しいコードを書くように心がけてください。


元ネタ：Estimated reading time in web design
参考リンク：たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法･･･ - IDEA*IDEA ～ 百式管理人のライフハックブログ
Related Posts with Thumbnails

現在のコメント: 13 個RSS icon


  1. THE IDEA AGENCY     2010/07/30(金) 7:35
    WordPress

    KOBAYASHI Hideto: とりあえず版のコード書きました。 http://htn.to/LQX8fg / たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法･･･ – IDEA*IDEA ～ 百式… http://bit.ly/8XpHRl #idea

    Replyこのコメントに返信する(Reply Comment)

  2. みはbot     2010/07/30(金) 7:50
    WordPress

    WordPress: 『読むための所要時間』を表示するコード書いた – Hinemosu: 「たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法･･･ – IDEA*IDEA ～ 百式管理人のライフハックブログ」で紹… http://bit.ly/9U1Nr0

    Replyこのコメントに返信する(Reply Comment)

  3. aknk     2010/07/30(金) 8:05
    WordPress

    [wordpress][php]所要時間を表示するコード。長文を書くブログをはじめたら実装したい。 / WordPress: 『読むための所要時間』を表示するコード書いた – Hinemosu http://htn.to/kmHkUs

    Replyこのコメントに返信する(Reply Comment)

  4. tsutomura     2010/07/30(金) 10:33
    WordPress

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

    Replyこのコメントに返信する(Reply Comment)

  5. これはすごいボット     2010/07/30(金) 11:24
    WordPress

    WordPress: 『読むための所要時間』を表示するコード書いた – Hinemosu http://bit.ly/9U1Nr0

    Replyこのコメントに返信する(Reply Comment)

  6. masahiro ueno     2010/07/30(金) 14:15
    WordPress

    RT @tsutomura: WordPress: 『読むための所要時間』を表示するコード書いた – Hinemosu http://htn.to/aUdUN

    Replyこのコメントに返信する(Reply Comment)

  7. yamada damaya     2010/07/31(土) 8:20
    WordPress

    WordPress: 『読むための所要時間』を表示するコード書いた – Hinemosu http://bit.ly/92IJS7

    Replyこのコメントに返信する(Reply Comment)

  8. Ryutaro YOSHIBA     2010/07/31(土) 19:56
    WordPress

    IDEA*IDEAで紹介されていた「読むのにかかる時間を表示」するPHPのコード。仕事が早い。せっかくだからプラグイン化しようよｗ / WordPress: 『読むための所要時間』を表示するコード書いた – Hinemosu http://htn.to/8GyhB4

    Replyこのコメントに返信する(Reply Comment)

  9. しぶりび     2010/07/31(土) 20:48
    WordPress

    WordPress: 『読むための所要時間』を表示するコード書いた http://p.tl/To5d

    Replyこのコメントに返信する(Reply Comment)

  10. ガンジー     2010/07/31(土) 21:03
    WordPress

    午後にやる。WordPress: 『読むための所要時間』を表示するコード書いた « Hinemosu http://wp.me/pgp1J-3Cr

    Replyこのコメントに返信する(Reply Comment)

  11. KeiH     2010/08/22(日) 11:27
    WordPress

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

    Replyこのコメントに返信する(Reply Comment)

  12. Yutaka tanida     2010/08/25(水) 23:10
    WordPress

    読むための所要時間をつけてみた。うちのページはだいたい2500文字ぐらいが多いので、600/分としても約4分。これはやはり長いんだろうな。個人的に2000/分ぐらい行くから平気に思えてしまう。 http://ow.ly/2uRGv

    Replyこのコメントに返信する(Reply Comment)

  13. 西中島16歳     2010/08/26(木) 5:19
    WordPress

    @hibiki1966 http://bit.ly/cr1UOp これのseesaa版作ってけれ(>_<)

    Replyこのコメントに返信する(Reply Comment)

コメントをどうぞ







メールアドレスが未記入だったり、一度もコメントしたことのないメールアドレスの場合、管理者に承認されるまでコメントが表示されません。
アバターをオリジナル画像に変更したい場合は、Gravatarサービスに登録してください。

現在のトラックバック数 : 2 回

pingback from Bookmarks of This Week (7/25-8... 10-08-01 (日) 23:56

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

pingback from links for 2010-08-01 « 個... 10-08-02 (月) 7:02

[...] WordPress: 『読むための所要時間』を表示するコード書いた – Hinemosu (tags: wordpress) [...]

トラックバックアドレス

Trackback URL for this entry

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

このページの先頭へ戻る