WordPressテーマ THE THORでランキングのページを作成する手順

WordPressテーマ「THE THOR」でランキングのページを作成する手順

商品の比較やおすすめランキングなどのサイトは成果に結び付けやすいとあって多くのアフィリエイターが比較やランキング形式で商品を紹介する手法をとっています。

しかし、WordPressでユーザー自らランキングページを作成するのは結構な手間がかかるもの。できればランキング作成機能を標準で搭載したWordPressテーマを設定したいと考えている人も多いと思います。

ここでは、WordPressテーマ「THE THOR」に標準搭載されていランキング作成機能でランキングのページを作成する手順を紹介します。

参考:THE THOR とは?

THE THORでランキングのページを作成する手順

THE THORでランキングのページを作成する場合、

  1. ランキングの対象となる商品やサービス(タグ)を登録し、
  2. その商品やサービス(タグ)をランキング化
  3. その(タグ)ランキングを投稿ページに貼りつける

というイメージで作成します(下図参照)。

THE THORでランキングページを作成する手順

ひとつひとつ具体的な手順を解説します。

ランキングの対象となる商品やサービス(タグ)を登録

事前準備として、タグ(商品やサービス)を登録します。

タグの登録は、WordPressメニュー画面の「タグ管理」-「新規追加」で行います。

①に商品やサービスの名前(ここでは商品A)

②表示スタイルは、「利用する(全項目表示)」を選択

③おすすめ度(スター)は、その商品のおすすめ度を数字で設定

④バナー広告は、商品画像の置かれてあるURL

⑤バナー横テキストは、商品の説明文

⑥⑦独自項目は任意に設定(※)

します。

⑧詳細ページボタン[リンク先ID]は、その商品の詳細な説明などの投稿URLがあれば、そちらへ「リンク先ID」とその「リンクボタンに表示する名称」を設定

⑨AFページボタン[リンク先URL]は、「アフィリエイトリンク」及びその「リンクボタンに表示する名称」を設定します。

⑩登録が終わったら「更新」ボタンを押して終了です。

この手順でランキングの対象となる商品全て(商品A、B、C)を登録します。

※⑥⑦独自項目は、例えば「容量」と「価格」を設定するのであれば、「基本設定」-「タグ管理設定」の「独自項目の見出し設定」で、「項目1の見出しを入力」に「容量」、「項目2の見出しを入力」に「価格」を入力することでここに表示されます。独自設定は6個まで設定が可能です。

タグのランキングを作成

次に作成したタグ(商品やサービス)のランキング順位を作成(設定)します。

タグのランキングを作成するには、

WordPressメニュー画面の「タグランキング」-「新規追加」で行います。

①にランキングの名称(任意)を記入し

②表示スタイルで「利用する(全項目表示)」を選択

③ランクマークは、ランキングのマークの画像を選択。下図左から画像1~5です。

ランキングマークの画像

④タグを指定で、商品の順位を指定します。

タグのランキングを作成する手順

⑤登録が終わったら「更新」ボタンを押して終了です。

右側に「ショートコード(afRanking id=○○○)」が表示されていますので、このコードを投稿ページに貼りつけることになります。

(タグ)ランキングを投稿ページに貼りつける

最後にランキングを、表示する投稿ページに貼りつけます。

タグのランキングを作成すると「ショートコード(afRanking id=○○○)」が割り付けられますので、このコードを投稿ページに貼りつけます(下図参照)。

下図は、おすすめ商品ランキングという投稿ページで、ランキングのショートコードを貼りつける例です。

ランキングを投稿ページに貼りつける

以上で、THE THORでランキングページを作成する手順は終了です。

以上のような設定で、投稿ページは以下のように表示されます。

まとめ

以上、THE THORでランキングページを作成する手順を説明してきました。

タグ(商品やサービス)を一度登録しておけば、様々なランキングでタグの使い回しができ、効率的にランキングページの作成、更新が行えます。

また、作成したタグランキングは、投稿ページだけでなく、ウィジェットエリアに設置することも可能です。

この場合は、「外観」-「ウィジェット」で、「タグランキング」をいうウィジェットを選択し、サイドエリアなど設置したいエリアを選択することで表示が可能となります。

参考:WordPressテーマ「cocoon」でランキングのページを作成する方法