爆速HP工房 (bakusoku-hp.net) サイト構築完了 引き継ぎメモ
2026/04/26 作成 / Phase 1〜5 完了 / 公開準備フェーズ
■ プロジェクト概要
| サイト名 | 爆速ホームページ作成「かつお工房」 |
|---|---|
| ドメイン | bakusoku-hp.net |
| サーバー | XServer（katuocloudと同じ相乗り構成） |
| サービス内容 | WordPress HP制作、24時間納品保証、業界唯一 |
| プラン構成 | 爆速プラン ¥100,000 / 24H 爆速＋カート ¥140,000 / 48H 1年パック方式（ドメイン・SSL・メール・1年保守込み） |
■ 技術スタック
| CMS | WordPress 6.x |
|---|---|
| テーマ | Astra + Astra Child（カスタマイズ集中先） |
| ページビルダー | Spectra Pro / Elementor 不使用、カスタムHTMLブロック中心 |
| フォーム | SureForms（Form ID: 45） |
| SEO | Rank Math SEO + Site Kit（GA4 + Search Console連携） |
| セキュリティ | SiteGuard / BBQ Firewall / CloudSecure |
| バックアップ | WPvivid Backup（※自動化未設定） |
■ デザイン体系
カラーパレット
| 朱赤（メイン） | #e63946 |
|---|---|
| 墨黒 | #0a0a0a |
| 紙色（背景） | #f4f1ea |
| 紙色2（背景アクセント） | #ebe7dd |
| ディープレッド | #c1121f |
フォント
- 見出し：Zen Old Mincho（明朝体・太字・格調高い）
- サブ見出し：Shippori Mincho（柔らかい明朝）
- 本文：Zen Kaku Gothic New（読みやすいゴシック）
- コード/英字：JetBrains Mono / Archivo Black
■ 全17セクション + 5リニューアル
| # | セクション | 形式 |
|---|---|---|
| 1 | HERO | 大判ビジュアル + 印章 |
| 2 | STATEMENT 1 | 黒画面メッセージ「最短ではありません」 |
| 3 | WHO | ★無限スクロール（Midjourney墨絵アイコン6個） |
| 4 | WHY | ★ビッグナンバー型（読み物） |
| 5 | STATEMENT 2 | 黒画面「間に合わせます」 |
| 6 | AI TRUTH | 左右対比「結論。不可能です。」 |
| 7 | PRICE | 2プランカード（POPULAR バッジ付き） |
| 8 | CANT | 左右対比 + sudo警告ボックス |
| 9 | OWNERSHIP | 左右対比 + 引用クォート |
| 10 | DOMAIN | 4ステップカード + 警鐘 |
| 11 | FLOW | ★縦タイムライン型（Step03パルス強調） |
| 12 | DELIVERY | 左右対比 + サブスク注意 |
| 13 | CAPACITY | 統計ボード + 3理由カード |
| 14 | WORKS | ★実績2件（katuocloud/Sunkensho）+ 業種ピル6個（ネイル/体験/便利屋/建設/飲食/アパレル） |
| 15 | BEYOND | ★タブ切替型（6業種別提案） |
| 16 | FAQ | アコーディオン12問（4カテゴリ） |
| 17 | CTA | パルスサークル + 統計 + 巨大CTA |
■ functions.php カスタマイズ
追加機能（wp_footer フック）
- スマホ下部固定CTA：黒背景・朱赤上部ボーダー、2ボタン（電話 070-8537-5465 / フォーム /contact/）
- アンカースクロール対応：scroll-margin-top + JSスムーズスクロール、ヘッダーオフセット動的計算、モバイルメニュー自動クローズ
- Telegram通知：SureForms srfm_form_submit フック経由、Bot=
Utubo_Server_monitoring_Bot、Chat ID=8559271919（個人）
⚠ Telegram Bot Token は秘密情報
万一漏洩時はTelegramの@BotFatherで
万一漏洩時はTelegramの@BotFatherで
/revoke コマンドで再発行可能。functions.php内に直接記述。
■ 重要URL一覧
| サイトトップ | https://bakusoku-hp.net/ |
|---|---|
| 管理画面 | https://bakusoku-hp.net/wp-admin/ |
| お問い合わせ | https://bakusoku-hp.net/contact/ |
| 特定商取引法 | https://bakusoku-hp.net/tokutei/（noindex） |
| プライバシーポリシー | https://bakusoku-hp.net/privacy/（noindex） |
| サイトマップ（Rank Math） | https://bakusoku-hp.net/sitemap_index.xml |
| Telegram通知テスト | /wp-admin/admin-ajax.php?action=bakusoku_telegram_test |
■ ヘッダーメニュー（6項目）
| こんな方に | /#who |
|---|---|
| 選ばれる理由 | /#why |
| 料金 | /#price |
| 対応範囲 | /#cant |
| 24Hの先へ | /#beyond |
| FAQ | /#faq |
■ アンカーID一覧（HTMLアンカーは「#なし」で入力）
| セクション | id 値 | アンカーURL |
|---|---|---|
| WHO | who | /#who |
| WHY | why | /#why |
| PRICE | price | /#price |
| CANT | cant | /#cant |
| OWNERSHIP | ownership | /#ownership |
| DOMAIN | domain | /#domain |
| FLOW | flow | /#flow |
| DELIVERY | delivery | /#delivery |
| CAPACITY | capacity | /#capacity |
| WORKS | works | /#works |
| BEYOND | beyond | /#beyond |
| FAQ | faq | /#faq |
| CTA | cta | /#cta |
■ SEO設定
完了済み
- ✓ Rank Math 初期設定ウィザード
- ✓ ホーム固定ページのメタタイトル・ディスクリプション
- ✓ 他全固定ページのメタ情報（特商法・プライバシー・contact）
- ✓ Google Analytics 4 連携（Site Kit経由）
- ✓ Google Search Console 連携（Site Kit経由）
- ✓ サイトマップ送信（Rank Math自動生成）
- ✓ OGP画像（SNSシェア用）
- ✓ 特商法・プライバシーポリシーは noindex 設定
SEOタイトル設定（コピペ用）
ホーム：
爆速ホームページ作成「かつお工房」｜必ず24時間で納品
ホーム説明：
銀行・公機関への提出、商談、申請、24時間後にURLが必要——
爆速ホームページ作成「かつお工房」は、入金確認後必ず24時間以内に
完成版HPをお渡しします。¥10万から、明朗会計、所有権はお客様。
WordPressで他社移行可能。
フォーカスキーワード：
爆速 ホームページ / 24時間 納品
■ 残タスク
| タスク | 優先度 | 所要時間 | 備考 |
|---|---|---|---|
| WPvivid バックアップ自動化 | 🟢 中 | 15分 | Google Drive連携 |
| LiteSpeed Cache 導入・設定 | 🟡 中〜高 | 30〜60分 | 表示速度UP・SEO評価UP |
| 本番公開（noindex解除確認） | 🔴 高 | 2分 | 設定→表示設定で確認 |
| SNS告知（X/Instagram/YouTube） | 🟡 中 | 30分〜 | OGP画像で映える |
| favicon 全サイズ対応確認 | 🟢 低 | 5分 | 既に「鰹」ロゴ作成済み |
■ 注意事項・運用ルール
⚠ Telegram Bot Tokenの管理
functions.php内に直接記述。GitHubなど公開リポジトリへの掲載厳禁。
functions.php内に直接記述。GitHubなど公開リポジトリへの掲載厳禁。
⚠ サイトキャッシュクリア手順
1. LiteSpeed Cache（導入後）：管理画面からパージ
2. ブラウザキャッシュ：Ctrl+F5（強制リロード）
3. CDN（あれば）：Cloudflare等で個別パージ
1. LiteSpeed Cache（導入後）：管理画面からパージ
2. ブラウザキャッシュ：Ctrl+F5（強制リロード）
3. CDN（あれば）：Cloudflare等で個別パージ
⚠ functions.php 編集前は必ずバックアップ
PHP構文エラーでサイトが真っ白になるリスク。
編集前に全コードをコピー→別ファイル保存。
万一の復旧手段：FTP/SFTP/cPanelで直接functions.phpを修正。
PHP構文エラーでサイトが真っ白になるリスク。
編集前に全コードをコピー→別ファイル保存。
万一の復旧手段：FTP/SFTP/cPanelで直接functions.phpを修正。
⚠ ドメイン名義について（特商法・OWNERSHIPセクション参照）
24時間納品保証のため、ドメインは当工房名義で取得。
お客様への説明：DOMAINセクションで明示済み（移管対応可）。
24時間納品保証のため、ドメインは当工房名義で取得。
お客様への説明：DOMAINセクションで明示済み（移管対応可）。
■ 受注時のフロー
| Step 01 | 無料相談（フォーム/電話）→ info@bakusoku-hp.net 受信 + Telegram通知 |
|---|---|
| Step 02 | プラン確定 → 見積もり書・請求書発行 |
| Step 03 | 入金確認時点 = 24時間カウント開始 |
| Step 04 | 制作完了 → URL・WordPressログイン情報・メール設定情報をお渡し |
■ 1年パック含有内容
- 独自ドメイン取得（当工房名義）
- SSL証明書設定
- WordPressサーバー（XServer相乗り）
- 独自ドメインメール 1個
- 1年間の保守対応（月1回・15分目安の修正対応）
- Google Search Console 登録
- レスポンシブ対応・SEO初期設定
■ 1日強の偉業
| Phase 1 | 環境構築（ドメイン・SSL・WordPress・プラグイン11個） |
|---|---|
| Phase 2 | Astra設定・パレット・タイポグラフィ・SureForms |
| Phase 3-A | ヘッダー調整・favicon |
| Phase 3-B | v3デザイン17セクション全実装 |
| Phase 3-C | カード過多解消（5セクションリニューアル） |
| Phase 4-A | スマホ下部固定CTA |
| Phase 4-B | アンカースクロール対応 |
| Phase 4-C | ScrollToTop位置調整 |
| Phase 5-A | フォームテスト |
| Phase 5-B | Astraデモ削除 |
| Phase 5-C | 特商法・プライバシーポリシー |
| Phase 5-D | ボタンリンク統一・Telegram通知 |
| Phase 5-E | SEO設定（Rank Math + GA4 + Search Console + OGP） |
普通なら1週間以上かかる作業を 1日強で完成。
これにより爆速HP工房は「必ず24時間で納品」のサービスを
自身の制作実績で 体現 している状態。
これにより爆速HP工房は「必ず24時間で納品」のサービスを
自身の制作実績で 体現 している状態。
■ 参考リンク（他案件）
- katuocloud（クラウドサービス）：
katuocloud.com - 心興住設（建設業 WP案件）：
shinkoujyuusetu.com - wanchance（運営ポータル・このメモ掲載先）：
wanchance.com
最終更新：2026/04/26 / 次回再開時：バックアップ設定 → パフォーマンス最適化 → SNS告知 → 本番公開