WordPress Related Posts を STORK に合わせてカスタマイズ

WordPress用アクセスアップ系プラグイン WordPress Related Posts は、関連記事を自動的に表示させたり、指定した記事を選ぶこともできる自由度の高いプラグイン。

類似する他のプライグインとの関係と特徴をさらに詳しく解説。STORKに合った独自のカスタマイズを公開します。

プラグインの特徴

記事下に関連記事の画像リンク集を置くことで、PV数を稼いだり、ブログの滞在時間を増やしたりします。そうして直帰率を最小限に抑えることを目的としたプラグインです。

STORK 関連記事のデザイン

STORKには、もともと Yet Another Related Posts Plugin というプラグインでこのようにデザインされたものが装備されています。ただ記事を追加すれば自動的に表示がされる。

しかし、関連する記事を特定の記事に指定することはできません。なので別のプラグインを使わなければならないのです。

WordPress Related Posts

そこで特定記事を表示するのに追加したいプラグインが WordPress Related Posts 。各記事にそれぞれ特定記事の指定が可能で、指定がなくとも自動的に記事を抜粋します。

ただ、STORKのデザインのようにカテゴリーや日付などの表示ができないわけではないのですが、デザイン的に良くなかったので非表示にして見やすいものにしました。

プラグインの効果

特定の記事を記事下に置くことで、目的を持った誘導が可能となります。

 

例えば‥

  • トレンド新着への誘導
  • 興味を持たせたい無関連記事への誘導
  • 新着アフィリエイトへの誘導
  • 悩み系の記事からアフィリエイトへの誘導

様々な意図する理由によって誘導することでPV数を稼いだり、アフィリエイト報酬を得たりすることが期待できます。

そうしたプラグインの効果を最大に活かすのに、標準のデザインではかえって不自然。できればSTORKのようなデザインに揃えたいと思いました。

そのため一部は非表示ですが、CSSでできる限りSTORKに近いデザインにカスタマイズすることにしました。今回の設定内容は、そんなSTORK的なカスタマイズの設定です。

 

カスタマイズの設定

インストール済みプラグインの確認

プラグインがすでにインストール済みで有効化がされているかを確認します。確認が取れたら設定の手順に進みます。

 

プラグインが確認できない場合

サイドバーからプラグイン   新規追加

プラグインのインストール有効化

プラグインをインストールする必要があります。またプラグインのインストール方法を確認したい場合は、下記の関連記事からプラグインインストール方法を確認ください。

WordPress STORK プラグインセットアップのまとめ

2017.02.22

 

カスタマイズの設定手順

きいりん

このマークを見かけたら
クリックしてね

プラグインの設定に移動

サイドバーより設定
WordPress Related Posts

 

プラグインの設定

下記のコードをコピー

ペースト

❷ 4 」を入力

❸  ▼マーク

 

Advanced settingsの設定

❶  外す

❷  Enable custom css

下記のコードをコピー

❸  ペースト

❹  Use Custom Size Thumbnails

❺  width「300」height「200

❻  Save changes

きいりん
設定は完了です
 カスタマイズの詳細

  • CSSカスタマイズ
  • 記事表示数4記事
  • シスポンシブ対応
  • カテゴリー非表示
  • 閲覧数非表示
  • 日付非表示
  • SNS非表示
  • 除外カテゴリーは無
  • 関連記事位置変更は無

カスタマイズの内容にあえて非表示にしているものがいくつかありますが、表示することで文字の体裁が崩れたりSTORKとのデザインからかけ離れるのでこんな感じの設定にしました。

また、例外指定や関連記事の位置変更も可能なのである程度、運用しながらの対応でいいかと思います。

初期の画面には、サムネイルのパターンを選ぶ画像がまず目に入ってきます。その設定内容は、❶のチェックを外すと非表示になります。

これは、このプラグインが用意したパターンでカスタマイズするのではなく、独自のCSSでカスタマイズするのでパターンは不要です。

問題なく表示が確認できたら、サイトの関連記事を特定記事に置き換えて見てください。その手順は、プラグインの使い方で解説。

 

プラグインの使い方

特定記事の設定は、WordPress の設定画面でするのではなく、サイトの中で直接設定をします。まずは設定したい記事を表示して関連記事まで進んでください。

関連記事に特定記事の設定する方法

きいりん
このマークを見かけたら
クリックしてね
ドラッグだよ

サイト内の関連記事に移動

Edit Related Posts

 

特定記事の設定

❶  特定したい記事の画像を選択

❷  表示させたい位置に移動

❸  Save and Close

きいりん
設定は完了です

特定記事を設定する画面は、とてもわかりやすく下に表示された記事を好きなところにドラッグするだけです。記事の量が多い場合でも検索を使って見つけらるのですごく便利です。

次は、本来の目的である記事を意図的に繋げて誘導する。ただ自動化に任せているのではなく訪問者からの視点で考えるきっかけにはなるのでないかと思います。

アフィリエイト付きの記事だけではなく、古い記事でも伝えたいものや忘れたくないことなどをピックアップして特定記事にチョイスすれば埋もれることはない。

そうした意図がしっかりと反映して結果に繋がればいいですね。

このプラグインの設定は、WordPress用テーマ STORK を使用。テーマのCSSに合わせて不要なコードをなるべく削除しています。

それによってSTORKのテーマ以外では、うまく表示されないかもしれません。その場合CSSの調整が別途必要とになります。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

ABOUTこの記事をかいた人

きいりん

今やワードプレスはモバイルファーストって
初心者ながらにそうやってブログが今よりもっと楽しくやれるように日々奮闘しています。
皆さんに少しでもためになるような記事ができたらと思うのでこれからも応援をよろしくお願いします。 (^^)v