- Aloha Goodies の Next.js 版を完成させたあと、この構成を WordPress に移植できないか考え始めました。
- ここ数日は、PHP や WordPress の関数について、書籍を読みながら基礎を整理していました。
- ローカルサーバーを立て、その中で WordPress の Theme 構造を一通り確認。
- まずは PHP で比較的素直に読める Twenty Twenty-One の子テーマとして、Aloha Goodies のテーマを作るところから始めました。
- 完成後は、同じ内容を Twenty Twenty-Three でも作り直す予定です。
構成について
- Twenty Twenty-One の子テーマとして、必要最小限のページ構成
- header / footer は CSS の重なりを避けるため、最小限の PHP ファイルを作成
- front-page.php、page.php を中心に実装
- ほとんどの要素を部品化し、template-parts 配下に分離
- jQuery を使って、商品詳細の overlay 表示を実装
- 投稿ページやカスタム投稿タイプは使わず、データは functions.php 内に直接定義
- 固定ページは以下の4ページのみ作成（中身は空）
- accessories
- interior-goods
- kitchen-tableware
- apparel-fabric
Demo
デモは、ブログと同じサーバー内にサブディレクトリとして作成しました。