## キャッチコピー > ホットペッパー依存から卒業。エッジ系デザインで、予約を自社サイトへ呼び込む。 --- ## 商品説明文 「ホットペッパーに頼り続けるのは限界。でもそれっぽいHPを作る時間も予算もない」 ——そんなバーバーショップ・メンズサロンのオーナー、または サロンHP制作を請け負う個人制作者の方へ。 AI生成テンプレートにありがちな"量産感"を排除した、 ダーク＆エッジ系デザインで予約を呼び込むWordPressテーマです。 TCD「Beauty」など市販の美容院テーマはサロン全般向けで、メンズ特有の「鋭さ・洗練」を演出するものがほとんどありません。 BOOTH上でもバーバー・メンズサロン専用のWordPressテーマはほぼ存在しません。 汎用テーマをカスタマイズする手間なしに、業種にフィットした完成品をすぐに使えます。 --- ### Before / After イメージ **Before（このテーマを使う前）** - ホットペッパーの掲載費が月数万円かかり続けている - 汎用WPテーマで作ったサイトがどこかおしゃれじゃない - AI生成テンプレートを使ったが"量産感"が出てクライアントに渡しにくい **After（このテーマを導入後）** - 自社サイトからの予約が入りはじめ、ポータル依存が下がる - 「このHP、かっこいいですね」と来店客に言われるようになる - フリーランス制作者として「業種特化テーマを使った制作者」として差別化できる --- ### このテーマでできること - **即日公開**: インストール後すぐに使い始められる4ページ完成品 - **予約導線の設計**: トップ→コンセプト→サービス→予約CTAの自然な流れをそのまま使える - **ブランドカラーへの調整**: CSS変数1箇所の変更でサロンのカラーに合わせられる - **スマホ完全対応**: PC・タブレット・スマホすべてで崩れないレスポンシブ設計 - **管理画面から更新**: スタッフ情報・地図・電話番号をWordPress管理画面で変更可能（ACF対応） - **日本語最適化設計**: 海外テーマでは対応できない禁則処理・適切な行間・Noto Sans JPによる日本語フォント最適化を標準実装 --- ### デザインコンセプト 「AIが作ったっぽい」の反対にある、職人の手仕事と鋭さを体現するデザイン言語を選びました。 漆黒（`#0A0A0E`）を基調に、シアン（`#00D4FF`）とパープル（`#7B4FFF`）のネオンカラーをアクセントとして配した、鋭さと洗練を体現するエッジ系デザイン。 フルスクリーンヒーローへのフェードインアニメーション、コンセプト・サービス紹介・予約CTAまで、来店を促す流れを1ページで完結させます。フォントはBebas Neue × Barlow Condensed × Noto Sans JPの組み合わせで、ストリート系・プロフェッショナル系の両方に対応します。 **「AIっぽくない」の具体的な意味** | 表現手法 | 具体的なやり方 | |---------|-------------| | フォント選定 | 量産テーマが多用する「游ゴシック+白背景」の対極。Bebas Neue の鋭角字体を採用 | | カラー設計 | AI生成に多い中庸なグレー系を排除。ネオン×漆黒のコントラストを意図的に設計 | | アニメーション | フェードインのタイミングを0.1秒単位で手調整。機械的なuniform effectにしない | | 余白の呼吸 | ヒーロー上下の余白比率を黄金比に近い感覚で設定 | --- ### 仕様 | 項目 | 内容 | |------|------| | テーマ名 | BLACKEDGE BARBER | | ページ数 | 4ページ（トップ・メニュー・スタッフ・アクセス） | | CSS | style.css + tokens.css + base.css + components.css + animations.css | | JS | animations.js（スクロールフェードイン・インタラクション） | | その他 | functions.php / header.php / footer.php / favicon.svg / docs/ | | レスポンシブ | 対応（ブレークポイント: 768px / 1024px） | | フォント | Bebas Neue / Barlow Condensed / Noto Sans JP（Google Fonts） | | 対応プラグイン | Advanced Custom Fields (ACF) / Contact Form 7 / MW WP Form | | WordPress | 6.0以上 | | PHP | 8.0以上 | | ライセンス | GPL v2 or later（商用プロジェクトへの利用可） | | バージョン | v1.0（最終更新: 2026-03） | --- ### 海外テーマとの価格比較 ThemeForest（世界最大のWordPressテーマ市場）では、同種の業種特化テーマの平均価格は$59（≒¥9,000）。 本テーマはその約1/3以下の価格帯で、メンズバーバー専用の業種特化品質を提供しています。 | 比較軸 | ThemeForest海外テーマ（平均$59≒¥9,000） | TCD Beauty（¥12,980〜） | **BLACKEDGE BARBER** | |--------|----------------------------------------|------------------------|---------------------| | 業種特化 | △ 美容院全般（英語圏向け） | △ 美容院全般 | ✅ メンズバーバー専用 | | 日本語フォント最適化 | ❌ 非対応 | △ 部分対応 | ✅ Noto Sans JP最適化済み | | 日本語組版（禁則処理・行間） | ❌ 英語基準 | △ | ✅ 行間・禁則処理を日本語向けに調整 | | 日本語サポート | ❌ 英語のみ | ✅ | ✅ BOOTHコメント欄で日本語対応 | | 日本市場向け予約導線 | ❌ 海外予約システム前提 | △ | ✅ CF7 / MW WP Form対応 | --- ### 競合テーマとの比較 | 比較軸 | TCD「HOMME」（¥35,200） | TCD Beauty（¥12,980） | 汎用WPテーマ | **BLACKEDGE BARBER（本テーマ）** | |--------|------------------------|---------------------|------------|-------------------------------| | 業種特化 | ✅ バーバー・理容室特化 | △ 美容院全般 | ❌ 汎用 | ✅ メンズバーバー専用 | | ダーク系デザイン | △ スタイリスト系 | ❌ 明るいサロン向け | ❌ | ✅ ネオン×漆黒のエッジ系 | | HTML/CSS可読性 | △ CMS依存 | △ | △ | ✅ 完全可読・カスタマイズしやすい | | AIっぽくない仕上がり | △ テンプレート感 | △ テンプレート感 | ❌ 量産感 | ✅ 手調整アニメ・フォント設計 | | 予約CTA設計 | △ | △ 汎用ページ | ❌ | ✅ 予約ページ完備・CF7対応 | | スマホ対応 | ✅ | ✅ | △ | ✅ モバイルファースト設計 | | 価格 | ¥35,200 | ¥12,980 | ¥0〜¥5,000 | ✅ ¥3,000前後（TCD HOMME比 約1/12） | | 商用利用可 | 要追加ライセンス | ✅ | △ | ✅ GPL v2・商用明示 | **TCD「HOMME」（¥35,200）の約1/12の価格帯で、バーバー専用デザイン+完全可読コード+即日公開を実現しています。** --- ### こんな方にオススメ ✔ バーバーショップ・メンズサロンのHPを自分で作りたいオーナー ✔ クライアントのサロンHP制作を受注したい個人制作者・フリーランス ✔ 汎用テーマの「お店っぽさのなさ」に悩んでいる方 ✔ ホットペッパー依存から自社集客サイトに切り替えたい方 ✔ AI生成テンプレートで妥協したくない、デザインにこだわりたい方 ✔ TCD Beautyを使ってみたがメンズ向けデザインに限界を感じた方 --- ### よくある質問（FAQ） **Q. WordPressの知識がなくても使えますか？** A. 基本的なWordPressの操作（ページ編集・プラグインインストール）ができれば使えます。同梱の `docs/README.md` に手順書を収録しています。 **Q. テーマの色をサロンのブランドカラーに変更できますか？** A. `css/tokens.css` のCSS変数を変更することで、カラーパレット全体を一括変更できます。CSSの基礎知識があれば所要時間は約15〜30分です。 **Q. Contact Form 7なしでも使えますか？** A. 予約フォームページ（page-access.php）のみ、Contact Form 7またはMW WP Formが必要です。他のページはプラグインなしでも動作します。 **Q. クライアントへの納品に使えますか？** A. GPL v2ライセンスのため、商用プロジェクトへの利用・クライアント納品は完全に問題ありません。 **Q. サポートはありますか？** A. BOOTHのコメント欄にてご質問をお受けしています。同梱の `docs/README.md` にインストール手順・よくあるトラブル対処も収録しています。 --- ### 含まれるファイル ``` blackedge-barber/ ├── style.css # テーマメタデータ + ベーススタイル ├── functions.php # テーマ機能（メニュー登録・スクリプト読み込み等） ├── header.php / footer.php ├── front-page.php # トップページテンプレート ├── page-menu.php # メニュー・料金ページ ├── page-staff.php # スタッフ紹介ページ ├── page-access.php # アクセス・予約フォームページ ├── favicon.svg ├── css/ │ ├── tokens.css # デザイントークン（カラー・フォント変数） │ ├── base.css # リセット・基盤スタイル │ ├── components.css # コンポーネント（カード・ボタン・ナビ等） │ └── animations.css # アニメーション定義 ├── js/ │ └── animations.js # スクロールフェードイン └── docs/ ├── README.md # インストール手順 + よくあるトラブル └── customize-guide.md # カスタマイズ方法（カラー・フォント変更） ``` --- ### インストール手順 1. ZIPファイルをダウンロード 2. WordPress管理画面 → 外観 → テーマ → 新しいテーマを追加 → テーマのアップロード 3. `blackedge-barber.zip` をアップロードして有効化 4. 推奨プラグイン（ACF / Contact Form 7）をインストール 5. `docs/README.md` の手順に沿ってコンテンツを差し替え --- ### 購入後の流れ 1. **ダウンロード**: 購入完了後すぐにZIPファイルをダウンロードできます 2. **セットアップ**: `docs/README.md` の手順書に沿ってインストール（所要時間: 約30分） 3. **コンテンツ差し替え**: サロン名・写真・メニュー・スタッフ情報を差し替えて公開へ 4. **サポート**: ご不明点はBOOTHのコメント欄にてご質問をお受けしています --- ### サポートについて - インストール方法は同梱の `docs/README.md` に手順書があります - BOOTHのコメント欄にてご質問をお受けしています - ライセンス: GPL v2 or later（商用プロジェクトへの利用可） - バージョン: v1.0（最終更新: 2026-03） ---