Q.Modern — Omotesando Hair Salon
表参道ヘアサロン向けモノトーンLP。News・Menu・Staff・StyleをJSON×4で完全管理、PHPフォーム付き
AIに見つけてもらえるサイトテンプレート
ChatGPT・Claude・Gemini・Perplexityなど、AIに「おすすめのお店を教えて」と聞かれたとき、あなたのサイトが紹介される仕組みが最初から入っています。
- llms.txt — AIにサイトの情報を伝えるファイル
- robots.txt — AIクローラーの巡回を許可する設定
- sitemap.xml — 全ページの存在をAIに伝えるファイル
- README — 設置方法のガイド付き
YOUR-DOMAINを自分のURLに書き換えてサーバーにアップするだけ。
それだけでAI検索に対応したサイトになります。
「Quiet Modern」をコンセプトにした表参道ヘアサロン向けプレミアムテンプレート。Tailwind CSS 採用のモノトーン基調デザインで、お知らせ・メニュー料金・スタッフ紹介・スタイルギャラリーの4セクションをすべてJSONで管理できます。ヘッダーはスクロールで出現するスティッキー式。PHPお問い合わせフォーム付き。
このテンプレートの特徴
JSON News 更新
お知らせ・キャンペーン情報を data/news.json で手軽に更新（3件サンプル）
JSON Menu 管理
CUT / COLOR / TREATMENTの料金表を data/menu.json で一括管理。価格変更も即反映
JSON Staff 紹介
スタッフ名・役職・プロフィールを data/staff.json で管理（2名サンプル）
JSON Styles ギャラリー
施術スタイル写真を data/styles.json で追加・差し替え（2点サンプル）
Tailwind CSS モノトーンデザイン
Tailwind CSS 採用のモノクロ基調レイアウト。スクロール出現型ヘッダー付き
PHPお問い合わせフォーム
ご予約・お問い合わせを mail.php で受信。バリデーション済み
含まれるファイル
購入後すぐに使い始められるよう、必要なファイルをすべてセットにしてお届けします。
サンプルデータも付属しているため、構成を理解しながら置き換えるだけで本番環境に対応できます。
- index.html（シングルページ LP）
- assets/css/ style.css
- assets/js/ app.js
- mail.php（フォーム処理・ルート直下）
- data/news.json（お知らせサンプル）
- data/menu.json（CUT/COLOR/TREATMENT料金表）
- data/staff.json（スタッフサンプル 2名）
- data/styles.json（スタイルギャラリーサンプル 2点）
技術仕様・動作環境
選べるお任せサーバーサービス
サーバーの準備・設定・メンテナンスをすべてお任せいただけるホスティングプランです。
テンプレートご購入後、そのままお申し込みいただくだけで公開まで一貫してサポートします。
気軽にはじめる、サブドメインプラン
- アドレス
****.blue-leaf-studio.blog - サーバーBlue Leaf Studio 管理サーバー
- SSL無料 SSL 標準装備（https 対応）
- メール追加料金なし
- ドメイン費用不要（サブドメインを使用）
本格運用、独自ドメインプラン
- アドレスお好きな独自ドメイン（取得費はご負担）
- サーバーサーバー代金込み・年払い
- SSL無料 SSL 標準装備（https 対応）
- メール追加料金なし
- メンテナンス込み（定期更新・トラブル対応）
Q.Modern — Omotesando Hair Salon を使い始めませんか？
セットアップでお困りの方はお気軽にご相談ください。
DB設定代行・フルサポートプランもご用意しています。