• ランディングページはテンプレートを使えばデザイン性の高いページが簡単に作れる ブログ運営
    ランディングページはテンプレートを使えばデザイン性の高いページが簡単に作れる!
  • 私が実際に使っている便利な無料ツールと書いてあるイラスト お得情報
    便利な無料ツール!私が実際に使っている3選
  • SEO
    ブログのPVを3日間で1.5倍上げる方法
  • 無料オプトインアフィリエイトの始め方!初心者にオススメな案件とASP ブログ運営
    オプトインアフィリエイトの始め方!初心者にオススメな案件とASP
  • 便利ツール
    検索順位チェックツール!変動や推移まで保存出来るオススメツールをご紹介
  • WordPress
    初めてのブログの作り方!初心者が最低限抑えておきたいこと
  • ランディングページが作れない!そんな悩みで作るのを後回しにしてませんか? ブログ運営
    ランディングページが作れない!そんな悩みで作るのを後回しにしてませんか?
  • ランディングページ(LP)の作り方と構成について ブログ運営
    ランディングページ(LP)の作り方・構成!重要な7つの要素とデザイン
  • ランディングページ
    初心者がたった1時間でプロ並みのキャッチコピーを手に入れる方法
  • アドセンス以外の広告で稼ぐには ブログ運営
    アドセンス以外の広告で稼ぐ!おすすめクリック広告をご紹介

WordPress Related Postsは、記事の下に関連記事を自動的に表示してくれるWordPressのプラグインです。今回は、その「WordPress Related Posts」プラグインの使い方・カスタマイズ方法をご紹介します。

関連記事を載せておくメリット

今読んでいる記事を読み終わった後に、その記事に関連した他の記事の候補をユーザーに提示します。そうすることで他の記事も読んでもらえる可能性が高くなります。

この「WordPress Related Posts」プラグインは、関連記事を自動的に選び表示してくれたり、自分で表示させたい記事を選ぶことも出来ます。なので読んで欲しい記事をカスタマイズしていくことも可能です。

「WordPress Related Posts」の使い方

1.「WordPress Related Posts」をインストール

まず、WordPressの管理画面から、「WordPress Related Posts」のプラグインをインストールしましょう。

※プラグインのインストール方法が分からない場合は別記事にて詳しくご説明してますので下記をご覧ください。

WordPressプラグインのインストール方法!
2018.4.1
基本的な操作方法としてWordpressのプラグインのインストール方法と有効化の方法をお伝えします。 方法はとっても簡単です。 1.インストールしたいプラグインの名前を検索 まず、ワードプレスの管理画面の左側のメニューの「プラグイン」という項目をクリックしてください。 クリックすると今入ってるプラグ...

インストールしたら有効化してください。

2.プラグインの設定について

インストールと有効化を終えるとWordPressの管理画面の左側の「設定」メニューの中に「WordPress Related Posts」が入っていると思いますのでそちらを押してください。

2-1.Basic settings

右側にある▼を押して、設定項目を出してください。

wordpressrelatedposts1

Related Posts Title

ここは、関連記事を表示させる時のタイトルです。好きなタイトルを付けましょう。

(例)【関連記事】こちらの記事もよく読まれています。

Number of Posts

ここは、関連記事をいくつ表示させるか決められます。お好みの数字を指定しましょう。

2-2.Advanced settings

次にAdvanced settingsです。こちらも同様に右側にある▼で項目を出せますので表示させてください。

wordpressrelatedposts2

Themes

ここでは、どのようなスタイルで関連記事を表示させるかを決められます。すべてのテーマの写真を載せておきますので参考にして、お好きなテーマを選んでチェックを入れてください。

Momma

themes1

Modern

themes2

Vertical (Large)

themes3

Vertical (Medium)

themes4

Vertical (Small)

themes5

Pinterest Inspired

themes6

Two Columns

themes7

2-3.Customize

次にCustomizeです。ここは、表示の仕方の詳細を設定していきます。

wordpressrelatedposts3

Display Thumbnails For Related Posts

関連記事のサムネイルを表示するかどうかを設定します。サムネイルとはアイキャッチの写真のことです。記事にアイキャッチが設定されている時は、それが表示されます。

Display Number of Comments

コメント数を表示するかどうかを設定します。

Display Publish Date

記事の投稿日を表示するかどうかを設定します。

Display Post Excerpt ○○○ Maximum Number of Characters.

記事の抜粋文を表示するかどうかを設定します。また表示する場合は、何文字表示するかを記入します。

Enable custom CSS

サムネイルのサイズなど表示スタイルをCSSでカスタマイズが出来ます。

Default thumbnails

サムネイルやアイキャッチが設定されていない場合の画像を設定します。画像ファイルを読み込んで画像を設定できます。

Custom size thumbnails

サムネイルのサイズを変更設定します。

2-4.Other Settings

wordpressrelatedposts4

Exclude these Categories

ここは、関連記事に表示したくないカテゴリーを選ぶところです。表示したくないものがあればチェックを入れましょう。

Auto Insert Related Posts (or add p wp_relate_posts() to your single post template)

