😇
Trellis + Bedrock + Sage で WordPress テーマの開発環境を作る
trellis-cli
を使った環境構築の概要があまりまとまってなかったのでメモ。
ひとまずローカルで立ち上げるところまで。
準備
Requirements
- Ansible 2.5.3-2.7.5
- Virtualbox >= 4.3.10
- Vagrant >= 2.1.0
- Node.js >= 8.0.0
- Yarn
trellis-cli のインストール
$ brew install roots/tap/trellis-cli
プロジェクトの作成
Trellis と Bedrock のインストール
$ trellis new example.com
example.com
は適宜変更のこと。必要あればtrellis/group_vars/development/wordpress_sites.yml
の URL の類を変更。
日本語化
site/composer.json
の repositories
と extra
に下記を追加。
{
"repositories": [
{
"type": "composer",
"url": "https://wp-languages.github.io"
}
],
"extra": {
"dropin-paths": {
"web/app/languages/": ["vendor:koodimonni-language"],
"web/app/languages/plugins/": ["vendor:koodimonni-plugin-language"],
"web/app/languages/themes/": ["vendor:koodimonni-theme-language"]
}
}
}
composer でインストール。
# @ example.com/site
$ composer require koodimonni-language/ja:*
参考:https://qiita.com/ttsuru/items/4d893b30b2be3f0e5e2f
Sage のインストール
$ composer create-project roots/sage site/web/app/themes/sage
ローカル開発環境を立てる
# @ example.com/site/web/app/themes/sage
$ composer install
$ yarn && yarn build
composer update
が必要かもしれない。
# @ example.com
$ trellis up
ここは結構時間かかる。
example.test
にアクセスしてローカルサーバーが立ち上がっているか確認。
Discussion