メインコンテンツへ移動

HUBLO Review Pack

比較・レビュー・ランキングサイト向け

比較・ランキングサイトを作りたい方向けのデザインパックです。適用すると、サイト名・メニュー・サイドバーまで含めてサイト全体がレビューメディアの雰囲気に変わります。「今月のおすすめランキング」トップページ、商品比較表ページ、レビュー記事ページなど、実際に運用できる完成イメージがすぐ手に入ります。

¥3,980(買い切り)

ヘッダー・ナビ・フッターまで作り直しました(v1.3.0)

v1.3.0では配色を変えるだけでなく、ヘッダーの形状・サイト名の見せ方・メニューの装飾・フッターの構造まで作り直しました。サイト名はバッジ風の角丸+★アイコンで比較サイトらしい信頼感を演出し、メニューはピル型のホバー表示に、フッターは「気になる商品をチェックする」CTAを中心にしたランキングサイト向けの構造になっています。見出しフォントも太めのシステムsansでletter-spacingを効かせ、比較・ランキングサイトらしい力強さを出しています。

HUBLO Review Pack v1.5.0 ヘッダー(上段ロゴ+CTA・下段ピルナビの2段構成)
ヘッダー:上段にロゴ風サイト名とCTA、下段にピル型メニューを配置した2段構成
HUBLO Review Pack v1.5.0 フッター(4カラム・ランキングバッジ・星評価)
フッター:人気ランキング/比較カテゴリ/レビュー記事/選び方ガイドの4カラム構成

導入前後の見た目イメージ

無料テーマ標準

HUBLO 無料テーマ標準の見た目(デザインパック未適用)

Affiliate Review Pack適用後

HUBLO Review Pack を実際に適用したランキングトップページ

上記は実際にHUBLO Review Packを適用し、サイト名「Review Select」・メニュー (ランキング/比較/レビュー/FAQ)・サイドバーの中身まで比較・ランキングサイト向けに 切り替えて撮影した状態です(色だけを変えた合成ではありません)。ヘッダーのCTAボタンも 「おすすめランキングを見る」に変わり、サイト全体が比較・レビューメディアの雰囲気になります。

ランキング・比較表セクションの見た目(実際に適用した画面)

ランキング表示セクション(実際に適用した画面)
ランキング表示(順位バッジ付き・実際の適用画面)
商品比較表セクション(実際に適用した画面)
商品比較表・メリットデメリット(実際の適用画面)

サイドバーもジャンルに合わせて変わります(v1.4.0)

記事ページ・アーカイブページでは、サイドバーに「今月の人気ランキング」「比較カテゴリ」「編集部おすすめレビュー」「失敗しない選び方」「注目アイテムCTA」を配置できます。無料テーマ標準のサイドバー(検索・最新の投稿等)とは中身がまったく異なり、レビューサイトらしい賑やかな導線になります。管理画面の「サンプルサイドバーウィジェットを追加する」ボタンから、購入者様ご自身のサイトにもそのまま追加できます。

HUBLO Review Pack 専用サイドバー(人気ランキング・比較カテゴリ・編集部おすすめレビュー・失敗しない選び方・注目アイテム)
専用サイドバー:人気ランキング・比較カテゴリ・編集部おすすめレビュー・失敗しない選び方・注目アイテムCTA

追加されるデザインプリセット(3種)

Affiliate Review Pro プリセットの見た目イメージ(実際の適用画面)

Affiliate Review Pro

レビュー記事向けの標準デザイン。白ベースで信頼感を保ちつつ、ランキング・比較表・CTAが映える配色です。迷ったらこちら。

Ranking Media プリセットの見た目イメージ(実際の適用画面)

Ranking Media

ランキング・比較表が映えるデザイン。やや大きめの角丸・強めの影で、ランキングメディア風の見た目になります。

Product Compare プリセットの見た目イメージ(実際の適用画面)

Product Compare

中立的な比較検討向けデザイン。アウトラインボタン・落ち着いた配色で、商品比較サイトに向いています。

軽い動的演出も追加されます(v1.4.0)

おすすめ商品スライダーと比較ポイントタブを追加しました。vanilla JS(外部ライブラリ不使用)による軽量な実装で、キーボード操作・prefers-reduced-motion(アニメーション低減設定)に対応しています。JavaScriptが無効な環境でも、スライダーは横スクロール一覧として、タブはすべてのパネルが縦に並んだ状態として、そのまま内容を読めます。下のパーツは実際にこのページ上で動いています。レビュー/ランキングサイトらしい動きが、こういった形で作れます。

