自動で関連記事をピックアップしてエントリの末尾に関連記事を表示してくれます。
関連記事を自動で表示してくれるプラグインはいろいろあるみたいで、たまたま初めに試した Yet Another Related Posts Plugin（YARPP） がいい感じなので、他のプラグインとの比較はできませんが、しばらくこれを使っていこうと思います。
Yet Another Related Posts Plugin（YARPP） が気に入っているのは、表示用のテンプレートを自由に作成できるので思い通りの表示ができること。
以下のプラグインフォルダの中に、
|
1 |
/wp-content/plugins/yet-another-related-posts-plugin/yarpp-templates |
色々なテンプレートのサンプルがありますので、自分の表示したいイメージに近いサンプルを用いて編集すればOK。っで、編集したテンプレートファイルをテーマフォルダの中（functions.php とか style.php が置いてある場所）に入れてあげると、管理画面のプラグインの設定画面で「テンプレートを使って表示」のチェックボックスがアクティブになりますのでチェックを入れるだけです。
ちなみに、テンプレートファイルは、
|
1 |
yarpp-template-xxx.php |
というファイル名じゃないと認識しないみたい。（ xxx の部分は好きな文字列）。
とりあえず、関連記事のサムネイルとエントリの抜粋を表示するようにしてみました。関連記事が無い場合には何も表示しません。
テンプレートはこんな感じ。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<?php if (have_posts()):?> <h3>関連するエントリ</h3> <div class="postlink"> <ul> <?php while (have_posts()) : the_post(); ?> <li> <?php get_thumbnail($post->ID, 'thumbnail', 'alt="' . $post->post_title . '"'); ?> <a href="<?php the_permalink() ?>" title="<?php echo esc_attr(get_the_title() ? get_the_title() : get_the_ID() ); ?>"> <?php if ( get_the_title() ) the_title(); else the_ID(); ?> </a><br> <?php echo strip_tags(get_the_excerpt()); ?> <div class="clear"></div> </li> <?php endwhile; ?> </ul> </div> <?php else: ?> <p>No related posts.</p> <?php endif; ?> |
そんで、CSS（ style.css ）に以下を追加。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
.postlink ul { font-size: 14px; list-style-type: none; padding: 10px; } .postlink li { color: #4C4C4C; list-style-position:outside; margin:15px; border-bottom: 1px solid #e6e6e6; } .postlink img { float: left; width: 90px; height: 90px; margin-right: 15px; padding: 5px; border: 1px solid #e6e6e6; } |
そうするとこんな感じで表示されます。
テンプレートファイルは普通の PHP ファイルなので、Wordpress のタグなんかも自由に使えます。
肝心の関連記事のピックアップの精度ですが、このブログではそもそもエントリが少なすぎてイマイチ関連記事自体がピックアップされない（;_;）ので何とも言えませんが、エントリが増えたらおいおい検証してみたいと思います。
ってことで、自由なレイアウトで関連記事を表示したい人にはお勧めです。一度お試しあれ。
# おー、偶然にもこのエントリに関連記事が表示されてます。
# そもそもの表示位置はどうやって変えるんだろ？今度時間があるときに見てみよっと。
でわでわ。
[…] […]