この記事ではCocoonでランキングを作成する方法を初心者向けに解説しています。
ランキング表示は比較サイトなどにとても効果があります。
Cocoon（コクーン）：ランキングを作成する手順
- ランキングを作成する
- 記事に作成したランキングを挿入する
ランキングを作成する
「Cocoon設定」→「ランキング作成」で表示させるランキングを作成します。
| ① タイトル | ランキングを管理するタイトルを入力します。 |
| ② 商品名 | 紹介する商品名を入力します。 |
| ③ 評価 | 評価の星数を選択します。 |
| ④ 画像・バナータグ | 紹介する商品のアフィリエイトコード（バナー）を入力 |
| ⑤ 説明文 | 紹介する商品の説明文を入力します。 |
| ⑥ 詳細ページURL | 自サイトで商品の詳細ページなどのURLを入力する。 |
| ⑦ ページURL | 商品の公式ページなどのURLを入力する。 |
① タイトル
ランキングを管理するタイトルになります。
実際の記事には表示されません。
② 商品名
紹介する商品名を入力します。
③ 評価
星数を選択して表示することが可能です。
④ 画像・バナータグ
紹介する商品のアフィリエイトコード（バナー）を入力することで、商品画像を表示することができます。
⑤ 説明文
商品の説明文を入力します。
⑥ 詳細ページURL
自分のサイトで商品のオリジナルページなどがある場合は、そのURLを入力します。
⑦ ページURL
商品の公式ページなどのURLを入力します。
「タグで入力」を選択すれば、アフィリエイトコード（テキスト）を入力することもできます。
記事に作成したランキングを挿入する
ランキングブロックを選択し、作成したタイトルのランキングを選択することで記事にランキングを表示することができます。
実際に記事にランキングを挿入するとこんな感じです。
Cocoon（コクーン）で作成したサンプルサイトで実際のランキング表示がどんな感じか確認できます。
ランキングの表示位置を設定する
「外観」→「ウィジェット」で「ランキング」を好きな表示させたい位置にドラッグして設定することで、その位置に表示させることができます。
試しに「サイドバー」に「ランキング」をドラッグして設定します。
↓「サイドバー」にランキングが表示されます。
以上がCocoon（コクーン）でランキングを作成する方法になります。