WordPress設定

Related Posts Thumbnails Plugin for WordPress 関連記事を表示する 設定方法と使い方読み終わるまで 1

Related Posts Thumbnails Plugin for WordPress 関連記事を表示する 設定方法と使い方 アイキャッチ

ワードプレス(WordPress)のRelated Posts Thumbnails Plugin for WordPressプラグインの設定方法と使い方を解説します。

この記事を見ることで得られるメリット

  • Related Posts Thumbnails Plugin for WordPressの使い方と詳細な設定方法がわかります

Related Posts Thumbnails Plugin for WordPressで実現できること

 Related Posts Thumbnails Plugin for WordPressを導入すると、投稿ページ下部に関連記事を表示させることができます。

サムネイル画像表示のみで、テキストリンクのみのリスト表示はできません

Related Posts Thumbnails Plugin for WordPressの公式サイト

Related Posts Thumbnails Plugin for WordPressの公式サイトにQ&Aが載っていますす↓
https://wordpress.org/plugins/related-posts-thumbnails/

Related Posts Thumbnails Plugin for WordPressのインストール方法

Related Posts Thumbnails Plugin for WordPressプラグインをWordPressにインストールする方法を解説します。

  1. WordPressのダッシュボード(管理者画面)の「プラグイン」をクリックします
  2. 「新規プラグインを追加」をクリックします
  3. 検索ボックスに”Related Posts by WPBrigade is The Best Customizable plugin
    ”と入力すると下に検索結果が表示されます
  4. ”Related Posts Thumbnails Plugin for WordPress”の今すぐインストールをクリックします

 

WoredPressのダッシュボード(管理者画面)の新規プラグイン追加画面WoredPressのダッシュボード(管理者画面)の新規プラグイン追加画面
“Related Posts Thumbnails Plugin for WordPress”のインストール完了画面“Related Posts Thumbnails Plugin for WordPress”のインストール完了画面

↑Related Posts Thumbnails Plugin for WordPressのインストールが完了すると有効化ボタンが表示されるのでクリックします。

"Related Posts Thumbnails Plugin for WordPress"有効化後に表示されるメッセージ“Related Posts Thumbnails Plugin for WordPress”有効化後に表示されるメッセージ

↑プラグインを有効化すると上記メッセージが表示されるので今すぐリロードするボタンを押します。

"Related Posts Thumbnails Plugin for WordPress"を有効化後のプラグイン画面“Related Posts Thumbnails Plugin for WordPress”を有効化後のプラグイン画面

これでRelated Posts Thumbnails Plugin for WordPressのインストールと有効化は完了です。

Related Posts Thumbnails Plugin for WordPressの設定と使い方

Related Posts Thumbnails Plugin for WordPressプラグインを有効化するとダッシュボード(管理画面)の中に「Related Posts」が表示されます↓

ダッシュボード(管理画面)の中にある「Related Posts」ダッシュボード(管理画面)の中にある「Related Posts」

Related Posts Thumbnails Plugin for WordPressの設定項目

Related Posts Thumbnails Plugin for WordPress(Related Posts)には下記の項目があります。 

  • 一般的な(General)
  • サムネイル(Thumbnail)
  • スタイル(Styles)
  • リレーションビルダー(Relation Builders)

 

設定画面はすべて英語表記なので、以降は日本語に翻訳した画像を載せています。 

一般的な(General)

Related Posts Thumbnails Plugin for WordPressの設定画面 一般的な(General)Related Posts Thumbnails Plugin for WordPressの設定画面 一般的な(General)
  • 投稿に自動的に追加:投稿の最後に関連投稿のサムネイルを自動的に含める
  • 開発者モード:HTMLソースにデバッグ情報を追加
  • 関連する投稿を表示:関連記事を個別記事にのみ表示する
  • 投稿タイプ:関連記事を表示するコンテンツのタイプを選択
  • カテゴリでの表示:カテゴリーに関連記事を表示するか否か
  • カテゴリは関連投稿に表示されます。:カテゴリーを関連記事に表示
  • カテゴリを表示:カテゴリーを表示するか否か
  • モバイルデバイスで無効にする:モバイル端末で関連記事の表示を無効にする
  • 次の後に投稿を含めます:指定した日付以降の投稿を関連記事に表示する
  • 並べ替え:関連記事の並び順を指定
  • トップテキスト:関連記事の見出しを設定
  • 表示する投稿の数:関連記事の表示最大数
  • デフォルトの画像:関連記事に画像が無い場合、サムネイルに表示する画像
  • 上映日:関連記事に日付を表示するか否か

