AFFINGER5でランキングを作る手順を教えます【複数作る方法も解説！】

 

 

上記のお悩みを解決します。

 

✔️本記事で悩みを解決できる根拠

• 本記事を書いている僕は現役のブロガーです。現在AFFINGER5を利用していて、ランキングを活用しています。

 

✔️本記事の読者

・AFFINGER5のランキングのメリットについて分からない方
・AFFINGER5のランキングを作る方法を知りたい方
・AFFINGER5のランキングを配置したい場所に表示する方法を知りたい方

 

本記事では、実際に『AFFINGER5』を利用している僕が『AFFINGER5』のランキングのメリットや作成方法についてご紹介します。

 

 

 

なお、「まだAFFINGER5を購入していない！」という方は『【超優秀】AFFINGER5のデザインを徹底レビュー！【導入までの設定方法も解説】』で購入手順を解説しています。

 

 

＼AFFINGER5をテーマにする！／

AFFINGER5の公式サイト

 

ちなみにAFFINGER5の導入前に評判を知りたい方はこちら⬇️

>>  AFFINGER5の評判と口コミを実際の利用者がリサーチしてみた！

 

AFFINGER5のランキングを作るメリット

 

AFFINGER5でランキングを作るメリットをご紹介します。

 

ランキングを作るメリットが分からない方は必読になります！

 

1. 気になる商品の人気が数字で分かる
2. ランキングから買うべき商品が絞れる

 

１、気になる商品の人気が数字で分かる

 

1つ目のメリットは、気になる商品の人気が数字で分かることです。

 

なぜなら、自分が欲しいと思った商品でも、人気や評判が低ければ買うかどうか考えるから。

 

 

ランキングがあるだけで、人気だけでなく売れ行きも想像がついてきます。

 

 

 

２、ランキングから買うべき商品が絞れる

 

2つ目のメリットは、ランキングから買うべき商品が絞れるということ。

 

理由は、欲しい商品が決まっていない方はランキングを見るだけで買うべき商品の数が絞れて、商品を探す手間を省くことができるからです。

 

 

ランキングがあるかないかで、商品の種類を知りたいユーザーを確保できるかに繋がります。

 

 

 

AFFINGER5のランキング作成方法

 

AFFINGER5のランキング作成方法をご紹介します。

 

2ステップあるので、1つずつ解説していきます⬇️

1. ランキング1位〜3位を作る
2. 基本設定で『ランキング1位〜3位』を配置する

 

１、ランキング1位〜3位を作る

 

まずはランキングの詳細を作っていきましょう。

 

 

 

設定する項目⬇️

• タイトル
• スター
• アフィリエイトコード（バナー）
• アフィリエイトコード（テキスト）
• 説明
• 詳細ページへのリンクURL

 

1つずつ見ていきます。

 

タイトル、スター

 

 

タイトルには商品名を入れてください。（タイトルは任意になります）

 

スターも任意で設定することができます。（いらない場合は『非表示』にチェックを入れてください）

 

 

アフィリエイトコード（バナー）、（テキスト）

 

 

アフィリエイトコード（バナー）には、ASPにある広告のバナーをコピペして貼り付けてください。

バナーのサイズは『300✖︎250』がオススメです。

 

 

 

もし商品にバナー広告がない場合はご自身で画像を用意しなければいけません。

まず、画像をWordPressにアップロードして下さい。

 

 

画像をアップロードしたら、赤枠内をコピーしてください。（画像のURLになります）

 

ここから独自のコードを作成していきましょう。

 

 

 

 

アフィリエイトコード（テキスト）はボタン部分のテキストになるので、文言は短くて分かりやすいものにしましょう。

URLは『アフィリエイトコード（バナー）』と同じになります。

 

説明

 

 

c）の説明には、商品の説明テキストを入力できます。

 

 

下のテキスト欄は、ほぼ使わないので無視でOKです。

 

詳細ページへのリンクURL

 

『詳細ページへのリンクURL』には、青いリンクボタンをクリックした先のURLを入力できます。

 

 

未入力の場合は、e）のボタンが横一杯に広がります。

 

２、基本設定で『ランキング1位〜3位』を配置する

 

作った『ランキング1位〜3位』を『基本設定』で配置していきましょう。

 

完成見本図⬇️

 

 

設定する項目⬇️

• ランキングの大見出し（任意）
• オリジナルページへのリンクボタンに表示するテキスト
• ランキング全体の説明
• ランキングの表示
• バナーサイズ
• 演出

 

1つずつ見ていきます。

 

ランキングの大見出し（任意）、オリジナルページへのリンクボタンに表示するテキスト

 

 

『ランキングの大見出し』には作ったランキング1位〜3位のタイトルを入力してください。

任意ではありますが、タイトルがある方が何のランキングかをユーザーに伝えることができます。

 

