【THE THORタグランキングのカスタマイズ】初心者向けに画像付きで解説

今回は、WordPressテーマ「THE THOR（ザ・トール）」タグランキングのカスタマイズについてお伝えします。

THE THORのタグランキングとは

THE THORのタグは、洋服などの商品についているタグをイメージしてもらえればわかりやすいです。

タグは、商品の値段や商品の情報が記載されています。そのブログ版です。

実際の商品はタグにバーコードを使いますが、THE THORのタグはショートコードを使います。

ショートコードは[a1111]のように [ ] で囲まれた数字やアルファベットで表示され、タグを作成すると自動で生成されます。

生成されたショートコードをTOPページ・投稿・固定ページの必要なところに入力すると、商品画像・商品情報が表示されます。

THE THORは、ランキング用のタグも作成できるので、簡単に好きな位置に表示することができます。

表示方法によってレイアウトが異なりますで下記の画像を参考にしてください。

タグランキングウィジェット

スタイルテキストウィジェット・投稿のランキング

タグを作成
タグランキングを作成
好きな位置に貼り付ける
- ウィジェットを使って貼り付ける（タグランキングウィジェット・スタイルテキストウィジェット）
- 投稿・固定ページにショートコードを貼り付ける

THE THORのタグは、カスタマイザーから作成できないのでダッシュボードから作成します。

タイトルに商品名または、サービス名を入力します。

必要に応じて、口コミやレビューなどのプリセットパーツを入力

ページの下部のタグ管理オリジナルフォーマットを入力

the thor タグランキング

詳細ページボタン・AFボタンは、リンクを設定しないとボタンは表示されません。

最後にをクリック

THE THORのタグは、見出しに単位や内容量を表示できる項目を増やすことができます。この項目が「独自項目」です。

見出しに成分や内容量と入力し、商品ごとに成分名や数値を入力します。

わかりやすく比較できる機能ですが、見出しを設定してしまうと、すべてのタグに反映されるのでご注意ください。

例えば、化粧品と動画配信を紹介するブログの場合、化粧品の比較をするため見出しに「成分」と設定してしまうと、動画配信の比較にも「成分」が反映されてしまうということです。

個人的な意見ですが、この部分は空欄のままでいいと思います。独自項目の見出しのみ、カスタマイザーからカスタマイズします。

見出しを入力して、をクリック

THE THORのタグ・タグランキングに表示できるのは、サイト内リンクボタン・サイト外リンクボタンの2種類です。

サイト内リンクボタン（詳細ページ）：ブログ内のページ移動する
サイト外リンクボタン（AFリンクページ）：メーカーやショップのページなどの外部へ移動する

ボタンの色をそれぞれ指定することができるので、下記の画像でボタンの位置を確認して色を変更するようにしてください。

最後にをクリック

THE THORのタグランキングを作成するには、ランキングに表示する数と同じ数のタグ（３位までならタグが3つ）が必要になりますので、まずはタグを作成してください。

タグの準備ができたら、ダッシュボードからタグランキングを作成します。

タグランキング　新規

タイトル：ランキングのタイトルを入力
表示スタイル：他の設定が反映されないことがありますので、利用する（全項目表示）を選択
ランクマーク：下記の画像から選択
（ランキングに表示するときの順位につけるマークのこと）
タグを指定
1. ▲▼をクリックして、ランキングで1位にするタグを選択
2. 行を追加をクリックして、２位、３位とタグを増やす
  タグの順位変える：↑↓をクリック
  タグを削除：削除ボタンで削除
最後にをクリック