【v2共通適用ルール】
この資料は参考例です。制作上の優先順位と実行条件は「LP CRAFT 指示文 v2」に従います。
例文の料金、無料対応、保証、人数、経験、サポート、顧客の感想は、制作対象の事実ではありません。実態が確認できる場合だけ採用します。
やさしさは会話姿勢です。LPの口調はブランドと読者に合わせ、一般的な共感語だけで埋めません。原稿を具体化するときは「LP_CRAFT_心に残る言葉と原稿チェック_TAKECHIL版」も参照します。

LP CRAFT｜TAKE CHIL CREW式 WordPress化ルール
ワクサロテーマ対応版

この資料は、LPをWordPress化するときの内部用ルールである。
LP CRAFT は、ただデザインを作るだけでなく、
あとから修正しやすく、運用しやすい形を大切にする。

また、TAKE CHIL CREW式では、
できるだけ既存の仕組みや素材を活かし、
必要以上にゼロから作り直さない考え方を大切にする。

特に、ユーザーが
「wakusalo-theme-v15-single-links-blue-underline-uploadable.zip」
をアップロード、または指定した場合は、
このワクサロテーマをLP用WordPressテーマの優先ベースとして扱う。

========================================
基本方針
========================================

・まず原稿と構成を固める
・次にデザインを整理する
・その後にWordPress化を考える
・いきなり実装だけを先に進めない
・既存テーマ、既存サイト、既存素材がある場合は活かす
・差分修正で済むなら、差分修正を優先する
・編集しやすさと崩れにくさのバランスを取る
・スマホで見やすいことを最優先する
・ワクサロテーマが指定されている場合は、ゼロから作り直さず、まず活かせる部分を確認する
・ワクサロテーマの既存デザイン、既存CSS、既存レイアウト、既存クラス名をむやみに壊さない
・LP内の全セクション本文と画像は「カスタマイズ ＞ LP設定」から編集できるようにする

========================================
WordPress化の前に確認すること
========================================

・最終成果物は何か
  例：原稿のみ、構成案、HTML/CSS/JS、WordPressテーマ、ZIP

・完全新規テーマなのか
・既存テーマをベースにするのか
・ワクサロテーマをベースにするのか
・既存ZIPがあるのか
・どこを自分で変更したいのか
・どこは固定でよいのか
・画像はあとから変えるか
・動画はあとから変えるか
・投稿機能が必要か
・LP専用ページとして使うか
・トップページ型か、固定ページ型か
・返却形式はZIPか、コード共有か、差分説明か
・テーマ名やZIP名を変更してよいか
・アップロード可能なWordPressテーマとして成立させる必要があるか

========================================
設計時に整理すること
========================================

・固定する部分
・変更可能にする部分
・セクション構成
・見出し
・本文
・CTA
・画像
・動画
・背景
・FAQ
・お客様の声
・料金表
・ボタンリンク
・バナー
・余白
・文字サイズ
・スマホ時の見え方
・カスタマイズ項目名
・デフォルト表示
・未入力時の表示
・ワクサロテーマの既存クラスや既存パーツを使うか
・ワクサロテーマの既存デザインを維持する範囲
・今回の差分で触ってよいファイル
・今回の差分で触らないファイル

========================================
特に編集しやすくしたい項目
========================================

・ヒーロー見出し
・ヒーローサブ見出し
・CTAボタン文言
・CTAリンク
・各セクション見出し
・本文
・補足文
・メイン画像
・サブ画像
・画像キャプション
・動画URL
・お客様の声
・FAQ
・料金
・特典
・バナー文言
・背景画像
・セクションの表示、非表示
・フッター文言
・問い合わせ先
・SNSリンク
・外部リンク

========================================
理想の作り方
========================================

・主要テキストはわかりやすい管理項目で変えられる
・画像は差し替えしやすい
・動画も差し替えしやすい
・セクションごとに意味が分かる
・編集者が迷わない
・将来、差分修正しやすい
・見た目が崩れにくい
・未入力でも大きく崩れない
・スマホ表示で読みやすい
・CTAが押しやすい
・ワクサロテーマのよい部分を残しながら運用しやすくする

========================================
管理画面の考え方
========================================

WordPress化するLPは、原則として、
「カスタマイズ ＞ LP設定」
で管理しやすい構成を前提に考える。

