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

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

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

ランキングを作成する

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

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

①　タイトル

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

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

②　商品名

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

③　評価

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

④　画像・バナータグ

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

⑤　説明文

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

⑥　詳細ページURL

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

⑦　ページURL

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Cocoon：記事一覧

• Cocoon（コクーン）の特徴を徹底解説！-初心者向け-

　Cocoonの設定関係

• 「Cocoon（コクーン）」のインストール方法：初心者向け簡単ガイド
• Cocoon（コクーン）：お勧めのプラグインとお勧めしないプラグイン
• Cocoon（コクーン）：Googleサーチコンソールへの登録方法
• Cocoon（コクーン）：グーグルアナリティクスを導入する方法
• Cocoon（コクーン）のステマ規制対策

　Cocoonの使い方

• Cocoon（コクーン）でプロフィールを設定する方法
• Cocoon（コクーン）の見出し作成と実際表示（初心者向け）
• 【初心者向け】Cocoon（コクーン）の使い方【画像挿入編】
• Cocoon（コクーン）で可能な文字装飾まとめ【初心者向け】
• Cocoon（コクーン）でFAQ風の記事を作成する方法
• 【Cocoon（コクーン）】会話吹き出し機能の使い方【初心者向け】
• Cocoon（コクーン）でランキングを作成する方法【初心者向け】
• Cocoon（コクーン）のボックス機能の使い方【初心者向け】

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

• Cocoon（コクーン）：スキンって何のこと？スキンの設定画面についてスッキリ理解！
• Cocoon（コクーン）：ヘッダーメニューの位置を変更する方法
• Cocoon（コクーン）：メニューを作成する方法
• Cocoon（コクーン）：カテゴリーの作成と並べ替えをする方法