関連記事をサムネイル付で表示してくれるプラグイン「Yet Another Related Posts Plugin」(YARPP)を導入

関連記事サムネイル表示WordPressには本当に便利なプラグインがたくさんありますね。

PHP知識がへっぽこのTETSUにとっては本当に助かります。

開発者様には感謝感謝です。

今回はそんな便利なプラグインの一つ。投稿記事や固定ページに関連記事をサムネイル付で表示してくれるプラグインの「Yet Another Related Posts Plugin」のご紹介です。

「Yet Another Related Posts Plugin」の使い方

インストールと有効化

インストールと有効化いつも通りWordPressの管理画面の
「プラグイン」⇒「新規追加」からインストールをおこないます。

検索小窓に「Yet Another Related Posts Plugin」と入力すると一発で出てくると思います。
次に「いますぐインストール」⇒「プラグインを有効化」をします。

これでインストール終了です。簡単ですね。

「Yet Another Related Posts Plugin」の設定

デフォルトのままでも機能するのですが、関連性が低い記事ばかりだとほとんど関連記事を表示してくれません。

このことに気付かなかったへっぽこのTETSUは「このプラグイン使えねぇ~~~」っと思い込んでいました。(使えないのはTETSU自身だとも気付かずに 爆)

ということで関連性の低い記事でも表示できるように、さらにその他メインどころの設定をいじくります。

表示オプション設定画面の左上あたりにある「表示オプション」をひっぱり出して表示させる項目を表示させます。
「フィルターの設定」「関連スコアの設定」「表示設定」の3つはよく使うことになるので表示しておくことをオススメします。
CSSを編集して使用したい場合は「コード出力例を表示」の項目にもチェックをいれておきます。

フィルターの設定フィルター設定
ここでは、関連記事に表示させたくないカテゴリーやタグがある場合チェックを入れておきます。

一番下の項目「過去の○○間の記事だけを表示」はチェックをはずしておくことをオススメします。ブログはその特性上、長く続けると昔の記事が埋もれがちになってしまいます。ここのチェックをはずしておくと、昔の記事でも関連記事に表示してくれます。
(古い記事を表示させたくない場合はチェックを入れておきます。)

関連スコアの設定関連スコアの設定
記事数が少ないもしくは、関連性の高い記事がない場合はここの数字を小さくしておきましょう。

初期設定は5になっていてTETSUのサイトではほとんど関連記事を表示してくれませんでした。Σ( ̄ε ̄;|||・・・

その他、「タイトル」「内容」「カテゴリー」「タグ」の重要性を決定しておきます。ここはすべて「検討する」。もしくは、内容のみ「検討する(重要視)」にしておけば問題ないと思います。

表示設定ウェブサイト用表示設定ウェブサイト用
まずは表示する場所を選択します。

当サイトでは、「投稿」「固定ページ」にチェックを入れています。
※アーカイブにチェックを入れると、データ収集に時間がかかり表示が遅くなる場合があります。

関連記事の表示位置は初期設定では、投稿記事やアーカイブページの下の方になっています。自分の好きな場所に関連記事を表示させたい場合は任意の場所に
<?php related_posts(); ?>
を記述してください。

表示タイプを「リスト」「サムネイル」「カスタム」から選択します。
HTMLやCSSをいじりたい場合は「関連記事表示を囲むタグ」「各関連記事を囲むタグ」から修正しています。当ブログでは英語表記を日本語表記に変更しているだけで、タグ自体はデフォルトで使用しています。

表示の順番は「関連スコアの高い順」のままでよいと思います。

サムネイルの表示の仕方

サムネイルの表示の仕方表示設定ウェブサイト用の項目でサムネイルのチェックを入れるだけで、関連のある記事のサムネイルを表示してくれます。
ただし、これには各投稿記事にアイキャッチを設定しておく必要があります。

ここで問題がでてくるのが古い記事のアイキャッチです。このプラグイン導入後は意識してアイキャッチを設定されると思うのですが、「古い記事のアイキャッチなんて作成していないよーーーーー」なんて方も多いと思います。

大丈夫です。この問題もプラグインが解決してくれます。

古い記事のアイキャッチと今後新たに作成する記事のアイキャッチを全自動で生成してくれるプラグインが存在します。その名も「Auto Post Thumbnail」

詳しくは
プラグイン「Auto Post Thumbnail」でアイキャッチを自動作成
をご覧ください。


タグ

2012年12月25日 | コメント/トラックバック(0) |
カテゴリー:WordPress

トラックバック&コメント

この投稿のトラックバックURL:

コメントをどうぞ


7 × 四 =

※コメントを送信する前に上の数式の計算をお願いします。

このページの先頭へ