ここでは、WordPressテーマ「Cocoon」でランキングを作る手順を解説しています。
Cocoonは、ランキングの構築が可能な無料のWordPressテーマです。
ランキングの構築機能が予め搭載されており、プラグイン無しで誰でも簡単にランキングのページが作成できます。
Cocoonは、SEO対策や高速表示、レスポンシブ化にも力を入れており、無料版のWordPressテーマの中では、個人的にも最もおすすめできるテーマの一つです。
Cocoonでランキングのページを作る手順
Cocoonでのランキングページの作り方は、ランキングを作り、記事の投稿ページでそのランキングを呼び出す形で作ります。具体的には以下の手順になります。
ランキングの作成
まずはWordPress管理画面の
「Cocoon設定」から「ランキング作成」をクリックします。
①表示された画面で「新規追加」をクリックします。
続いて、次の要領でランキングに掲載する商品を登録していきます。
②商品名を入力
③商品の評価を★の数で設定
④表示する商品バナーのタグを入力
⑤商品の説明
そして、
⑥商品を説明する詳細ページがあるならそのリンク先URLを、
⑦アフィリエイトページのような公式ページがあればそのURLを入力し、
⑧最後に追加をクリックします。
画面の下に遷移すると引き続き、ランキングの商品を入力できるようになりますので、必要に応じて商品を追加入力していきます。
ランキング5位まで作る場合は、5つの商品を登録することになりますね。
以上で、ランキングの作成は完了です。
ショートコードの取得
ランキングの商品の入力が終わると上図のようにショートコード（⑨）が割り振られています。
ランキングを表示したい記事で、このショートコードを呼び出してランキングを表示します。
ショートコードを記事投稿画面に貼り付けてランキングページを作成
ショートコードはランキングページの記事投稿画面で貼りつけます。
すると、下記のようなランキングページができてしまいます。
まとめ
以上、WordPressテーマ「Cocoon」でランキングのページを作る手順でした。
無料のWordPressテーマにしては、非常によくできていると思います。
ただ、無料版にそこまで求めるのは酷かもしれませんが、「詳細ページ」ボタンはその文言が柔軟に変更できないことは残念です。
ランキングページはその性質上リンクが最も集まりやすく強いページになっていますので、そこからのアンカーテキストが「詳細ページ」というのはSEO的にはやや心細いところです。
せめて商品名がプラスできればいいんですが。
とはいえ、無料版なのに吹き出し機能も備えており、ショートコード類も豊富。
Cocoonは無料版としては最もおすすめできるWordPressテーマの一つです。