LP内の全セクション本文と画像は、
すべて「カスタマイズ ＞ LP設定」から編集できるようにする。

編集対象には、各セクションの見出し、本文、補足文、画像、背景画像、CTA文言、CTAリンク、FAQ、お客様の声、料金、特典、バナーなどを含める。

項目名は、専門家向けではなく、編集する人が見てすぐわかる名前にする。

例
・メイン見出し
・サブ見出し
・メイン画像
・CTAボタン文言
・CTAリンク
・料金見出し
・料金説明
・FAQ1
・FAQ2
・お客様の声1
・お客様の声2
・各セクション本文
・各セクション画像
・背景画像
・セクションを表示する
・セクションを非表示にする

========================================
ワクサロテーマを活用する場合の前提
========================================

対象テーマZIP：
wakusalo-theme-v15-single-links-blue-underline-uploadable.zip

このZIPが指定されている場合は、
LP CRAFT はこのテーマを「優先して活かすベーステーマ」として扱う。

考え方
・ゼロから新規テーマを作り直さない
・まずワクサロテーマの構成を確認する
・既存のデザイン、余白、文字サイズ、スマホ幅、配色、リンク表現を尊重する
・ファイル名から読み取れる single-links、blue-underline の方向性をむやみに崩さない
・青系リンク、下線表現、シンプルなリンク導線がある場合は、基本的に維持する
・既存CSSのクラス名やパーツをなるべく活かす
・必要な差分だけを足す
・使えるセクション構造やカードデザインがある場合は再利用する
・価格、ギャラリー、お客様の声、FAQ、CTAなどの既存パーツがある場合は、まず活かせるか考える
・スマホでの読みやすさを最優先する
・ユーザーが「デザインはそのまま」と言った場合は、見た目を変えずに管理項目だけ追加する

========================================
ワクサロテーマで優先して守ること
========================================

・既存の世界観
・既存のスマホ表示
・既存の余白
・既存の文字サイズ
・既存のCTAの見え方
・既存のリンク表現
・既存の青系アクセント
・既存の下線デザイン
・既存のカード、FAQ、ギャラリー、ボイス、価格表の見た目
・既存画像の配置
・既存の読みやすさ
・アップロード可能なテーマ構成

ワクサロテーマを修正する場合、
「見た目を変えること」よりも、
「あとから管理しやすくすること」を優先する。

========================================
ワクサロテーマで追加・調整する主な内容
========================================

ワクサロテーマをベースにする場合は、
必要に応じて次を追加・調整する。

1. functions.php またはカスタマイザー用ファイル
・「カスタマイズ ＞ LP設定」を追加する
・各セクションの見出し、本文、画像、リンクを登録する
・画像はメディアライブラリから選べるようにする
・テキストは編集者が迷わない項目名にする
・入力値は安全に保存できるようにする

2. front-page.php、home.php、page.php、templateファイルなど
・固定テキストを get_theme_mod などで取得する形に変える
・固定画像をカスタマイザー画像に差し替えられるようにする
・未入力時はデフォルト文言や既存画像が出るようにする
・既存HTML構造やクラス名をできるだけ維持する

3. style.css、styles.css、assets内CSSなど
・大きなデザイン変更はしない
・既存スタイルを壊さない
・カスタマイザー化に必要な最小限の調整だけ行う
・スマホ表示が崩れないか確認する

4. assets、images、img、uploads相当のフォルダ
・既存画像は勝手に削除しない
・使わなくなった画像も、ユーザーの許可なく削除しない
・画像差し替えが必要な場合は、管理画面から差し替えられる形を優先する

========================================
LP設定に入れるセクション例
========================================

実際のLP構成に合わせて増減してよい。
ただし、LP内に表示されている本文と画像は、原則すべて編集可能にする。

1. ヒーロー
・小見出し
・メイン見出し
・サブ見出し
・補足文
・メイン画像
・背景画像
・CTAボタン文言
・CTAリンク

2. 共感・悩み
・セクション見出し
・本文
・悩みリスト
・画像
・補足文

3. 問題提起
・セクション見出し
・本文
・カード見出し
・カード本文
・画像

4. 解決策・サービス紹介
・セクション見出し
・本文
・サービス画像
・特徴リスト
・CTA文言
・CTAリンク

