2026年11月1日 21時03分

【WordPress制作実践⑤】ChatGPTとCodexでオリジナルテーマを開発|サイト設計から実装まで

最終更新:2026年11月2日 18時21分

優秀なコンサルタント「ChatGPT」⇄ 優秀なプログラマー「Codex」

この2人の部下と共に進めていきます

オリジナルブロックテーマの作成

提示された実装計画を承認します。
aoba-theme 配下にオリジナルブロックテーマを作成してください。
既存のWordPress本体、Twenty Twenty-Five、データベース、固定ページ、ki-hi-ro.comのファイルは変更しないでください。
トップページは提案された7つのセクションで構成してください。
既存のメインビジュアルは文字なしの画像を優先し、キャッチコピーは編集可能な見出しブロックとして配置してください。
架空企業の加工事例にはデモ用の内容であることを明記してください。
実装後は構文チェックとファイル構成の確認を行い、変更ファイル一覧、確認結果、残作業を報告してください。テーマの有効化はまだ行わないでください。

確認項目

確認項目期待する状態確認結果
テーマaoba-theme が新規作成されているOK
既存サイト変更なしOK
固定ページ既存の5ページを利用OK
トップページ7つのセクションを実装
ヘッダー:サイト名と既存5ページへのナビゲーション。スマートフォンでは開閉式。
メインビジュアル:既存画像と「確かな技術で、ものづくりを支える。」を使用。
事業紹介:精密金属加工・試作品製作・小ロット対応の紹介。
加工事例3件:画像・見出し・説明を編集できるカード。未提供の実績情報は仮原稿と明示。
お知らせ:標準のクエリーループで最新投稿を表示。
問い合わせ導線:既存のお問い合わせページへのボタン。
フッター:サイト名と主要ページへのリンク。
OK
スマホ対応レスポンシブ対応とりあえずOK
更新機能WordPress標準ブロックで編集可能要確認
構文チェックエラーなしOK

トップページ

過去の記事を読み込ませる

WordPress制作実践②から

画像の表に合わせて、[aoba-theme](/Applications/MAMP/htdocs/aoba/wp-content/themes/aoba-theme/) を修正しました。

  • トップ:「私たちの強み」を追加
  • 事業・サービス紹介:加工技術・対応業務・設備
  • 実績・事例紹介:デモ加工事例3件・写真・対応内容
  • 会社・事業者情報:会社概要・所在地・事業方針
  • お問い合わせ:フォーム表示例・連絡先

最初のベースはできた

カテゴリー:技術・開発