Cocoon(コクーン)で簡単にランキングを作る方法【アフィで稼げ！】

皆さん、Wordpressのテーマは何を使っていますか？

私は無料テーマのCocoon(コクーン)を使っています。その理由は、とにかく機能が豊富だから！


今回は、その豊富な機能の一つのランキングについて説明したいと思います。

ランキングは、アフィリエイトで成約が上がりやすい記事の一つです。そのランキングをCocoonなら簡単に作れてしまいます。


前回の記事で、私が初めてランキング記事を作成しました。特にマニュアルとかを見なくても1時間程度で作成できました。


今回は、Cocoonでランキング記事の作成方法を説明いたします。

Cocoonでランキングを簡単に作る方法

まず、前回私が作成したランキング記事はこちらです。

本記事で、上記のようなランキング記事が作れるようになります。

ランキングってなんか難しいイメージがありますが、実はCocoonなら何と2ステップで作成することができます。

たったこれだけです。わざわざStepにする必要もないですね(笑)

それでは、Cocoonで簡単にランキングを作成しましょう！

ランキングを作成する

まず、Wordpressの左メニューより「Cocoon設定」→「ランキング作成」を選択して下さい。

ランキング画面で「新規追加」リンクを押すと、このような画面がでてきますので、後は入力するだけです。

ざっくりポイントを説明します。

アンパパの場合、次のように入力しました。参考までにどうぞ。

画像・バナータグやリンクタグは、Cocoonの便利機能の一つアフィリエイトのショートコードで入力してます。

説明文は、HTMLが使えるので、必要に応じて装飾をすることができますよ！
上記の例では、bタグを使って太字にしてますね。


「変更を保存」を押すと、プレビューを見ることができます。

おおっ！結構カッコよくないですか？
よく見るランキングページのようです。

本当にCocoonが無料ってのが信じられません。

記事にランキングタグを貼る

続いて、いつものようにブログ記事を作成しましょう。

その中で、先程作ったランキングを貼りましょう。ランキングを発行すると、ランキングのショートカットが発行されるのでそれをペタっと貼り付ければ良いです。

もしくは、エディタで下記のようなランキングボタン(王冠のマーク)をクリックして、作成したランキングを選択して下さい。

すると、下記のようなショートコードが出力されます。

以上で完成です。

どうですか？簡単すぎません？

実際に作れられたCocoonランキング

それでは実際に作れられたCocoonランキングを見てみたいと思います。


✔ まずPC版から

✔ 続いてスマホ版はこちら

PC版だと2列レイアウトですが、スマホだとうまく1列になって見やすくなっていますね。

▼実際の記事はこちらです。

補足：ウィジェットでランキングを使うこともできます

実は、今回作成したランキングはウィジェットで使うこともできます。

ブログの固定位置にランキングを配置しても良いし、サイドバーに貼り付けることも可能です。

使い方は無限大にありそうですね。

まとめ

今回は、Wordpress無料テンプレートのCocoon(コクーン)で簡単にランキングを作成する方法について説明しました。

ランキング作成ページで、必要項目を入力するだけで簡単にランキングが作成できることがおわかりになったでしょうか？

あまり色々な設定はできませんが、無料とは思えない本格的なランキングが作成することができます。

ぜひ、Cocoonのランキングを使って、ばりばりアフィで稼ぎましょう！