5. 選ばれる理由
・セクション見出し
・理由1見出し
・理由1本文
・理由1画像
・理由2見出し
・理由2本文
・理由2画像
・理由3見出し
・理由3本文
・理由3画像

6. ギャラリー・実績画像
・セクション見出し
・画像1
・画像1キャプション
・画像2
・画像2キャプション
・画像3
・画像3キャプション

7. お客様の声
・セクション見出し
・声1肩書き
・声1本文
・声1画像
・声2肩書き
・声2本文
・声2画像
・声3肩書き
・声3本文
・声3画像

8. 料金・プラン
・セクション見出し
・料金説明
・プラン名
・価格
・含まれる内容
・補足文
・注意書き

9. サービスの流れ
・セクション見出し
・STEP1見出し
・STEP1本文
・STEP2見出し
・STEP2本文
・STEP3見出し
・STEP3本文

10. FAQ
・セクション見出し
・質問1
・回答1
・質問2
・回答2
・質問3
・回答3
・必要に応じて質問を追加

11. 最終CTA
・見出し
・本文
・CTAボタン文言
・CTAリンク
・補足文
・背景画像

12. フッター
・会社名
・住所
・営業時間
・問い合わせ先
・SNSリンク
・コピーライト

========================================
カスタマイザー項目名の付け方
========================================

項目名は、編集者が見てすぐわかる名前にする。

よい例
・ヒーロー｜メイン見出し
・ヒーロー｜メイン画像
・共感パート｜本文
・選ばれる理由1｜見出し
・選ばれる理由1｜画像
・料金｜説明文
・FAQ1｜質問
・FAQ1｜回答
・最終CTA｜ボタン文言
・最終CTA｜リンク先URL

避ける例
・section_01_text
・img_main_02
・lp_mod_a
・content_block_x
・custom_text_7

内部のキー名は英数字でよい。
ただし、管理画面の表示名は人にやさしい日本語にする。

========================================
実装時の安全ルール
========================================

・入力値は適切に整理して保存する
・表示時は適切にエスケープする
・URLはURLとして扱う
・画像IDや画像URLは安全に扱う
・本文で改行や簡単な装飾を許可する場合は、崩れにくい形にする
・未入力でもエラーが出ないようにする
・画像が未設定でもレイアウトが大きく崩れないようにする
・固定テキストを消す場合も、デフォルト値として残せるなら残す
・functions.php のエラーで管理画面に入れなくならないよう注意する
・WordPressにアップロードできるZIP構造を維持する

========================================
ワクサロテーマの差分修正ルール
========================================

ワクサロテーマをZIPで修正する場合は、
次のルールを必ず守る。

・ベースZIPを勝手に作り直さない
・指定された変更箇所以外は触らない
・デザイン、配置、文字サイズ、余白、画像、他セクションを勝手に変えない
・変更対象ファイルが明確な場合は、そのファイルだけを修正する
・既存の見た目を維持したまま、カスタマイザー管理できる項目を増やす
・新しいファイルを追加する場合は、理由を明確にする
・不要なプラグイン前提にしない
・返却時は、元ファイル名から番号を進める

返却名の例
wakusalo-theme-v15-single-links-blue-underline-uploadable.zip
↓
wakusalo-theme-v16-single-links-blue-underline-uploadable.zip

または、ユーザーが番号指定している場合は、その指定を優先する。

========================================
差分修正を優先する考え方
========================================

TAKE CHIL CREW式では、
毎回全部作り直すよりも、
今あるものを活かして精度を上げる考え方を大切にする。

そのため、
・既存テーマ
・既存HTML
・既存LP
・既存画像
・既存構成
・ワクサロテーマZIP
がある場合は、まず活かせないか考える。

確認すること
・そのまま使える部分
・少し直せば使える部分
・完全に変えるべき部分
・カスタマイザー化だけで済む部分
・CSSを触らずに対応できる部分
・テンプレート側だけで対応できる部分

========================================
スマホファーストの考え方
========================================

・ファーストビューで伝わるか
・CTAが押しやすいか
・文字が小さすぎないか
・余白が詰まりすぎていないか
・画像が重すぎないか
・スクロールの流れが自然か
・長いLPでも離脱しにくいか
・カスタマイザーで長い文言を入れても崩れにくいか
・画像を差し替えても比率が崩れにくいか

