商品・サービスランキングを作成して配置する方法

Cocoonでは、手軽に商品（サービス）ランキングを作成できるようになっています。

商品ランキングを本文下に表示することによって、コンバージョン率が高くなるような使い方も可能かもしれません。

以下ではランキング作成＆配置方法を説明したいと思います。

ランキングを作成する方法

ランキングを作成するには、WordPress管理画面から「Cocoon設定→ランキング作成」を選択してください。

「ランキング」画面が表示されたら「新規作成」をクリックしてください。

すると、ランキング入力フォームが表示されるので、タイトル、商品名、評価、画像、説明文、詳細ページURL、ページURL（もしくはアフィリエイトタグ）を入力します。

例えば、サーバー紹介でMixHostを紹介する場合は、こんな感じです。

入力を終えたら「追加」ボタンを押してください。

入力がうまくいったら、次の入力項目が表示されます。

あとは、ランキング順に商品（サービス）入力項目を追加していけばOKです。

Cocoonは、追加すればするだけランキング順位を作成することが可能です（そんなに必要ないと思うけど）。

一歩進んだ入力方法

Cocoonの機能である「アフィリエイトタグ」機能と組み合わせることで、ショートコードで入力することも可能です。

ショートコード入力が可能な入力欄はこちら。

このように入力することで、アフィリエイトをタグを一元管理することが可能です。

アフィリエイトタグの一元管理機能の使い方

アフィリエイトタグのマネージャー機能の使い方です。広告タグを一元管理することで、タグの張り替えや、テキスト修正などを容易に行えるようになります。

wp-cocoon.com

2018.02.14

ウィジェットでランキングを配置する

次に、ランキングの配置です。

ランキングは、ウィジェットで表示場所を設定します。

WordPress管理画面から「外観→ウィジェット」を選択します。

「ランキング」ウィジェットを表示したいウィジェットエリアにドラッグ＆ドロップで配置します。

あとは、ウィジェットの「ランキング」項目から作成した商品ランキングを選択します。

表示の確認

あとは、「ランキング」ウィジェットを配置した場所の表示を確認すればOKです。

ランキングはこんな感じで表示されます。

細かなデザインについては、スタイルシート（CSS）で修正していただければと思います。

まとめ

こんな感じで、手軽にWordPress上で入力するだけでランキングを作成することができます。

「おすすめしたい商品を本文下にランキング形式で表示したい」なんて場合には重宝する機能です。