関連記事を表示するWordPressプラグイン「UTW mod Related Post」

WordPressで現在表示している記事に関連した記事を表示する為のプラグインUTW mod Related Postのご紹介です。なお、このプラグインはUltimate Tag Warriorというタグ付けが出来るようになるプラグインにより生成されたタグを元に関連度を計算するので、前述プラグインを利用していることが前提となります。非常に有用なプラグインなのでこの機会に利用されてみては如何でしょうか。

配布元:AOINA.COM :: [WP:Plugin]UTWによる関連記事表示プラグインUTW mod Related Post

配布元サイトに十分な説明が載っているので重複する部分が多いですが、当サイトでも導入について少し書きたいと思います。

導入

配布元サイトからzipファイルをダウンロードしてきて、解凍後に出来た「utw_mod_related_post.php」をWordPressのプラグインフォルダ(/インストールフォルダ/wp-content/plugins/)にアップロードした後、管理画面のプラグインより有効化する。

single.php(個別記事表示用テンプレートファイル)等の挿入したい場所に

<ul><?php utw_mod_related_post(); ?></ul>

などと記述する。

サンプル

現在表示中のこの記事ですと関連性の高いドキュメントからトラックバック/コメント一覧までの間に表示されている通りです。

カスタマイズ

各リストの前後に挿入する文字列を設定する

デフォルトではリストとして例えば以下のように出力するようになっています。

<li>スタイルシート切替を修正</li><li>PC版サイトのデザインを一部更新</li><li>div病</li><li>CSS切り替えスクリプトを導入</li><li>WordPressとHTML自動補正</li>

HTMLソースの見栄え上、この各リストの前にタブを挿入したい人や各リストの間に改行を入れたい人もいるかもしれません。

utw_mod_related_post.phpをテキストエディタで開いて

編集前12行目
function utw_mod_related_post()

編集後
function utw_mod_related_post($before,$after)

編集前42行目/67行目
echo "<li>No Related Posts</li>";

編集後
echo "$before<li>No Related Posts</li>$after";

編集前63行目
echo "<li><a href=\"${post_permalink}\">".$post_title."</a></li>";

編集後
echo "$before<li><a href=\"${post_permalink}\">".$post_title."</a></li>$after";

として保存後アップロード。single.php等の挿入したい場所で

～～～～
		<ul>
<?php utw_mod_related_post("\n\t\t\t(注.各リストの前に挿入したい文字列)","(注.各リストの後に挿入したい文字列)"); ?>
		</ul>

等とすると

～～～～
		<ul>
			<li>スタイルシート切替を修正</li>
			<li>PC版サイトのデザインを一部更新</li>
			<li>div病</li><li>CSS切り替えスクリプトを導入</li>
			<li>WordPressとHTML自動補正</li>
		</ul>

のようにHTMLソース上表示されます。実際に綺麗に表示されるか試行錯誤してみてください。リスト全体の前後に挿入する文字列を作るようなカスタマイズもありかなと思います。

ソースが短めで読みやすいのでカスタマイズしやすいのではないかと思いますので色々と試してみるのも良いかもしれません。^*1

日本語で関連のある記事を探してくれるプラグインは殆ど無かったかなと思う^*2ので非常に助かるプラグインだと思います。

このドキュメントについて

メタ情報

カテゴリ: Web制作
トラックバックURI: http://www.ezinfo.jp/doc/2006/11/01/relatedpost-813.html/trackback

コメントは管理者の承認後に表示、トラックバックは言及リンクのある場合表示されます。