『オリジナルページへのリンクボタンに表示するテキスト』には、上記の『完成見本図』にある『詳細ページへ』と書かれた「青いリンクボタンのテキスト」を設定できます。

 

 

ランキング全体の説明

 

 

『ランキング全体の説明』には大見出しとランキング一覧の間に入る文章になります。

 

ランキングの基準などを入力してみましょう。

 

ランキングの表示、バナーサイズ、演出

 

 

 

『バナーサイズ』にチェックを入れると、バナーの大きさがパソコン・スマホ両方ともに300px表示になります。

 

『演出』にチェックを入れると、ボタンが光る状態にすることができます。

 

AFFINGER5のランキング作成方法：アイコン&CSS

 

AFFINGER5のランキング作成の『アイコン&CSS』の設定方法をご紹介します。

 

アイコン

 

 

 

 

 

CSS

 

 

 

 

 

 

 

 

AFFINGER5のランキング作成方法：ウィジェットで設定する

 

ランキングをウィジェットで設定する方法をご紹介します。

ウィジェットで配置をする場合、ショートコードを貼り付けて設定をします。

 

ショートコードは各ランクごとにあるので簡単にランキングを表示することができます。

今回はサイドバーにランキングを表示させます。

 

2ステップで解説します⬇️

1. ランキングのショートコードをチェックする
2. ランキングをウィジェットで配置する

 

１、ランキングのショートコードをチェックする

 

まずはランキングのショートコードをチェックしましょう。

 

 

 

 

２、ランキングをウィジェットで配置する

 

次にランキングをウィジェットで配置していきましょう。

 

 

サイドバーにランキング1位〜3位を表示します。

『カスタムHTML』→『サイドバートップ』を選択してください。

 

 

『カスタムHTMLの内容』に『rank1→rank2→rank3』の順番で入力していきましょう。

 

 

 

AFFINGER5のランキング作成方法：投稿画面の『タグ』機能を使う

 

WordPressの投稿画面の『タグ』機能を使って、ランキングを作成する方法をご紹介します。

 

タグを使った機能は大きく2つあります⬇️

1. ランキングアイコンのある見出し
2. 人気ランキングボタン

 

ランキングアイコンのある見出し

 

 

 

 

 

人気ランキングボタン

 

 

 

ランキングはコチラ

 

人気ランキング

 

 

AFFINGER5のランキングのリセットする方法

 

AFFINGER5でランキングをリセットする方法をご紹介します。

ランキングをリセットする方法はとても簡単です。

 

 

 

 

AFFINGER5のランキングを複数作る方法

 

結論を言うと、AFFINGER5のテーマだけを購入した方はランキングを通常3位までしか作れないようになっています。

 

しかし、AFFINGER5の専用プラグイン『AFFINGERタグ管理マネージャー（有料）』を購入すれば、ランキングの順位を10位まで作ることが可能になります。

 

 

お値段は『21,800円』になります。

 

必要か必要ないかは個人に依存しますが、これから長期的にAFFINGER5でサイト運用をしていくのであれば、購入して100%損はないです。

 

新しい機能がアップデートされていくので、常に最新の状態でテーマを利用することができます。

 

 

 

まだAFFINGER5を購入していない場合は、『AFFINGER5』『タグ管理マネージャー』がセットになった『AFFINGER PACK3（WING対応）』もあります。

高額ですが、AFFINGER5を長く利用していく方にはぴったりなセットです。

 

 

 

通常の『AFFINGER5』テーマを購入したい方は下記のサイトから⬇️

WordPressテーマ 「WING（AFFINGER5）」

 

まとめ：AFFINGER5のランキング

 

ここまでAFFINGER5でランキングを作成・設定する方法について解説してきました。

 

AFFINGER5でランキングを作成するメリットを下記に再掲しておきます。

 

ランキングを作成するメリット⬇️

1. 気になる商品の人気が数字で分かる
2. ランキングから買うべき商品が絞れる

 

ランキングを設定をしたら、あなたのブログサイトから商品が売れやすくなり、収益化に繋がる確率が高くなります。

 

ランキングの設定が終わったら、AFFINGER5でタグ機能の使い方・関連記事などの設定も済ませましょう。

 

 

タグ機能の種類はAFFINGER5(WING)のタグ機能の総まとめ【種類も全て分かります！】で解説しています。

 

 

＼AFFINGER5をテーマにする！／

AFFINGER5の公式サイト

 

ちなみに、AFFINGER5以外のテーマを検討したい方は【2020年版】おすすめWordpressブログテーマ5つ【プロのブロガーも絶賛！】をチェックしてみてください。

 

AFFINGER5の他の設定に関する記事などを下記に貼っておきます⬇️

 

ここまで読んで頂きありがとうございました。

 

今回は以上になります。