ワードプレスのテーマ「Divi」とプラグイン「WPRichSnippets」でランキングサイトを作る手順

今回はワードプレスのテーマ「Divi」とプラグイン「WPRichSnippets」+アドオンを使って「ランキングサイト」を作る手順を説明します。

このブログへの検索流入キーワードも「ワードプレス　ランキングサイト作成」などが多いので、きっとワードプレスを使ってランキングサイトを作りたいと思ってる人も多いはず？

ワードプレスでランキングサイトを作ってみたい！と思ってる人は一読してくれると嬉しいです。

いま実際にテーマ「Divi」とプラグイン「WPRichSnippets」+アドオンを使用し作成しているランキングサイトがコチラです。

http://credit--card.jp/ranking/allcard/

※ワードプレスの使い方やテーマ・プラグインのインストール方法は割愛させていただきます。

① 使用するワードプレスのテーマ「Divi」

youtu.be

最大の特徴はなんといっても「The Divi Builder」

The Divi Builderを使用すればドラッグ＆ドロップで簡単にサイトを構築することが可能。煩わしいHTMLの知識は必要ありません。

しかも、初めから19種類のテンプレートが用意されているので、難しい知識なしで色々なレイアウトを作り上げることができます。

もちろんレスポンシブ対応。

Diviテーマ

② 使用するワードプレスのプラグイン「WPRichSnippets」

様々なレビューサイトを構築可能。

・ユーザーレビューサイト

・製品レビューサイト

・レシピレビューサイト

・組織レビューサイト

・レストランレビューサイト

豊富なアドオン（追加機能）を使うことによってランキングページ、比較ページ、ロケーションページ、データ一覧などのページを作成することができます。

③ 使用するWPRichSnippetsのアドオン「WPRS Ranking Table」

こちらは上記「WPRichSnippets」に付属しているアドオンになります。

④ 使用するWPRichSnippetsのアドオン「Box Shortcode」

こちらも上記「WPRichSnippets」に付属しているアドオンになります。

ランキングサイトを作る場合は、WPRichSnippets+WPRS Ranking Table+Box Shortcodeが必要になりますので、こちらの３つのプラグインは予めインストールしておきましょう。

以上のテーマと、プラグイン３つを使用してランキングサイトを作ります。

まず始めにWPRichSnippetsのインストールが終わったら「ライセンス」の登録をします。

① WPRichSnippetsの管理画面からAccountへ進み、View Licensesをクリック。

f:id:YAMAKYO:20160809013146j:plain

② 鍵マークをクリックするとライセンスキーが表示されるのでコピー。

f:id:YAMAKYO:20160809013159j:plain

③ ワードプレスの管理画面より≫RichSnippets≫Licenseへ進みます。

f:id:YAMAKYO:20160809012130j:plain

④ ライセンスキーを入力し、Deactivate Licenseをクリック⇒Your license is valid!と表示されたら成功です。

f:id:YAMAKYO:20160809014213j:plain

⑤ 続いて固定ページを新規作成しましょう。

　固定ページ≫新規作成≫Diviビルダーを使うをクリック

f:id:YAMAKYO:20160809022654j:plain

⑥ 列を挿入≫カラムを選択≫モジュールを挿入≫「テキスト」を選択

f:id:YAMAKYO:20160809023206j:plain

⑦ テキスト欄に[wprs-table type="rating" cpt="post"]と入力し、保存します。

[wprs-table type="rating" cpt="post"]はランキングを表示するショートコードになります。

各パラメータは以下

レビューのタイプによって　type="rating"　は変更して下さい。

ランキングをカテゴリーごとに表示させたいなら　cat="●●"　でカテゴリー番号を指定します。

パラメータを変更することによって色んなパターンのランキング表示することができます。

num =”10″, number of posts, default = 10

order = “meta_value_num”, order, default = meta_value_num (rating, rank)

cpt = “post”, custom post type

type = “rating”, review type, example: (rating, percentage, votes, aggregate)

cat = “”, categories

tag = “”, tags

parent = false, id or parent page, to display child pages

taxonomy = false, taxonomy name

tax_term = false, taxonomy terms “term1, term2”

rank = “”, enable/disable rank

images = “”, enable/disable images

header_rank = “Rank”, edit table header, default = Rank

header_image = “Photo”, edit table header, default = Photo

header_sumary = “Summary, edit table header, default = Summary

header_price = “Price”, edit table header, default = Price

header_rating = “Rating”, edit table header, default = Rating

header_action = “Action”, edit table header, default = Action

summary = “”, enable/disable summary

read_review = “Read Review”, edit read review anchor, default: Read Review

price = “”, enable/disable price

rating = “”, enable/disable rating

action = “”, enable/disable call to action

action_text = “Visit Site”, edit button anchor text

min = “”, set minimum user reviews (for user aggregate reviews)