この記事には広告が含まれています。

AFFINGER6(アフィンガー6)のランキング管理で指定の場所に一括でランキングを設置する方法

AFFINGER6(アフィンガー6)のランキング管理で指定の場所に一括でランキングを設置する方法

この記事がお勧めな方

  • AFFINGER6のランキング管理機能の使い方を知りたい方
  • AFFINGER6のランキング表示がどんな感じか知りたい方

AFFINGER6:ランキングを表示させる手順

AFFINGER6では1位から3位までのランキング作成して指定の場所に一括で表示させることができます。

こんな感じのランキングを表示することができます。

AFFINGER6(アフィンガー6)のランキング管理で作成したランキング表示

表示させる手順は次の通りになります。

  • ランキング管理でランキング1位から3位を作成する
  • ランキング管理の基本設定で見出しや表示位置を設定する

① ランキング管理でランキングを作成する

まず、ランキング1位から3位までを作成します。

「ランキング管理」→「ランキング1位~3位」で作成することができます。

ランキング管理
ランキング管理→ランキング1位
a) タイトルランキングで紹介する商品のタイトルと星を設定
b)アフィリエイトコード(バナー)アフィリエイトコード(バナー)を入力して商品画像を設定
c)説明紹介する商品の説明文を設定
d)詳細ページへのリンクURL自分のサイトで商品の詳細ページがある場合はURLを入力
e)アフィリエイトコード(テキスト)アフィリエイトコード(テキスト)を入力
ランキング管理→ランキング1位の設定入力欄
ランキング管理→ランキング1位の設定入力欄

a) タイトル

ランキングで紹介する商品のタイトルと星数を設定することができます。

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

アフィリエイトコード(バナー)を入力することで、商品画像を表示させることができます。

バナーサイズは300px以上が推奨です。

c) 説明

紹介する商品の説明分を入力します。

d) 詳細ページへのリンクURL

自分のサイトで商品の詳細ページなどがある場合に、そのURLを入力します。

e) アフィリエイトコード(テキスト)

アフィリエイトコード(テキスト)を入力します。

詳細についてはAFFINGER6(アフィンガー6)の公式マニュアルでも確認できます。

ランキング商品の登録が終了したら保存するのを忘れないように注意しましょう。

② ランキング管理の基本設定で見出しや表示位置を設定する

次にランキング管理の基本設定で大見出しや表示位置を設定します。

ランキング管理の基本設定
①:ランキングの大見出しランキングの大見出しの設定
②:オリジナルページへのリンクボタンに表示するテキストオリジナルページへのボタンに表示するテキストを設定
ランキング全体の説明大見出しの説明文の設定
③:ランキングの表示ランキングを表示させる場所の設定
④:バナーサイズバナーサイズを300pxに設定
⑤:演出ボタンに光る演出を追加
ランキング管理→基本設定の入力欄
ランキング管理→基本設定の入力欄

① ランキングの大見出し

ランキングの大見出しを作成します。

例:入力欄に「お勧めレンタルサーバー」と入力するとこんな感じです。

ランキングの大見出し

② オリジナルページへのリンクボタンに表示するテキスト

オリジナルページへのリンクボタンに表示するテキストを設定可能です。

ランキングのオリジナルページへのリンクボタン

ランキング全体の説明

大見出し下のランキングの説明分です。

ランキング大見出し下の説明文

③ ランキングの表示

ランキングを表示する位置を設定できます。

トップページとサイドバーに表示を選択するとこんな感じです。

ランキングをトップページとサイドバーに表示させた例

④ バナーサイズ

バナーサイズを300pxに変更することが可能です。

⑤ 演出

ボタンに光る演出を加えることができます。

ランキング管理:補足

① ランキングアイコンを変更する

ランキングのアイコンを変更することが可能です。

変更する方法は「ランキング管理」「アイコン」から1位~3位にそれぞれ用意した画像をアップロードすればOKです。

ランキング管理→アイコン設定

実際にランキングアイコンを変更してみるとこんな感じです。

ランキングアイコンを変更した表示

アップロードする画像サイズは50~0px程度がいいかもしれません。

上の表示例では60×60pxの画像を作成してアップロードしました。

オリジナルのランキングアイコンを使用したい場合は複数サイズの画像を準備して実際表示を確認しながら設定するのがお勧めです。

② 見出しやボタンの色などを変更する

見出しやボタンの色を「ランキング管理」→「ランキングCSS」で変更することができます。

ランキング設定→ランキングCSS設定

ランキングCSSで変更できること

ランキング見出し部分
ランキング見出しテキスト色
ランキング見出し背景色
ランキング見出しボーダー色
ランキングCSS設定→ランキング見出しのテキスト/背景//ボーダー色を変更する画面
リンクボタン部分
リンク文字カラー
オリジナルリンク背景色
アフィリエイトリンク背景色
ランキングCSS設定→リンクボタンのテキスト/背景色を変更する画面
その他
ランキングタイトル吹き出し背景色
ランキング総タイトル文字色
ランキング一覧背景色
ランキングCSS設定→その他のテキスト/背景色を変更する画面

ランキング管理では1位~3位までのランキングを指定の場所に一括で表示させることができますが、記事内でちょっとしたランキングを作成したいなぁと思う方もいると思います。

例えば、下のような感じのランキングです。

AFFINGER6(アフィンガー6)の記事作成機能で作成したランキング

