yuheiy / wordpress-starter

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

wordpress-starter

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

導入

要求環境:

.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

関連リソース

About

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

License:GNU General Public License v2.0


Languages

Language:PHP 56.3%Language:Twig 28.6%Language:JavaScript 7.0%Language:TypeScript 4.6%Language:CSS 3.4%Language:Shell 0.1%