関連する記事とサムネイル画像、更に概略も入れられるプラグインSimilar Posts

関連記事を表示するプラグインは幾つかありますが、当ブログでは先日まで WordPress Related Post for Japanese という、 Yahoo! Japan が提供する 「日本語形態素解析Webサービス」 を使って投稿の内容を分析し関連する投稿を表示するプラグインを使用していました。

関連記事の適合性も高くかなり気に入っていたのですが、自分の好きな場所に表示するカスタマイズが上手く出来ず(私がヘボいから)、当ブログと別サイトでの使用を断念しました。

この 「おぼえがき」 では新たなプラグインを導入していませんが、別サイトには Similar Posts という関連記事+画像+概略を表示できるプラグインを導入。

今回は私のお気に入り、ミblog様を参考にさせて頂きました m(_ _)m 。

手順は以下。

  1. Similar Posts ダウンロードページにある 「This plugin requires the latest version of the Post-Plugin Library: download it now.」 で post-plugin-library.zip をダウンロードして解凍。
  2. 同じページより similar-posts.zip をダウンロードして解凍。
  3. post-plugin-library フォルダと similar-posts フォルダを plugins フォルダへアップロード。
  4. 管理画面より post-plugin-library 、 similar-posts の順番で有効化。

single.php など、関連記事を表示したい箇所に以下のタグを挿入。

<?php similar_posts(); ?>

細かな設定は Similar Posts の設定画面より。 詳細は ミblog様で紹介されています。

以下は別サイトで設定した、Similar Posts の Output Settings のコード。

<div class="similar-posts">
<div class="similar-img"><a href="{url}">{image:0:32:32} </a></div>
<div class="similar-title"><dl><dt><a href="{url}">{title}</a></dt>
<dd>{excerpt:7}</dd></dl></div></div>
図は関連する記事で、タイトル+サムネイル+概略を表示させたもの。 表示は CSS で微調整。
Similar Posts①

サムネイルは {image:0:32:32} 、概略は {excerpt:7} で設定しています。

ただし、日本語だと正確な文字数を取得しないようなので概略を使わず、 {php} で上手いことやるのがイイかも。

All in One SEO Pack で Title を別途入れてるから、それが使えるとベストなんだが・・・。
独自タグがあるのかは未調査。

  • 人気ブログランキング
  • FC2ブログランキング
コメント/トラックバック
トラックバック用URL:

この記事のコメント・トラックバックRSS

この記事へのコメント・トラックバックはありません。

コメントをどうぞ

使用できるXHTMLタグ: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>