HUBLO Sales Pack
プラグイン・ツール販売サイト向け
販売サイト・LPを作りたい方向けのデザインパックです。適用すると、サイドバーなしの1カラムLP構成になり、ヒーロー・料金表・Proモジュール一覧まで含めて洗練された販売サイトの完成イメージがすぐ手に入ります。この販売サイト自体が、本パックを適用した実例です。
¥3,980（買い切り）
ヘッダー・ナビ・フッターまで作り直しました（v1.3.0）
v1.3.0では配色だけでなく、余白を広く取った半透明ブラーのヘッダー、ロゴタイプ風のサイト名、装飾を削ぎ落としたシンプルなメニュー、無料テーマ／デザインパック／Proプラグインへの導線がすっきり並ぶグラデーションフッターへと作り直しました。見出しフォントはsystem-ui系でletter-spacingをやや詰め、モダンなSaaS LPらしい印象にしています。
導入前後の見た目イメージ
無料テーマ標準
HUBLO Sales Pack適用後
上記は、この販売サイト自体（本ページを含むすべてのページ）にHUBLO Sales Packを実際に適用した状態のスクリーンショットです。つまり、あなたが今見ているこのサイト全体が「適用後」の実例です。
料金表・Proモジュール一覧セクションの見た目（実際に適用した画面）
追加されるデザインプリセット（3種）
SaaS Sales Pro
白ベース＋ブルー/シアン系アクセントの、信頼感あるツール販売サイト風デザイン。迷ったらこちら（この販売サイト自体もこのプリセットです）。
Product Launch
新商品・プラグイン販売LP向けデザイン。紫系アクセントでCTAが分かりやすくなります。
Creator Tool
個人開発ツール・note販売向けデザイン。ティール系アクセントで親しみやすい配色です。
おすすめ導線・軽い動的演出も追加されます（v1.4.0）
本パックは1カラムLP構成が基本ですが、記事ページ・アーカイブページ用にサイドバー/おすすめ導線ウィジェット（おすすめデザインパック・Proプラグイン人気順・無料テーマダウンロードCTA・導入ステップ・FAQ導線）も用意しています。あわせて、デザインパック紹介スライダーとBefore/After切り替えを追加しました。vanilla JS（外部ライブラリ不使用）による軽量な実装で、キーボード操作・prefers-reduced-motion（アニメーション低減設定）に対応し、JavaScriptが無効な環境でもスライダーは横スクロール一覧、Before/Afterは両方のパネルが縦に並んだ状態でそのまま内容を読めます。下のパーツは実際にこのページ上で動いています。販売サイト/LPらしい動きが、こういった形で作れます（このサイト自体が実例です）。
撮影したスクリーンショットも、あわせてご確認ください。
追加されるブロックパターン（18種）
SaaS風ヒーローセクション／機能カード3列／プラグイン販売ページ冒頭／無料テーマ配布ページ冒頭／無料版・有料版比較表／料金表セクション／Proモジュール一覧／導入手順3ステップ／FAQセクション／更新履歴セクション／スクリーンショット紹介セクション／購入・ダウンロードCTA／デザインパック一覧／Before/After紹介セクション／安心してお試しいただける設計／販売サイトトップページテンプレート。本ページ・トップページも、これらのパターンで構成されています。
追加スターター固定ページ（8種）
SaaS風トップページ
ヒーロー・機能紹介・CTAを備えたトップページ
Proモジュール一覧ページ
関連プラグイン・追加モジュールを紹介するページ
料金表ページ
プラン別の価格・対象を比較表で見せるページ
- 無料テーマ配布ページ
- プラグイン販売ページ
- FAQページ
- 更新履歴ページ
- お問い合わせ・サポートページ
本販売サイトの各固定ページは、これらのスターターページをベースに、実際の商品内容へ書き換えたものです（[localwp-setup-guide.md](../localwp-setup-guide.md)参照）。
ワンクリック適用 / 元に戻す機能
有効化しただけでは、デザインは自動的に変わりません。
管理画面の「推奨デザインを適用する」ボタンを押すだけで反映できます。
適用前のテーマ設定は自動的にバックアップされます。
「元の設定に戻す」ボタンで、いつでも適用前の状態に戻せます。
投稿本文・固定ページ本文・タイトルは変更されません。
注意事項
HUBLO v1.5.0以上が別途必要です（無料）。テーマが無効・バージョンが古い場合、本パックは何も登録せず安全に終了します。デザインパック一覧・Proプラグイン一覧・料金表の価格やURLはすべてプレースホルダーです。見た目・回遊導線を整えるためのデザインパックであり、売上・成約率・SEO効果を確約するものではありません。
よくある質問
このパックだけで販売サイトを作れますか？
はい。本ページ・本サイトのトップページも本パックのブロックパターンで構成しています。無料テーマ＋本パックだけで、プラグイン・デザインパック・無料テーマの販売サイトを一通り作成できます。
他のデザインパックと同時に使えますか？
はい、HUBLO Review Pack・HUBLO News Packと同時に導入・有効化できます。CSSクラス名・見た目の仕組みが完全に独立しているため、互いに干渉しません。
投稿本文やタイトルは自動で変更されますか？
いいえ。投稿本文・タイトル・カテゴリ・タグを自動変更する処理は一切ありません。
見た目だけでなく、販売サイトの回遊導線も追加されます
HUBLO Sales Packは配色・レイアウトの変更に加えて、販売サイト・LPで役立つ回遊導線を追加します。スマホ最適化した料金表、FAQへの導線、導入ステップの表示、Before/Afterのスマホ最適化、フッターCTA、無料テーマ→デザインパック→Proプラグインへの案内導線など。無料テーマ本体のパンくず・自動目次・関連記事機能もそのまま活きた状態で、販売サイトらしい見せ方が上乗せされます。
検索エンジンに配慮した構造を意識していますが、既存のSEOプラグインとの併用を想定した設計です。canonical・noindex・XMLサイトマップ等は専門のSEOプラグインにお任せください。