Cocoon（コクーン）でランキングを作成する方法【初心者向け】

Cocoon（コクーン）：ランキングを作成する手順

• ランキングを作成する
• 記事に作成したランキングを挿入する

ランキングを作成する

「Cocoon設定」→「ランキング作成」で表示させるランキングを作成します。

①　タイトル	ランキングを管理するタイトルを入力します。
②　商品名	紹介する商品名を入力します。
③　評価	評価の星数を選択します。
④　画像・バナータグ	紹介する商品のアフィリエイトコード（バナー）を入力
⑤　説明文	紹介する商品の説明文を入力します。
⑥　詳細ページURL	自サイトで商品の詳細ページなどのURLを入力する。
⑦　ページURL	商品の公式ページなどのURLを入力する。

①　タイトル

ランキングを管理するタイトルになります。

実際の記事には表示されません。

②　商品名

紹介する商品名を入力します。

③　評価

星数を選択して表示することが可能です。

④　画像・バナータグ

紹介する商品のアフィリエイトコード（バナー）を入力することで、商品画像を表示することができます。

⑤　説明文

商品の説明文を入力します。

⑥　詳細ページURL

自分のサイトで商品のオリジナルページなどがある場合は、そのURLを入力します。

⑦　ページURL

商品の公式ページなどのURLを入力します。

「タグで入力」を選択すれば、アフィリエイトコード（テキスト）を入力することもできます。

記事に作成したランキングを挿入する

ランキングブロックを選択し、作成したタイトルのランキングを選択することで記事にランキングを表示することができます。

実際に記事にランキングを挿入するとこんな感じです。

Cocoon（コクーン）で作成したサンプルサイトで実際のランキング表示がどんな感じか確認できます。

→Cocoon（コクーン）：ランキング機能の表示例

ランキングの表示位置を設定する

「外観」→「ウィジェット」で「ランキング」を好きな表示させたい位置にドラッグして設定することで、その位置に表示させることができます。

試しに「サイドバー」に「ランキング」をドラッグして設定します。

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

以上がCocoon（コクーン）でランキングを作成する方法になります。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

Cocoon：記事一覧

　Cocoonの設定関係

　Cocoonの使い方

　Cocoonのデザインカスタマイズ