AFFINGER6(アフィンガー6)の記事作成機能を使用して簡単に記事内にランキングを作成することができます。

詳細については別記事で説明していますので、そちらを参考にしてみてください。

→ AFFINGER6(アフィンガー6)の記事作成機能でランキングを作成する方法

AFFINGER6の使い方については、このブログで詳しく解説しています。

AFFINGER6の使い方【まとめ】-初心者向けガイド-
AFFINGER6の使い方【まとめ】-初心者向けガイド-

2025/7/8    

AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...

2025/8/15

【知っておくべき!】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択!

AFFINGER6を使ってみたい! という方に ちょっと待ってください! AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できます。 また、購入プランに迷っている方も要チェックです! AFFINGER6とは?購入を検討している方へ AFFINGER6は多くの有名ブロガーさんも利用している人気の有料テーマです。 特徴としては、次ような点を挙げることができます。 収益化に特化 「稼ぐに特化したテーマ」がコンセプトでアフィリエイトにお勧め。 ...

AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説

2025/7/10

AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説

AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内容を初心者向けに詳しく解説しています。 AFFINGER6を使ってみたいなぁと思った方は参考にしてみてください。 価格 14,800円(税込み) 有名ブロガーさん多数使用のWordPressテーマ! 「稼ぐ」に特化!アフィリエイトサイトにお勧め! 高いカスタマイズ性能! 直感操作で初心者にもおすすめ! このブ ...

(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】

2025/6/3

(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】

AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違いをまとめてみました。 購入する際やアップグレードを検討している方は参考にしてみてください。 機能比較表:AFFINGER6 vs AFFINGER6 EX 機能AFFINGER6AFFINGER6 EX記事のカード化無限スクロール機能トップページの1カラム化ヘッダーナビゲーション・ ...

AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由

2025/6/3

AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由

WordPressの有料テーマであるAFFINGER6(アフィンガー6)は、「収益化に強い」と評判のテーマです。 ただ、初めてブログを始める初心者にとっては「本当に使いこなせるの?」と不安もありますよね。 この記事では、AFFINGER6が初心者におすすめな理由と購入前に知っておきたいポイント、導入のコツまでをわかりやすく紹介しています。 AFFINGER6は初心者にこそお勧めのテーマ! 結論から言えば、AFFINGER6は初心者の方が購入しても大丈夫です。 むしろ初心者の方にこそお勧めのテーマです。 A ...

【本音レビュー】AFFINGER6の評判は?実際に使ってわかったメリット・デメリット

2025/6/3

【本音レビュー】AFFINGER6の評判は?実際に使ってわかったメリット・デメリット

「収益化に強いWordPressテーマ」として有名なAFFINGER6(アフィンガー6)。 ブロガーやアフィリエイターに人気ですが、「評判は本当?」「使いこなせるの?」と不安に感じる方も多いのではないでしょうか? この記事では、実際にAFFINGER6を使ってわかったリアルな使用感と世間の評判を本音でお伝えします。 AFFINGER6の良い評判・口コミまとめ AFFINGER6の口コミ・評価をまとめてみると次のような声が多くあります。  良い口コミ・評価 良い口コミ・評価としては次の内容が多かったです。 ...

AFFINGER6 vs SWELL|どっちを選ぶべき?徹底比較!

2025/6/3

AFFINGER6 vs SWELL|どっちを選ぶべき?徹底比較!

この記事では、迷ってしまうことの多いテーマ選びについて今回は『SWELL』と『AFFINGER6』の比較ガイドをお届けします。 現在、シェアNo,1の有料テーマである『SWELL』と有名ブロガーさんも多数愛用している人気有料テーマの『AFFINGER6』で迷っている方も多いと思います。 『SWELL』と『AFFINGER6』の二択! という方向けの記事なので、迷っている方は参考にしてみてください。 SWELLとAFFINGER6を比較 『SWELL』と『AFFINGER6』について10個のポイントで徹底比 ...

AFFINGER6 vs THE THOR|どっちが稼げる?初心者にもおすすめのテーマ比較

2025/6/3

AFFINGER6 vs THE THOR|どっちが稼げる?初心者にもおすすめのテーマ比較

WordPressブログで収益化を目指すなら、テーマ選びは極めて重要です。 「AFFINGER6」と「THE THOR」は、稼ぐ系ブログやアフィリエイターに支持されている人気テーマです。 AFFINGER6とTHE THORのどちらを利用しようか迷っている方も多いのではないでしょうか。 この記事では、AFFINGER6とTHE THORの違いを徹底比較! AFFINGER6とTHE THORの比較 『AFFINGER6』と『THE THOR』を10の視点から比較してみていきます。 操作性・使いやすさ 価格 ...

AFFINGER6をおすすめする5つの理由【買う価値ある?】

2025/7/10

AFFINGER6をおすすめする5つの理由【買う価値ある?】

ブログで本気で稼ぎたいならテーマ選びも重要です。 数あるテーマの中でも AFFINGER6 は「稼ぐ」に特化したテーマをコンセプトに多くのトップアフィリエイターの方にも支持されているテーマの1つです。 この記事では 「本当に買う価値があるの?」 と迷う方に向けて、実際に導入して感じたメリットを 5つ に絞って解説します。 お勧めする理由 豊富な記事作成機能 SEO対策済み テンプレートが豊富 収益化に特化 アップデートの対応が早い 理由① 豊富な記事作成機能 メインとなる記事作成の機能が豊富で、ある程度直 ...