yuheiy / wordpress-starter

WordPress テーマ構築のための開発環境です。wp-env と wp-scripts を利用したローカル開発環境が組み込まれています。Timber の採用によって、Twig を利用したテンプレートの記述ができるようになっています。

wordpress-starter

WordPress テーマ構築のための開発環境です。wp-env と wp-scripts を利用したローカル開発環境が組み込まれています。Timber の採用によって、Twig を利用したテンプレートの記述ができるようになっています。

導入

要求環境:

• Docker クライアント
• Node.js 16
• Composer
• WP-CLI

.env の作成:

ACF_PRO_KEY=PUT_YOUR_LISENCE_KEY

ACF Pro のライセンスキーを入力します。

依存パッケージのインストール:

npm run setup:tools

ローカルサーバーの起動:

npx wp-env start
npm run dev

wp-env の使い方

wp-env は、Docker を使った WordPress 環境を簡単に構築するためのツールです。基本的な利用方法については公式ドキュメントを参照してください。

セットアップ

WordPress の初期設定は自動で行うことができます。これまでにエクスポートされたデータがあれば、それを基にして復元します。

npm run setup:wp

設定内容を変更するには、env/setup.sh を編集してください。

コンテンツと uploads ディレクトリのエクスポート

WordPress のコンテンツおよび uploads ディレクトリは、env ディレクトリにエクスポートすることができます。

npm run export

ダッシュボードへのアクセス

wp-env の起動後に次の URL を開いてください。

http://localhost:8888/wp-admin/

• ユーザー名: admin
• パスワード: password

本番用ビルド

次のコマンドを実行すると、ビルド済みのファイルが source/wp-content/themes/mytheme/build ディレクトリに出力されます。

npm run build

関連リソース

• @wordpress/env: wp-env の公式ドキュメント
• Timber Docs for v1 – Timber Documentation: Timber の公式ドキュメント
• The Timber Starter Theme: Timber の公式スターターテーマ
• Twig - The flexible, fast, and secure PHP template engine: Twig の公式ドキュメント
• shifted: 静的サイト構築のためのフロントエンド開発環境