【THE THOR】ダッシュボードで完結!ランキング機能の設定方法をご紹介!

アイキャッチ画像

WordPressテーマ「THE THOR」には、ランキング機能が備わっています。

アフィリエイトに活用できる機能で、商品やサービスをランキング形式で表示することができます。

本来ならHTMLとCSSをフル活用して再現できるクオリティなので、「THE THOR」の使用者であれば、この機能を使わない手はないです!

今回はこの有用な機能であるランキングの設定方法をご紹介します。

 

ランキングの完成形イメージは?

まずはランキングの完成形イメージからご紹介します。

そのイメージですが・・・、

ランキングの完成イメージ

試しに、「アニメを視聴するのにおすすめのVOD」のランキングを作成してみました。

よく見るランキング画面で、「THE THOR」以外でも作成できるWordPressテーマはあります。

しかし、他のWordPressテーマにはない特徴があります。

それは、下記2点です。

他のテーマにない特徴

  • ランキングマークを5つから選択できる
  • 独自項目で表示を作成できる

各ランキングの左上にマークが表示されていますが、下記の5つから選択できます。

ランキングマーク1 ランキングマーク2 ランキングマーク3 ランキングマーク4 ランキングマーク5

ちょっとしたこだわりを出すことができますね。

 

また、各ランキングに独自項目の表を挿入することもできます。

独自項目

ランキングの補足を表形式で表示することができ、見やすさが向上しますね!

 

こんな感じのランキングを簡単に作成することができます!

ということで、こちらのランキングを作成する方法を次にご紹介します。

 

ランキングの作成手順

THE THORのランキングですが、下記の手順で作成することができます。

ランキング作成手順

  1. タグ管理機能から各ランキングパーツを作成
  2. タグランキング機能からパーツを組み合わせ、ショートコードを作成
  3. ランキングを表示したい位置にショートコードを挿入

ポイントとなるのは、各ランキングのパーツをタグ管理から作成するということです。

ランキングのパーツというのは、下記になります。

ランキングパーツ

 

もし3位までのランキングを作成する場合、タグ管理画面から3つのタグを作成することになります。

タグ管理画面

「THE THOR」はなんでも一元管理するという趣向の基、ランキングでさえタグ管理が採用されています。

 

各ランキングパーツの作成

さて、ご紹介しました超優秀なランキング機能の作成方法ですが・・・

  • STEP 1
  • STEP 2
  • STEP 3

先述の通り、まずはランキングパーツの作成から行っていきます。

WordPressのダッシュボードから「タグ管理 > 新規作成」をクリックします。

タグの新規作成

 

新規作成画面のタイトルから入力していきます。

こちらは各パーツのタイトルとなります。

タイトルの入力

本文には何も入力しなくても大丈夫です。

 

下にスクロールしていくと、「タグ管理オリジナルフォーマット」の項目があります。

タグ管理オリジナルフォーマット

「タグ管理オリジナルフォーマット」は下記のように設定をしてください。

 

表示スタイル

ランキングを表示するスタイルを選択します。

基本的には「利用する(全項目表示)」を選択しましょう。

表示スタイルの設定画面

 

[スター]

各パーツのおすすめ度をで表示することができます。

スター

 

半分のスターなどの表示をすることはできませんが、数値で細かく評価を指定することが可能です。

スターの設定画面

 

バナー広告

各パーツのメインとなる画像です。

バナー広告

 

こちらには、下記のように入力してください。

バナー広告の設定画面
<img src="画像の場所" alt="" width="688" height="519" class="aligncenter size-full wp-image-271" /></a>

画像のサイズは大きくても自動で縮小されますので、HTML上のサイズの指定は何でも大丈夫です。

公式サイトの画像など、目の引く画像を用意しましょう!

著作権には注意が必要です・・・。

 

バナー横テキスト

各パーツの説明文です。

バナー横テキスト

 

クリックを促すためにも、大切な文となります。

バナー横テキストの設定項目

簡潔で分かりやすい説明文を入力しましょう。

 

独自項目

独自に設定できる表項目です。

独自項目

 

項目名は変更することができ、さらに、項目は最大6つまで設定することができます。

独自項目の設定画面

 

項目名の変更方法ですが、カスタマイズ画面から変更することができます。

ダッシュボードの「外観 > カスタマイズ > 基本設定 > タグ管理設定」から変更できます。

独自項目名称の変更画面

 

ボタン

ボタンを2つまで挿入することができます。

ボタン

 

ボタンに表示する文字、リンクのURLを設定していきます。

ボタンの設定画面

「詳細ページボタン」では自分のサイトの記事を設定することができ、レビュー記事などのリンクにすれば良いでしょう。

「AFページボタン」ではアフィリエイトリンクを設定しましょう。

 

さらに、ボタンの色は独自項目と同様、ダッシュボードの「外観 > カスタマイズ > 基本設定 > タグ管理設定」から変更できます。

ボタンの色の変更画面

 

以上でタグ管理から行うパーツの作成は完了です。

 

タグランキングでショートコードを作成

  • STEP 1
  • STEP 2
  • STEP 3

各パーツの作成が完了したら、次はランキングタグを作成します。

WordPressのダッシュボードから「タグランキング > 新規作成」をクリックします。

タグランキングの新規作成

 

タグランキングは下記のように入力します。

タグランキング管理画面

 

表示スタイル

表示スタイルは各パーツと同様に、「利用する(全項目表示)」を選択します。

 

ランクマーク

先述の通り、各パーツのランクマークを5つから選択することができます。

お好みに合わせて選択してください。

 

タグ指定

こちらからランキングを作成することができます。

タグ指定の設定画面

作成したランキングパーツが選択できるようになっているので、、ランキングの順番を指定しましょう。

 

以上でタグランキングの作成は完了です。

タグランキング画面にショートコードが表示されますので、コピーしましょう。

ショートコード

ショートコードを挿入した位置にランキングが表示されます。

 

表示位置にショートコードを挿入

  • STEP 1
  • STEP 2
  • STEP 3

STEP2で作成したショートコードを任意の位置に挿入します。

挿入できる位置ですが、記事内はもちろん、ウィジェットに挿入することも可能です。

ランキング作成手順は以上となります。
 

「THE THOR」のランキング設定方法まとめ

「THE THOR」のランキングの作成方法について、ご紹介しました。

難しい項目はありましたでしょうか?

ビジュアルが非常に良いにも関わらず、その設定項目はごくわずかです。

クオリティの高いランキング機能を誰でも簡単に、しかもダッシュボードだけで完結するという優れた機能です。

はらちゃん
ランキングはアフィリエイトを実践する上で非常に役立つ機能なので、ぜひ活用してくださいね。

最後までお読み頂きありがとうございました。

【Amazon】1,000円分のポイントがもらえる
キャンペーンを実施中!
Amazonチャージ

Amazonキャンペーン

皆さんが普段利用しているAmazonの支払い方法を現金に変更するだけで、1,000円分のポイントがもらえるキャンペーンを、現在Amazonが実施中です。

1,000円分のポイントに加え、最大2.5%の還元を受けられるサービスも同時に適用可能!

クレジットカードよりも遥かに還元率の良い購入方法で、お得にAmazonでお買い物しませんか?

コメントを残す

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