ここは、関連記事を自動的に表示させる設定です。

自動的に表示させる設定をすると広告やSNSボタンの上に出てしまうので任意に場所を変えたい場合は、ここはチェックをしないでください。ここのチェックをはずした場合は直接、テーマにソースコードを挿入する必要があります。詳細は、下記にて説明します。

Display Related Posts in Feed

RSSフィードに表示する

Support us (show our minimized logo)

プラグイン作者のロゴを表示してサポートする

【スポンサーリンク】

好きな位置に関連記事を表示させる方法

記事の好きな位置に関連記事を表示させるには、single.phpにソースコードを挿入します。

single.phpのファイルは、別記事でお話した子テーマにコピーしておいたものにソースコードを挿入してください。

※子テーマが分からない方は別記事を参照してください。WordPressをテーマの編集の際は、子テーマを作ってカスタマイズしたほうがいいです。テーマがアップデートする度に、自分のカスタマイズが上書きされて消えてしまうため。

WordPress子テーマ作り方・有効化方法!カスタマイズ前に必ず準備しよう
2018.5.7
Wordpressのテーマの編集やカスタマイズをする前に絶対に準備しておいて欲しい子テーマの作成方法について説明します。 テーマをカスタマイズする際に、元の親テーマを編集するのもいいですがそのテーマのアップデートなどで毎回消えてしまうので、子テーマでのカスタマイズがオススメです。なので、今回は私自身...

実際に挿入するコードはこれです↓

自動的に、関連記事が選ばれ表示されていると思います。

このプラグインは、冒頭でもお話したように記事ごとに自分で表示させたいものを選ぶことが出来ます。では、最後にその方法をご説明します。

関連記事を個別に指定する方法

あなたのサイトに表示された関連記事の右下にこのようなボタンはありませんか?

wordpressrelatedposts7

これは、WordPressにログイン中のみ表示されるものなのですが、これを押すとその記事の関連記事をあなたの好きなものに指定できます。

WordPressの管理画面ではなく、自分のブログを実際に表示させて記事の下あたりにあると思います。関連記事が出てる右下あたりです。

wordpressrelatedposts5

では、このボタンを押してください。押すとこのような画面になります。下にあなたの記事がズラーと出てきますので上に表示させたい記事を移動させてください。

wordpressrelatedposts6

設定が終わったら、右上の「Save and Close」を押してください。

これで、任意のものが表示されるようになりました! 他の記事も変更したい場合は同じ手順で可能です。

まとめ

今回は、関連記事を表示してくれる「WordPress Related Posts」のプラグインの使い方をご紹介しましたが、正直言うと最近のワードプレスのテーマは、そのテーマ自体に内蔵されている事も多いので、このプラグインを使わず出来る事もあります。

私が実際に使っているテーマ「Diver」にも、関連記事とおすすめ記事という機能があるのでこのプラグインは卒業しました。

このプラグインはとても便利ですが、テーマに内蔵されているものを使ったほうがそのテーマのデザインにマッチした作りになっているので、テーマ内に関連記事表示機能があるかどうか一度、確認してみてから使ったほうがいいですね。

【スポンサーリンク】
関連キーワード
  • WordPressプラグインのインストール方法!
  • 【WordPressバックアップ】BackWPupのロリポップ設定方法
  • WordPress popular postsの使い方!人気記事を表示!日本語化の方法もあり
  • Edit Author Slugの設定方法!ユーザー名を非表示可能なWordPressプラグイン
  • 「TinyMCE Advanced」の使い方!HTML不要で記事作成が楽に
  • wordPressプラグインのおすすめ!ブログ運営で絶対に導入しておきたい14選
ついに浮気しちゃいました!

ついに、浮気をしてしまいました・・・そう、ワードプレスのテーマです。

これまで、有料のテーマは何個も購入してますが、この便利屋のブログはCSSの記事とかの変更が面倒なので、なるべくテーマの変更を控えてましたが、一目ぼれをしてしまい衝動を抑えられず、ついに変更に踏み切りました。

見てもらいたい記事をスライダーで表示させることが出来たり、CSSが分からない人でも「入力補助」の機能を使って記事作成画面で、簡単にボタンの作成とかランキングの作成、会話の吹き出しの作成などが出来るので、マジで楽!

これまで、CSSやらいじってカスタマイズをしてきましたが、それがこのテーマには最初から入っているので、驚き。1年半前に出会っていれば、もっと記事に時間がかけられて、収益も上がってたのかな。。と思いつつ苦笑。

とりあえず、ブログを始めたばかりの人にとっても始めて1年以上経ってる私のような人にとっても、このテーマは欲しかった機能が揃ってる!という感じでした。まー私の説明よりも公式ページでその魅力を確認してみてください。

この記事が気に入ったら
フォローしよう

最新情報をお届けします

Twitterでフォローしよう

おすすめの記事
池袋駅のパソコンが使える場所・カフェ
便利ツール
今回は、いつでもどこでも、パソコンを開いて仕事したい! 記事を書きたい!と思っている方へ オススメするパソコンが使える場所・パソコンが使える...