AirSound Pro 2

総合力の高さで1位のイヤホン

チェックする

PowerBank 20000

コスパ重視の方に人気

チェックする

TypeFold Mini

持ち運びやすさが好評

チェックする

価格帯に幅がある場合も、タブ切り替えで整理して見せられます。

使いやすさの観点をタブでまとめて紹介できます。

サポート体制の情報もタブでまとめて紹介できます。

撮影したスクリーンショットも、あわせてご確認ください。

HUBLO Review Pack v1.4.0 おすすめ商品スライダー
おすすめ商品スライダー
HUBLO Review Pack v1.4.0 比較ポイントタブ
比較ポイントタブ

追加されるブロックパターン(14種)

ランキングトップセクション/商品比較表/レビュー記事冒頭/おすすめ商品カード3列/メリット・デメリット比較/口コミ・評判セクション/FAQセクション/収益CTAセクション(標準)/商品レビューまとめ/アフィリエイト記事テンプレート/控えめCTA/強めCTA。いずれもテーマ本体の既存ショートコード(比較表・アフィリエイトボタン・注意書き・メリデメ・CTA等)のみで構成しています。

追加スターター固定ページ(6種)

ランキングトップページのイメージ(実際の適用画面)

ランキングトップページ

商品ランキング一覧を見せるページ

商品比較ページのイメージ(実際の適用画面)

商品比較ページ

複数商品を表で比較するページ

HUBLO Review Pack v1.4.0 記事+専用サイドバー

商品レビュー記事テンプレート

商品レビュー記事の土台

  • おすすめ商品一覧ページ
  • 口コミ・評判ページ
  • FAQ付きCTAページ

ワンクリック適用 / 元に戻す機能

有効化しただけでは、デザインは自動的に変わりません。

管理画面の「推奨デザインを適用する」ボタンを押すだけで反映できます。

適用前のテーマ設定は自動的にバックアップされます。

「元の設定に戻す」ボタンで、いつでも適用前の状態に戻せます。

投稿本文・固定ページ本文・タイトルは変更されません。

「元の設定に戻す」ボタンと適用前設定のバックアップ表示
管理画面の「推奨デザインを適用する」「元の設定に戻す」ボタン

注意事項

HUBLO v1.5.0以上が別途必要です(無料)。テーマが無効・バージョンが古い場合、本パックは何も登録せず安全に終了します。見た目・回遊導線を整えるためのデザインパックであり、売上・成約率・SEO効果を確約するものではありません。

よくある質問

他のデザインパックと同時に使えますか?

はい、HUBLO News Pack・HUBLO Sales Packと同時に導入・有効化できます。CSSクラス名・見た目の仕組みが完全に独立しているため、互いに干渉しません。

投稿本文やタイトルは自動で変更されますか?

いいえ。投稿本文・タイトル・カテゴリ・タグを自動変更する処理は一切ありません。

プラグインを削除したらどうなりますか?

テーマ本体・既存の投稿や固定ページには影響しません。選択していたデザインプリセットは、テーマ側の安全機構により自動的に「カスタム」へ切り替わります。

HUBLO Review Packを購入する

買い切り3,980円。note有料記事からダウンロードできます。

今すぐ購入する(note)

見た目だけでなく、レビューサイトの回遊導線も追加されます

HUBLO Review Packは配色・レイアウトの変更に加えて、レビューサイトで実際に役立つ回遊導線を追加します。ランキングサイドバー、比較カテゴリへの導線、レビュー記事下の関連記事表示、スマホで見やすい比較表、タップしやすい商品カードCTAなど。無料テーマ本体の関連記事・カテゴリ/タグ導線・パンくず・自動目次はそのまま活きた状態で、レビューサイト向けの見せ方が上乗せされる仕組みです。なお、Product・Reviewの構造化データ(商品評価の星マーク等が検索結果に出る仕組み)は自動出力しません。

検索エンジンに配慮した構造を意識していますが、既存のSEOプラグインとの併用を想定した設計です。canonical・noindex・XMLサイトマップ等は専門のSEOプラグインにお任せください。