サムネイル(Thumbnail)

Related Posts Thumbnails Plugin for WordPressの設定画面 サムネイル(Thumbnail)Related Posts Thumbnails Plugin for WordPressの設定画面 サムネイル(Thumbnail)
  • サムネイルソースの選択:サムネイル画像の取得元を選択
  • 関連記事のサムネイルのサイズ:サムネイル画像のサイズを選択
  • 注目の画像を含む投稿を表示:サムネイル画像が設定されている記事だけ関連記事に含めるか否か

スタイル(Styles)

Related Posts Thumbnails Plugin for WordPressの設定画面 スタイル(Styles)Related Posts Thumbnails Plugin for WordPressの設定画面 スタイル(Styles)
  • 出力スタイル:表示デザインをブロックorリストから選択
  • 背景色:背景色を選択
  • マウスオーバー時の背景色:マウスのカーソルをフォーカスした時の背景色を選択
  • ボーダの色:枠線の色を選択
  • フォントの色:文字色を選択
  • フォントファミリー:文字の文体を指定
  • フォントサイズ:文字サイズを指定
  • テキストの最大長:タイトルテキストの最大文字数を指定。0の場合はテキスト表示なし
  • 抜粋の最大長:記事冒頭の説明文(抜粋)の最大文字数。0の場合は説明文なし
  • テキストブロックの高さ:ピクセル(px)単位で高さを指定

リレーションビルダー(Relation Builders)

Related Posts Thumbnails Plugin for WordPressの設定画面 リレーションビルダー(Relation Builders)Related Posts Thumbnails Plugin for WordPressの設定画面 リレーションビルダー(Relation Builders)
  • ベース関係:関連記事に紐づける関係を選択

ショートコードを使って関連記事を表示

下記のショートコード投稿記事内の表示したい箇所に貼り付けるだけで関連記事サムネイルを表示できます。
ウィジェット機能のショートコードに貼り付けることもできます。

 [related-posts-thumbnails] 

投稿記事に表示した関連記事サムネイル

初期設定状態で記事下部に表示させた実際の関連記事サムネイルです。
WordPressテーマの「JIN」を使っている時の表示になります。
使用しているテーマによってデザインが異なります。

Related Posts Thumbnails Plugin for WordPress 初期設定の状態で表示した関連記事サムネイルRelated Posts Thumbnails Plugin for WordPress 初期設定の状態で表示した関連記事サムネイル

Related Posts Thumbnails Plugin for WordPressを使った感想とメリットデメリット

実際にRelated Posts Thumbnails Plugin for WordPressを使ってみた感じたメリットとデメリットです。

Related Posts Thumbnails Plugin for WordPressのメリット

サムネイル画像の関連記事表示に特化しており、簡単に表示させることができます。
設定画面も簡単で自分好みのデザインにカスタマイズできます。

Related Posts Thumbnails Plugin for WordPressのデメリット

関連記事をテキストだけでリスト表示できないことがデメリットです。

まとめ

Related Posts Thumbnails Plugin for WordPressを導入すると関連記事一覧をサムネイル画像で自動表示させることができます。

関連性の条件や見た目のデザインも細かく指定でき、比較的簡単にカスタマイズできます。

サムネイル表示に特化しているので、レイアウトを変更する機能は豊富ですが、テキストのみの表示はできません。

関連記事一覧をテキストではなく、サムネイル画像で表示したい場合にはおすすめのプラグインです。