WordPressテーマ「CUBEY (tcd023)」
 

関連記事を簡単スタイリッシュに表示するプラグイン「WordPress Related Post」

WordPress関連記事表示プラグインRelatedPost

WordPressで関連記事表示プラグインといえばYet Another Related Posts Plugin (YARPP)が有名ですが、私は「WordPress Related Post」を使っています。

なぜかというと、設定が楽ちんだし、関連記事が無い場合でもとりあえず他の記事を表示してくれる。さらにスタイリッシュだからです。

WordPress Related Postの使い方

RelatedPostインストール

ダッシュボード →プラグイン →新規追加で、「WordPress Related Post」を検索、インストール&有効化します。

RelatedPost設定

ダッシュボードの左側に「Related Posts」の表示が出ます。ここで設定を行います。


RelatedPost設定1

関連記事表示タイトルはh3タグで表示されます。タイトルと表示記事数を決めましょう。

  • Related Posts Title: 関連記事のタイトル名を決める。
  • Number of Posts:  投稿数の設定。
  • Only show posts from the last :どのくらい前の記事まで表示させるか。Unlimitedで期間制限無し。

RelatedPosts設定2

PCとタブレットでの関連記事表示設定です。サムネイルのパターンを選択することが出来ます。ここは自分でいじってみてください。


RelatedPosts設定3

Customizeの設定項目は以下の通り。

  • Display Thumbnails For Related Posts :サムネイル画像を表示するか。
  • Display Number of Comments : コメント数を表示するか。
  • Display Publish Date : 日付を表示するか。
  • Display Post Excerpt(XX)~ :記事抜粋を何文字まで表示するか。

RelatedPostsCSSカスタム

Custom CSSではCSSの割り込みが出来ます。


RelatedPostsモバイル設定

Mobile Phones ではモバイルでの関連記事表示設定です。

Infinite streamにチェックを入れると、大量の関連記事が表示されてフッターを見せたい場合は不便になります。Modernが無難だと思います。


RelatedPosts設定4

1:ここでデフォルト画像をアップロードしておけば、投稿記事に画像が無い場合に自動表示させます。

Use custom field for thumbnails :指定した場所のサムネイルを使用する。
Exclude these Categories: チェックしたカテゴリを関連記事表示から抜きます。

2:ちょっと細かい設定

・Auto Insert Related Posts(or add <?php wp_related_posts()?> to your single post template)

関連記事表示タグを、テンプレートに自動挿入します。ただしここにチェックを入れると、WP Social Booking Lightで設定したソーシャルボタンの前に関連記事が表示されてしまいます。

自分の好みの場所に関連記事を表示させるには、テーマ内に<?php wp_related_posts()?>のタグを挿入した方が良いです。
→RelatedPostsタグの挿入の方法はこちら

【その他】

  • Display Related Posts in Feed :フィードに関連記事を表示する。
  • Turn statistics on* :統計をオンにする。
  • Support us (show our logo) :RelatedPostsのサポートとロゴを表示する。

最後にSave changesをクリックして設定は完了です。

Related Postsはサイドバーにも表示出来る

RelatedPosts設定5

このプラグインの特徴は、サイドバーにも表示出来る事です。
外観 →ウィジェットでサイドバーにドラッグ&ドロップするだけの簡単設定です。


管理人マナ画像右

 

RelatedPostsは簡単な設定で関連記事をガンガン表示してくれます。
もし記事が増えてきたら、細かい設定ができるYARPPプラグインもお勧めです。


Pocket

WordPressテーマ「CUBEY (tcd023)」 
 

Sponsored Link

WordPressテーマ「BlogPress (TCD010)」

コメントを残す

このページの先頭へ