HP素材のおすそわけ。blog > 【wordpressメモ】YARPPプラグインを使って関連記事を表示。

【wordpressメモ】YARPPプラグインを使って関連記事を表示。

2012年4月24日(火)2:45 PM

ブログランキング・にほんブログ村へ 【wordpressメモ】YARPPプラグインを使って関連記事を表示。をはてなブックマークに追加

WordPress - Yet Another Related Posts Plugin ≪ WordPress Plugins
WordPress – Yet Another Related Posts Plugin ≪ WordPress Plugins

関連記事を、あなたのサイトとフィードに基づいて独自アルゴリズムで表示します。
ポストタイプのカスタムをサポートします。

wordpressの個別記事に、Yet Another Related Posts Pluginを設置しました。

設置するにあたって、ごりゅご.comさんの関連記事プラグインYARPPをカスタマイズしてLinkWithin風にすると言うエントリーを参考にしました。

以降の記事は、何かあったときのための、自分用のメモです。

Yet Another Related Posts Plugin 設置までの手順

1:wordpressのダッシュボードから【プラグイン追加】→【Yet Another Related Posts Plugin】を検索してインストール・有効化。

2:サーバーにFTPツールでアクセスし、【wp-content/plunins/yet-another-related-posts-plugin/yarpp-templates】フォルダをダウンロード。
フォルダに入っている『yarpp-template-thumbnail.php』を探し、wordpressにて自分が使っているテーマのフォルダにアップロード。
※この『yarpp-template-thumbnail.php』は書き換えて使ってます。書き換えに関しては、OZPAの表4さんのこの記事も参考にしました。

<?php if(have_posts()):?>
<h2>関連の記事。</h2>
<div class=”related-post”>
<?php while(have_posts()) : the_post(); ?>
<?php if(has_post_thumbnail()):?>
<div class=”related-entry”>
<a href=”<?php the_permalink() ?>”rel=”bookmark”title=”<?php the_title_attribute(); ?>”><?php the_post_thumbnail(“thumbnail”); ?><br /><?php the_title(); ?></a>
</div>
<?php endif; ?>
<?php endwhile; ?>
</div>
<?php else: ?>
<!– 関連記事がないときのHTMLをここに書く–>
<?php endif; ?>

上記のように書き換え、UTF-8 BOM無で保存してアップロードしました。ちなみに、CSSは『style.css』に以下のスタイルを書き足してます。コレはあくまでもウチのブログのテンプレートに合せたCSSです。

.related-post{height:100%;}
.related-post{width:468px;overflow:hidden;padding:0 0 0 8px;}
.related-entry {float:left;width:104px;font-size:10px;margin:0;padding-right:12px;line-height:1.5em;min-height:168px;}
.related-entry img{padding:2px;width:100px;height:100px;filter:Alpha(opacity=90);border:1px dotted #666;}
.related{margin-top:20px;}

3:wordpressのダッシュボードから、【設定】→【関連記事 (YARPP) 】に移動。

関連記事 (YARPP)

4:上の画像の、『表示オプション』をクリック。『関連スコア設定』をクリック。最初の頃は関連記事が出にくいので、『最低関連スコア』を『3』に変更。

5:【表示設定 ウェブサイト用】の項目にて、『自動的に関連記事を表示する』と『テンプレートを使って表示』にチェック。
※テンプレートを使って表示がチェック出来ない場合は、wordpressのテンプレートディレクトリに『yarpp-template-thumbnail.php』がアップロードされていません。2:の手順を再確認して下さい。

コレで表示されました。この記事の直下にも、表示されていると思います。

この記事をTwitterやSNSなどのソーシャルメディアで共有して下さい。

コメントはお気軽によろしくお願い申し上げます。

この記事へのリンクタグ

<a href="http://kanari.info/b/507">【wordpressメモ】YARPPプラグインを使って関連記事を表示。 HP素材のおすそわけ。blog</a>

Trackback URL


素材

外部リンク

▲TOPへ