【WordPress】ブログに『読むための所要時間』を表示する方法


Blog Marketing Up Close Blue Pen GraphicBlog Marketing Up Close Blue Pen Graphic / Maria Reyes-McDavis

こちらのサイトを参考に(ていうかそのままコピペ)させていただきました。

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



こちらの記事(たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法・・・ | IDEA*IDEA)によると、サイト滞在時間が伸びたとか・・・。

そこで簡単なPHPコードを書いてそれを検証、結果として13.8%、滞在時間をのばすことができたそうです。確かに記事を読むときに「まぁ、1分ぐらいだったら読むか」となるかもしれませんね。

たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法・・・ | IDEA*IDEA から引用

当ブログでは設置した結果・・・

何ら実感は得られませんでした!(涙目)(;´Д`)

記事内容の質が問われているのでしょうか。
ただ、記事のボリュームがなんとなく自分でも分かりやすくなったので、このままにしておきますわ。

で、実際の導入手順ですが。

当ブログでは
記事一覧表示(index)の場合は記事タイトル下の記事情報の下に入れています。
20110610_2

個別記事表示(single)の場合は記事タイトルのすぐ下に入れています。
20110610_1

使用したコードはこちら。

1
2
3
4
5
6
7
< ?php $mycontent = $post->post_content; // wordpress users only
$word = mb_strlen(strip_tags($mycontent));
$m = floor($word / 400) + 1 ;
$est = $m . '分ぐらい' ;
?>

この記事を読むのに必要な時間の目安: < ?php echo $est; ?>

このコードを「index.php」とか「single.php」にコピペします。
▼index.phpの場合(一部抜粋)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
        <h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
        <div class="postmeta">
            <?php if (comments_open()) : ?><span class="comments"><?php comments_popup_link(('0 <span>comments on this article</span>'), ('1 <span>comment on this article</span>'), ('% <span>comments on this article</span>'), '', ''); ?><?php endif; ?>
            <span class="author">Posted by <a href="<?php the_author_meta('url'); ?>" title="<?php the_author(); ?>" class="author"><?php the_author(); ?></a></span>
            <span class="categories"> in <?php the_category(', '); ?></span>
            <span class="timestamp"> on <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_time(('F jS, Y')) ?></a></span>
            <span class="tags"><?php the_tags((', tagged with '),', ',''); ?>.</span>
        </div>

        <div class="entry">
<?php
$mycontent = $post->post_content; // wordpress users only
$word = mb_strlen(strip_tags($mycontent));
$m = floor($word / 400) + 1 ;
$est = $m . '分ぐらい' ;
?>
<p>この記事を読むのに必要な時間の目安: <?php echo $est; ?></p>
            <?php the_content(('Read more')); ?>
            <div style="clear:both"></div>
            <hr />
        </div>
        <?php if (is_single() || is_page()) { edit_post_link(('Edit this article'), '<p class="admin">', ''); wp_link_pages('before=<p class="pagelink">' . ('Pages:') .' &after=</p>'); } ?>
   

    <?php comments_template('', true); ?>  
    <?php endwhile; ?>

記事情報の下、ということで「”postmeta”」が終わったあとに入れています。

▼single.phpの場合(一部抜粋)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
        <h2 class="title"><?php the_title(); ?></h2>
        <?php if (is_attachment()) { ?>
            <p class="attachmentnav">&larr; Back to <a href="<?php echo get_permalink($post->post_parent) ?>" title="<?php echo get_the_title($post->post_parent) ?>" rev="attachment"><?php echo get_the_title($post->post_parent) ?></a></p>
        <?php } else { ?>
            <div class="postmeta">
<?php
$mycontent = $post->post_content; // wordpress users only
$word = mb_strlen(strip_tags($mycontent));
$m = floor($word / 400) + 1 ;
$est = $m . '分ぐらい' ;
?>
<p>この記事を読むのに必要な時間の目安: <?php echo $est; ?></p>
<g:plusone></g:plusone>
                <span class="categories">Posted in <?php the_category(', '); ?></span>
                <span class="timestamp"> on <?php the_time(('F jS, Y')) ?></span>
            </div>
        <?php } ?></div>

タイトル下、記事情報の上、ということで、「”postmeta”」の中に入れ、且つ最初に読み込むように入れています。

お使いのテーマ(テンプレート)によって、違いがあると思いますので、コードをよく見て試行錯誤してみてください。
(※当方では一切責任持ちませんのであしからず)

 
Copy the code below to your web site.
x 

Powered by

投稿者:

gladdesign

gladdesign

@gladdesign フリーランスのデザイナー。横浜在住。広告(DTP・WEB)デザインおよび企画提案・ネーミング・マーケティング。 WordPress構築も承り中。Apple,Mac狂信者。Illustrator、Photoshop、iPhone6Plus、AppleWatch愛用中。

コメント