【AFFINGER5】ランキングの作り方!画像付きで分かりやすい

2019-12-09

AFFINGER5ランキングの作り方

ランキングを作る場合は「ダッシュボード>ランキング管理画面」で設定します。

 

ランキング管理画面で1位~3位を設定していきます。

ランキングで表示させたい商品を選んでください。後から変更も可能です。

 

ランキングを作成する

各項目の欄に「商品リンク」や「テキスト」を入力します。

設定項目

a:アフィリエイトの商品見出し

b:アフィリエイトコード(バナー)

c:商品説明(テキスト)

d:リンク(読んで欲しいページ)

e:公式サイトのリンク

サンプルとして「人気のワードプレステーマ」ランキングを作成します。

 

商品名、バナー、テキストリンクを入力

a:THE THOR(ザ・トール)(商品名)

b:THE THOR(ザ・トール)のアフィリエイトコード(バナー)

e:THE THOR(ザ・トール)のアフィリエイトコード(テキスト)

スター(☆)の数も選べます。(非表示も可)

 

商品説明、詳細ページへのリンク

c:商品の説明

d:詳細ページへのリンク

ランキングで紹介する商品の説明と、詳細ページへのリンクを設定します。

詳細ページのリンクは、レビュー記事に設定している方が多いです。

 

詳細ページのテキスト設定

詳細ページへのボタンのテキストは「ランキング管理画面>基本設定」で変更できます。

 

バナーサイズ、光るボタン

ランキング管理画面の基本設定で「バナーサイズ」と「光るボタン」の設定も変更できます。

 

ランキングで設定した商品はショートコードで表示できる

記事にショートコードを入力

ランキング設定が終わったら、投稿記事や固定ページなどに「ショートコード」を入力します。

ショートコードを入力してきちんと表示されればランキングの設定完了です。

 

アフィンガー5「ランキング」の完成形

THE THOR(ザ・トール)

THE THOR(ザ・トール)

開発スタッフに、一流のWEBデザイナー・SEOコンサルタント・月間数百万円稼ぐアフィリエイターが結集!

日本一のWordPressテーマを開発するために集結した一流メンバーが、1年の開発期間を掛け、その情熱と英知をすべて注ぎ込んで作られたワードプレステーマです。

 

Diver(ダイバー)

Diver(ダイバー)

プラグイン不要の入力補助機能は「Diver」だけのオリジナル。ボタン、アイコン、口コミ、吹き出しなど次々と追加される機能は使い勝手も抜群です。

ブロガー、アフィリエイターに関係なくサイト作りが楽しくなること間違いなしのテーマに仕上がってます。

 

賢威(けんい)

賢威(けんい)

2007年1月に販売を開始した「賢威」。開発を手掛けたのはWebマーケット界のトップランナー「ウェブライダー」。

長年にわたり蓄積されたSEOノウハウと、極限まで洗練されたデザインを併せ持つ究極のテーマに仕上がりました。ウェブライダーが実際にコンサルで使用する「独自マニュアル」の特典付きです。

インフォトップの売れ筋ランキングを元に作ってみました。

 

投稿ページ以外にランキングを表示させる方法

ランキングは投稿、固定ページ以外でも表示させることが出来ます。

他にもランキングを表示させる方法が3パターンあるので紹介します。

 

ウィジェットに追加

ウィジェットに「テキスト」を追加し、ショートコードを入力。

テキストをサイドバーに追加して完了です。

 

基本設定でチェック

ランキング管理画面>基本設定>ランキングの表示

基本設定でサイドバーに表示にチェック

ランキングがサイドバーに表示されます。

 

ランキング表示にチェック

投稿、固定ページを下にスクロールすると「ランキング表示」の設定が可能。

「ランキングを表示」にチェックを入れると、チェックを入れた記事下に表示されます。

※管理画面でタイトル、背景色の変更も可能です。

 

ダッシュボード画面>ランキング管理>CSS

記事下に表示されるランキングの「吹き出し」「文字色」「背景色」も変更可。

この記事の下に表示させています。

 

バナーリンクが無い場合の設定

バナーリンクが無い場合は、自分で「画像」を用意しないといけません。

b:アフィリエイトコード(バナー)の部分に下記のコードをコピペして使って下さい。

<a href="商品のリンク"><img src="画像のURL" ></a>

  • 商品のリンク(アフィリエイトリンク)
  • 画像のURL(画像URL)

今のところ紹介したコードで不具合は発生してないので、問題ないと思います。。

人気のワードプレステーマ

THE THOR(ザ・トール)

開発スタッフに、一流のWEBデザイナー・SEOコンサルタント・月間数百万円稼ぐアフィリエイターが結集!

日本一のWordPressテーマを開発するために集結した一流メンバーが、1年の開発期間を掛け、その情熱と英知をすべて注ぎ込んで作られたワードプレステーマです。

Diver(ダイバー)

プラグイン不要の入力補助機能は「Diver」だけのオリジナル。ボタン、アイコン、口コミ、吹き出しなど次々と追加される機能は使い勝手も抜群です。

ブロガー、アフィリエイターに関係なくサイト作りが楽しくなること間違いなしのテーマに仕上がってます。

賢威(けんい)

2007年1月に販売を開始した「賢威」。開発を手掛けたのはWebマーケット界のトップランナー「ウェブライダー」。

長年にわたり蓄積されたSEOノウハウと、極限まで洗練されたデザインを併せ持つ究極のテーマに仕上がりました。ウェブライダーが実際にコンサルで使用する「独自マニュアル」の特典付きです。

© 2020 アフィ基地