WordPressテーマ Cocoonでランキングのページを作成する手順

WordPressテーマ Cocoonでランキングのページを作成する手順

ここではWordPressテーマ「Cocoon」でランキングを作る手順を解説しています。

Cocoonは、ランキングの構築が可能な無料のWordPressテーマです。

ランキングの構築機能が予め搭載されており、プラグイン無しで誰でも簡単にランキングのページが作成できます。

Cocoonは、SEO対策や高速表示、レスポンシブ化にも力を入れており、無料版のWordPressテーマの中では、個人的にも最もおすすめできるテーマの一つです。

関連記事

ここでは、特にSEOに強いWordPressテーマ(無料版)を紹介しています。SEOに強いWordPressテーマをすすめる訳WordPressを使ってブログやサイトを運営している方も多いと思います。[…]

SEOに強い無料のWordPressテーマ!

Cocoonでランキングのページを作る手順

Cocoonでのランキングページの作り方は、ランキングを作り、記事の投稿ページでそのランキングを呼び出す形で作ります。具体的には以下の手順になります。

ランキングの作成

まずはWordPress管理画面の

Cocoon設定」から「ランキング作成」をクリックします。

CocoonのWordPress管理画面

①表示された画面で「新規追加」をクリックします。

続いて、次の要領でランキングに掲載する商品を登録していきます。

②商品名を入力

③商品の評価を★の数で設定

④表示する商品バナーのタグを入力

⑤商品の説明

ランキング作成画面

そして、

⑥商品を説明する詳細ページがあるならそのリンク先URLを、

⑦アフィリエイトページのような公式ページがあればそのURLを入力し、

⑧最後に追加をクリックします。

リンク先URLの設定

画面の下に遷移すると引き続き、ランキングの商品を入力できるようになりますので、必要に応じて商品を追加入力していきます。

ランキング5位まで作る場合は、5つの商品を登録することになりますね。

以上で、ランキングの作成は完了です。

ショートコードの取得

ランキングのショートコードの取得

ランキングの商品の入力が終わると上図のようにショートコード(⑨)が割り振られています。

ランキングを表示したい記事で、このショートコードを呼び出してランキングを表示します。

ショートコードを記事投稿画面に貼り付けてランキングページを作成

ショートコードはランキングページの記事投稿画面で貼りつけます。

ショートコードを記事に貼りつけ

すると、下記のようなランキングページができてしまいます。

cocoonのランキングページ

まとめ

以上、WordPressテーマ「Cocoon」でランキングのページを作る手順でした。

無料のWordPressテーマにしては、非常によくできていると思います。

ただ、無料版にそこまで求めるのは酷かもしれませんが、「詳細ページ」ボタンはその文言が柔軟に変更できないことは残念です。

ランキングページはその性質上リンクが最も集まりやすく強いページになっていますので、そこからのアンカーテキストが「詳細ページ」というのはSEO的にはやや心細いところです。

せめて商品名がプラスできればいいんですが。

とはいえ、無料版なのに吹き出し機能も備えており、ショートコード類も豊富。

cocoonは無料版としては最もおすすめできるWordPressテーマの一つです。

参考:当サイトが使用しているWordPressテーマ「THE THOR」の評価

参考:WordPressテーマ「THE THOR」でランキングのページを作成する手順

最強WordPressテーマ「THE THOR」


当サイトで使っているWordPressテーマ「THE THOR」は、プラグイン不要でSEO対策が可能なWordPressテーマです。1つ購入すれば自分の管理するサイト全てで使えます。国内NO1のテーマを目指して作られ、今後も進化し続けます。

THE・THOR(ザ・トール)|テーマ&サポートプラン