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

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

Cocoon(コクーン)でランキング記事の作成方法を教えて欲しい!


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

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


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

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


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


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

こちらの記事もオススメ!

▼え?30分でWordPressが立ち上げられるの?
WordPress初心者でも爆速でブログを開設する方法

▼稼げるアフィリエイトASPを紹介します!
アフィブログで稼ぐために絶対登録しておきたいASP6選

▼WordPressテーマ選びに困ったら…
【ブログ初心者にオススメ】WordPress有料テーマランキング

▼SNSのアイコンを変えて収益もモチベーションもUP!
【体験談】ココナラでSNSアイコンのイラストを依頼してみた【素敵アイコンに大満足!】

スポンサーリンク

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

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



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

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

  • Step1:ランキングを作成する
  • Step2:記事にランキングタグを貼る


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

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


ランキングを作成する

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

Cocoonでのランキング作成


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

Cocoonでのランキング作成画面


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

■タイトル
ランキングのタイトルを入力して下さい。

■商品名
作成したいランキングの1位の商品を入力して下さい。

■評価
自分の評価を(適当に)入力します。1位だったら当然星5つですよね(笑)

■画像、バナー
商品の画像のURLか、アフィリエイトのバナーのタグを入力します。
ショートコードの入力も可能です。

■説明文
商品の説明を記載します。

■詳細ページURL
商品の詳細ページを別に作っている場合は、そのURLを入力して下さい。

■ページURL
公式ページのURLを入力して下さい。
アフィリエイトのショートコードを入力する場合は「タグで入力」リンクをクリックして下さい。

■追加ボタン
追加ボタンを押すと2位以降も作成できます。


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

Cocoonでのランキングページの説明


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

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


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

Cocoonでのランキング作成例


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

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


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

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

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

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

Cocoonのランキングを記事に貼り付ける方法

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

Cocoonのランキングのショートコード


以上で完成です。

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

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

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


まずPC版から

実際のCocoonランキング記事(PC版)


続いてスマホ版はこちら

実際のCocoonランキング記事(スマホ版)


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

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



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

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

Cocoonのランキングをウィジェットで使う


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

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

まとめ

まとめ


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

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

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

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

初心者にオススメのASP

A8.net  ←初心者オススメ!審査なし!

もしもアフィリエイト ←初心者おすすめ!

afb(アフィb) ←満足度5年連続No1!

バリューコマース ←旅行・グルメ系強し!

JANet ←クレカ系強し!

アフィリエイトはアクセストレード ←転職系強し!

 

ブログを書いている人
アンパパ

フリーランス | 元サラリーマン(SE歴13年) | ブロガー | ライター | 個人で稼ぐ技を実践中 | 書くことが好き | プログラミング好き | 1歳11ヶ月の娘が大好き | より楽しく幸せに生きるコツを発信中 | 詳しいプロフィールはコチラ
  \フォロー、はてブお願いします/

アンパパをフォローする
WordPress
スポンサーリンク
アンパパをフォローする
アンパパブログ
タイトルとURLをコピーしました