全国規模のクチコミサイトが作成できるWordPressテーマ「REHUB」。
プラグインやカスタマイズの必要がなく、クチコミサイトが手軽に作成できるWordPressテーマは、国内ではおそらく「REHUB」だけかもしれません。それだけ「REHUB」には実用的なレビュー・評価機能が実装されています。
食べログやAmazonのようなクチコミ評価（※ページ事例 ）がご自身のサイトで使えます。
ただ、「REHUB」はクチコミ評価機能だけではありません。デザイン面も優れています。美しいトップページは、PCで見てもスマホで見ても圧倒されます。既存のクチコミサイトを遥かに越えます。
さらに、テンプレートなのでレイアウトもある程度自由にカスタマイズできる。本記事では、「REHUB」のデザインのカスタマイズでどんなことができるかを解説します。
目次
REHUBのデフォルトデザイン
付属のマニュアル通りに作成すると、デモサイトのデフォルトデザインを簡単に再現できます。
パソコン
スマホ
ぜひ実機でデモサイトをご覧になってみてください。
こんな感じでカスタマイズできる
カラーやフォントのほか、コンテンツの種類やレイアウト、それぞれの表示・非表示なども自分好みに簡単にカスタマイズ可能です。
2024/1/24 追記：レビュー記事の絞り込み検索機能
2024/1/24のアップデート（Ver.3.0）にて、レビュー記事の絞り込み検索機能が使えるようになりました。
トップページやアーカイブページに、カテゴリーやタグ、キーワードで絞り込める新しい検索フォームを表示できます。
レビュー記事が増えてくると、カテゴリーやタグが増えてきますが、それらを有効活用できる機能です。複数のタグをグループ分けして表示することもできるので、整理されたタグ一覧の中から、ピンポイントで条件を絞って検索可能です。
レビュー記事が増えれば増えるほど、有効な機能ですので、全国規模のクチコミサイトと非常に相性のいいカスタマイズ機能となっています。
2024年1月24日のアップデートにて、絞り込み検索機能を実装しました！レビュー記事を、カテゴリーとタグでAND検索できる絞り込み機能です。
2023/12/25 追記：レビュー記事と紐づく日本地図機能
2023/12/25のアップデート（Ver.2.0）にて、日本地図機能が使えるようになりました。
トップページやレビューアーカイブページに以下のような日本地図を表示できます。エリアや都道府県からレビュー記事を探せるようになったわけです。
8地域と47都道府県は、親カテゴリー/子カテゴリーとして自動作成することも可能で、設定に手間はかかりません。日本地図のデザインやカラーも変更できるオプションもご用意しました。レビュー記事を地域別にカテゴライズされている方にぜひご活用いただきたい新機能です。
詳しい解説はこちらでご覧いただけます。
2023/4/24 追記：レビュー記事のアイキャッチの有無
2023/4/24のアップデート（Ver.1.1）にて、アイキャッチ無しでもレビュー記事を使えるようになりました。
例えば、アーカイブページの場合はこうなります。
- アイキャッチ画像有り
- アイキャッチ画像無し
膨大なレビュー記事のすべてにアイキャッチ画像を設定するのは大変ですし、そもそもアイキャッチ画像が必要とは限らないからです。
ユーザーが最も見たいのは、レビュー記事の評価や詳細です。病院や転職のクチコミサイトを見ているときに、重要視するのは評価やクチコミが第一かと思います。目を引くアイキャッチ画像かどうかは二の次でしょう。こちらのデモサイトもぜひ参考にご覧ください。
「アイキャッチ画像を使わない設定」に変えると、下記箇所も一括でデザインが変更される仕様です。
アイキャッチ画像がある方がベターな場合もあるので、取り扱うレビュー記事によって設定を変更してみてください。
カラー
5タイプのプリセットカラーが用意されています。それぞれデザイナーが配色を考えているので、どのタイプにしても合います。カスタムカラーで好きな色に変更することも可能です。
スカイブルー
エメラルド
フラミンゴ
キャロット
チョコレート
フォント
フォントは次の3タイプから選択できます。フォントサイズも併せて変更可能です（数値入力式）。
「見出し」や「記事タイトル」、「本文」と一括で反映されるセクションが分かれているため、変更しても全体の整合性を失うことはありません。
| フォントタイプ | フォントデザイン |
| メイリオ |  |
| 游ゴシック |  |
| 游明朝 |  |
ヘッダースライダー
トップページのヘッダースライダーは3タイプあります。
フロントカバー
シンプルなフロントカバーは、背景画像とキャッチフレーズを登録すれば設定完了です。検索フォームも表示される仕様です。
複数枚の画像を登録すれば、画像がクロスフェードで切り替わります。
>>デモサイトで見てみる
記事スライダー
通常の投稿で作成したブログ記事がスライダーとして表示されます。
レビュー記事スライダー
クチコミの対象となるレビュー記事がスライダーとして表示されます。ホバーするとその記事のスターレビューも表示されます（赤枠矢印箇所）。
ドロップダウンとメガメニュー
メニューのデザインも複数のパターンから選択できます。
ドロップダウン
サブメニューを設定するとドロップダウンで表示されます。設定したカラーが連動して反映される仕様です。
メガメニューA
メガメニューAでは、リンク先と画像、テキストを自由に設定できます。カラム（列）数も2/3/4と選択可能です。デモでは4カラムにしてカテゴリーページへとリンクさせていますが、外部リンクや特設ページへのリンクなども登録いただけます。
2カラムの例
3カラムの例
4カラムの例
メガメニューB
通常の投稿で作成した記事がミニカルーセルとして表示されます。日付順やランダム表示はもちろん、指定した記事のみを表示することも可能です。
サイドバー
サイドバーの左右入れ替え、またはワンカラムレイアウトも可能です。ウィジェットの有無やコンテンツ量によって使い分けてください。通常のブログ記事、レビュー記事、お知らせ記事でそれぞれ設定可能です。
左
無し
右
ヘッダーメッセージ
REHUBデモサイトではヘッダーメッセージを表示していません。別のWordPressテーマになりますが「Ankle」のデモで表示しているヘッダーメッセージと同じ仕様になります。
背景色や文字色、リンク先を自由に設定可能で、サイト内の全ページの最上部に表示されます。アラートやキャンペーン情報の訴求に適した機能です。
トップページのコンテンツ
トップページ（ヘッダー以下）は、以下のコンテンツを組み合わせてノーコードでデザインいただけます。
上記はあくまでデモサイトの一例で、表示/非表示、並び替えはワンタッチで可能です。各所にHTMLで作成したオリジナルのコンテンツ（バナー等）も設置いただけます。
ランキング
レビュー記事のトップ3を表示します。ランキングページへの導線として使います。
ブログ
ブログ記事をカルーセル形式で表示します。指定した記事のみを表示することも可能です。
レビュー記事
レビュー記事一覧への導線になります。指定したレビュー記事も表示可能ですので、おすすめの店舗などをピックアップしたい際にも使えます。
新着のクチコミ
クチコミが新しい順で表示されます。最近投稿されたクチコミが表示され、言及されているレビュー記事への導線となります。
バナーリスト
画像とテキスト、リンク先を登録してデザインされたバナーリストを表示できます（最大6つ表示可）。テキストの入力は必須ではないので、画像のみでも使えます。
ロード画面
デモサイトでは表示していませんが、ページ読み込み時に表示されるロード画面もカスタマイズできます。
上記のように3種類のアイコンに加えて、ロゴ画像かキャッチフレーズも設定できます。アイコンカラーや背景色、表示頻度などを変更可能です。
固定ページ
固定ページでは、3種類のデザインテンプレートを使えます。
デフォルトテンプレート
デフォルトテンプレートは、ヘッダー画像無しの2カラムレイアウトです。一般的な下層の固定ページです。
サイドバー（ウィジェットの配置は）左右から選択できます。
ランディングページ（LP）
ヘッダー画像を設置できるワンカラムのリッチな固定ページは「ランディングページ」でつくれます。
ヘッダー/フッターの有無やコンテンツ幅を変更できます。以下は3タイプのデモLPです。
ランキングページ
レビュー記事をランキング表示する固定ページは、ワンカラムのレイアウトです。
カテゴリーや評価項目が上部に表示されるデザインで、ワンタッチでランキングをソートしていただけます。順位、レビュー記事のタイトル、スターレビュー、コメント数を一挙に確認できるデザインです。
ノーコードで試せる豊富なデザインをお楽しみください
REHUBは、クチコミ（レビュー）評価機能が目玉ですが、運営者の好みやコンテンツに合うようにデザインを変えることもできます。今回ご紹介したカスタマイズは、すべてノーコードで可能です。
運営しながら、デザインをちょこちょこ変えたり、別レイアウト別カラーで全く異なるクチコミサイトをつくることもできます。ぜひREHUBの豊富なカスタマイズをご活用ください。
第1回 : WordPressで口コミサイトが作成できる「REHUB」
第2回 : WordPressテーマ「REHUB」はデザインをどこまでカスタマイズできるのか。（当記事）
合わせて読みたいWordPressテーマ「REHUB」の関連記事
第1回 : WordPressで口コミサイトが作成できる「REHUB」
第2回 : WordPressテーマ「REHUB」はデザインをどこまでカスタマイズできるのか。（当記事）
第3回 : REHUBの店舗ページをお店のオーナー自身で投稿可能にする方法
コメント