かつお工房 (bakusoku-hp.net) — 案件サマリー

公開準備 WP本体・SEO・速度最適化・モバイルCTA・ブランド構築まで完成。 残: 本番公開 (noindex解除) + SNS告知 + WPvivid自動化。

• 見出し: Zen Old Mincho (明朝体・太字・格調)
• サブ見出し: Shippori Mincho (柔らかい明朝)
• 本文: Zen Kaku Gothic New (読みやすいゴシック)
• コード/英字: JetBrains Mono / Archivo Black

HEROのHTML・CSS・アニメーション。 「爆」の font-size:380px (PC) / 200px (mobile) が決定打。 これ以上大きくすると LCP 悪化。

パス: /wp-content/mu-plugins/bst-performance.php
critical CSS インライン化・フォントpreload・CSS defer (media='print' onload)・jQuery Migrate除去・GTM遅延・絵文字スクリプト削除・不要メタタグ削除

// defer 対象ハンドル (フロントページのみ)
$defer = [
    'astra-google-fonts',
    'astra-addon-css',              // ★ 600ms削減効果
    'astra-addon-megamenu-dynamic',
    'astra-child-theme-css',
    'spectra-pro-block-css',
    'uagb-block-positioning-css',
];
// uag-style-* (ページ別CSS) もマッチで追加

子テーマのスタイル読み込みのみ。 パフォーマンス制御は層2に集約済。

• スマホ下部固定CTA: 黒背景・朱赤上部ボーダー、 2ボタン (電話 070-8537-5465 / フォーム /contact/)
• アンカースクロール対応: scroll-margin-top + JSスムーズスクロール、 ヘッダーオフセット動的計算、 モバイルメニュー自動クローズ
• Telegram通知: SureForms srfm_form_submit フック経由、 Bot=Utubo_Server_monitoring_Bot、 Chat ID=8559271919

• ✓ Rank Math 初期設定ウィザード
• ✓ 全固定ページのメタタイトル・ディスクリプション
• ✓ Google Analytics 4 連携 (Site Kit、 GA4=G-RBC1KF17WH)
• ✓ Google Search Console 連携
• ✓ サイトマップ送信 (Rank Math自動生成)
• ✓ OGP画像 (SNSシェア用)
• ✓ 特商法・プライバシー は noindex

集客ページ (page 191) のHTMLブロックが「保存時」または「再オープン時」に 2回消失。 バックアップから復元済。

• HTMLブロック内に <!-- wp:html --> マーカーが含まれ、 Gutenberg が二重認識してパース失敗
• CSS内の content:"<>" がHTMLパースで誤解釈
• CSS内の漢字 (content:"世界" 等) が文字化け
• 大量emoji + 大規模ファイルでメモリ問題
• 長い説明コメント大量挿入

• <!-- wp:html --> マーカー全削除
• 長い説明コメント全削除
• CSS特殊文字をUnicodeエスケープ化: content:"\003C\003E"
• ホバーは .bst-hover クラス明示付与方式へ (テキスト判定ハック廃止)

• bakusoku-* — 旧式 (page 205 のみ・17セクション)
• bst-hero-* — 新式 (page 203 HERO)
• bst-hub-* — 新式 (page 203 HUB: mkt/proof/svc/cta)
• bst-tune-* — 新式 (page 207 チューニング)
• bst-mkt-* — 新式 (page 191 集客)
• bst-sf-* — 新式 (page 233 / 227 FAQ・無料相談)

# SSH アクセス
ssh -p 10022 xs273132@sv16022.xserver.jp
cd ~/bakusoku-hp.net/public_html
wp [command] --skip-themes --skip-plugins

# bst-performance.php ロールバック
cd /home/xs273132/bakusoku-hp.net/public_html/wp-content/mu-plugins/
LATEST_BAK=$(ls -t bst-performance.php.bak.* | head -1)
cp "$LATEST_BAK" bst-performance.php
php -l bst-performance.php  # 構文チェック

1. 画像 WebP 化 (cwebp, 98%減)
2. .htaccess (Gzip + ブラウザキャッシュ画像1ヶ月/CSS1週間/フォント1年)
3. WP Super Cache + XServer サーバーキャッシュ
4. astra-local-fonts (608 @font-face) 削除 + Webfont Loader 無効化
5. functions.php 高速化 (jQuery Migrate / 絵文字 / 不要メタ削除)
6. CSS 非同期ロード (preload + onload)
7. CLS対策 (min-height固定 / contain:strict / content-visibility)
8. モバイルCTA (kc-hp.com流のシンプル実装で隙間問題回避)

• 同業者のソース読みリバースエンジニアリングが最速
• iOS Chrome の fixed 要素問題は「シンプル」が勝つ (backdrop-filter は描画問題引き起こす)
• functions.php 直編集は php -l 構文チェック必須
• 速度SEOは本物。 Core Web Vitals 全緑で2週間で「ホームページ作成 爆速」2位
• 動的 vh / svh / lvh は罠もある
• CSS追記しすぎると最後の指定が勝つ → 整理しないと混沌

• katuocloud (クラウドサービス): katuocloud.com
• 心興住設 (建設業 WP案件): shinkoujyuusetu.com
• wanchance (運営ポータル・本ページ掲載先): wanchance.com