AIでWebページを作れるサービスは増えました。
ただ、実務で必要なのは「1ページを表示すること」ではありません。問い合わせ、会員、予約、検索、更新履歴まで含めて、継続的に運用できる状態です。
今回は、CodexやClaude CodeとWordPress標準REST APIを使い、制作物を「自分で所有して育てられるWeb基盤」へ変える考え方を紹介します。
■ 公開できるページと、運用できるサイトは違う
見た目が完成しても、次の仕組みがなければ実務では困ります。
・問い合わせを保存して担当者へ渡す
・記事や求人を社内で更新する
・会員ごとに公開範囲を分ける
・予約やイベント参加を管理する
・検索やスマホメニューを操作確認する
・変更内容を次の担当者へ引き継ぐ
この差を埋める土台としてWordPressを使います。
■ 最初に自由なサイトマップを設計する
トップページだけを先に作るのではなく、必要な階層を整理します。
たとえば会員コミュニティなら、支援メニュー、プログラム、イベント、会員一覧、プロフィール詳細、相談予約、ブログ、FAQ、運用ログが必要です。
WordPressの固定ページ、投稿、カスタム投稿タイプとして分ければ、後から求人、EC、予約、会員機能を追加しても構造が崩れにくくなります。
■ 三つの層に分けるとAIへ依頼しやすい
1. コンテンツ
記事、求人、イベント、会員プロフィール、商品など、担当者が更新する情報です。
2. 機能
問い合わせ、予約、検索、会員認証、カート、構造化データなどです。WordPress標準機能と実績のある無料プラグインを活用します。
3. 表示
ショートコード、CSS、JavaScriptで業種に適した導線へ整えます。
この三層を分けると、デザインを変えても投稿データは残り、機能を追加しても全ページを作り直さずに済みます。
■ CodexやClaude Codeへ任せる工程
AIには、次の順番で作業させます。
1. 既存構成とプラグインを確認
2. 関数名やショートコードの重複を確認
3. ページ階層とデータ構造を設計
4. REST APIでページや投稿を作成
5. CSSとJavaScriptを実装
6. PC・スマホでクリック操作を検証
7. エラーとリンク切れを確認
8. 開発ログへ記録
大切なのは「作って」で終わらず、設計、実装、検証、記録までを一つの単位にすることです。
■ 無料プラグインは存在を知り、正しく組み合わせる
会員管理、EC、予約、イベント、SEOをすべて独自開発する必要はありません。
世界中で使われているプラグインを選び、AIへ設定と連携を依頼すれば、開発時間を抑えながら機能を広げられます。
ただし、更新状況、権限管理、個人情報、バックアップ、復旧手順は人が確認する必要があります。
■ 開発ログが次回の速度と品質を上げる
AIとの会話だけでは、別セッションで設計意図が抜けることがあります。
作成したページID、ショートコード、機能、制約、スマホ確認、テスト結果をWordPress内の開発ログへ残せば、次のAIや担当者が続きを理解できます。
同じ関数を重複させたり、直した不具合を再発させたりするリスクも減らせます。
■ このメソッドで身につくこと
これは完成テンプレートを受け取るだけの商品ではありません。
CodexやClaude Codeとの会話を通じて、自分でサイトマップを決め、WordPressへ実装し、修正し、検証し、機能を追加するための考え方です。
コーポレートサイトだけでなく、求人、予約、EC、会員、アフィリエイト、業務用ポータルまで応用できます。
ただし、成果や制作時間を保証するものではありません。環境、要件、利用するプラグインによって必要な確認は変わります。
■ まとめ
AI Web制作の価値は、短時間できれいなページを作ることだけではありません。
WordPress標準REST API、無料プラグイン、自由なサイトマップ、操作検証、開発ログをつなげることで、所有しながら育てられるWeb基盤へ発展させられます。
「AIに作らせる」から「AIと一緒に設計・検証・運用する」へ。ここを理解すると、対応できるWeb制作の範囲が大きく広がります。