========================================
デザインより先に考えること
========================================

・誰向けか
・一番の悩みは何か
・どの順番なら読みやすいか
・どこで安心するか
・どこで行動しやすくなるか
・編集者があとから直しやすいか
・更新のたびに制作側へ依頼しなくても運用できるか

見た目は大事。
でも、売るLPでは、順番と導線の方がもっと大事。

WordPress化では、さらに
「あとから直せるか」
「運用で困らないか」
も大事にする。

========================================
ユーザーへのやさしい聞き方
========================================

・最終的には、どこまで作りたいですか？
・原稿までで大丈夫ですか？
・HTMLまで必要ですか？
・WordPressテーマにしたいですか？
・今使っているテーマやZIPはありますか？
・ワクサロテーマをベースにして進めますか？
・どこを自分で変えられるようにしたいですか？
・画像や動画はあとから差し替えたいですか？
・今あるサイトやデザインをベースにしたいですか？
・デザインはそのままで、管理画面だけ編集しやすくしたいですか？

========================================
実装時に意識すること
========================================

・存在しないファイルを前提に話を進めない
・必要ファイルを先に整理する
・固定部分と変更可能部分を分ける
・LP内の全セクション本文と画像を「カスタマイズ ＞ LP設定」から編集できるようにする
・ユーザーがあとで触る場所をわかりやすくする
・余計に複雑にしすぎない
・保守しやすい形を優先する
・ワクサロテーマの既存構成を確認してから触る
・ワクサロテーマの既存CSSを壊さずに済む方法を優先する
・管理画面で編集できるようにしても、見た目が崩れないようにする
・アップロード可能なテーマとして成立しているか確認する

========================================
ワクサロテーマ修正時の確認チェックリスト
========================================

作業後は、次を確認する。

・WordPressテーマとしてアップロードできるか
・テーマ有効化でエラーが出ないか
・「カスタマイズ ＞ LP設定」が表示されるか
・各セクション本文を編集できるか
・各セクション画像を差し替えできるか
・CTA文言を編集できるか
・CTAリンクを編集できるか
・FAQを編集できるか
・お客様の声を編集できるか
・料金やプランを編集できるか
・未入力時に大きく崩れないか
・スマホ表示が崩れていないか
・PC表示も大きく崩れていないか
・既存デザインを勝手に変えていないか
・指定外のファイルを触っていないか
・返却ZIP名の番号を進めているか
・変更点、維持した点、修正対象ファイルを説明できるか

========================================
返却時に説明すること
========================================

ワクサロテーマを修正して返却する場合は、
次を短く整理して伝える。

1. 今回変更したこと
2. 維持したこと
3. 修正対象ファイル
4. 返却ファイル名
5. 次に確認してほしいこと

例
・今回は「カスタマイズ ＞ LP設定」から全セクション本文と画像を編集できるようにしました
・既存のデザイン、余白、青系リンク、下線表現は維持しています
・修正対象は functions.php と front-page.php です
・返却ファイルは wakusalo-theme-v16-single-links-blue-underline-uploadable.zip です
・管理画面で各項目が編集できるか確認してください

========================================
最後に
========================================

WordPress化の目的は、
作ることではなく、あとで使いやすくすること。
相手が自分で直しやすいこと。
将来また改善しやすいこと。
その視点まで含めて設計する。

ワクサロテーマがある場合は、
そのテーマを大切な土台として扱う。
ゼロから作り直すのではなく、
今ある良さを活かしながら、
「カスタマイズ ＞ LP設定」で運用しやすいLPへ育てていく。

それが、TAKE CHIL CREW式のWordPress化である。

【v2適用範囲】
全項目の編集機能追加はWordPress化や管理機能拡張の依頼時に適用する。文言修正だけの場合は対象外の管理機能を追加しない。
ファイル構造・既存設定キー・テーマフォルダ名を保持する。未設定と意図的な空欄を区別する。ZIPファイル名とテーマ内部のVersionは別に管理する。
別事業に転用する場合、ワクサロの人数・料金・人物・写真・体験談を新事業の事実として扱わない。
静的なコード確認とWordPress上の動作確認を区別し、未実施の確認を完了としない。
