Trellis + Bedrock + Sage で WordPress テーマの開発環境を作る

1 min read読了の目安(約1400字

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

https://github.com/roots/trellis-cli

プロジェクトの作成

Trellis と Bedrock のインストール

$ trellis new example.com

example.com は適宜変更のこと。必要あればtrellis/group_vars/development/wordpress_sites.yml の URL の類を変更。

日本語化

site/composer.jsonrepositoriesextra に下記を追加。

{
    "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 にアクセスしてローカルサーバーが立ち上がっているか確認。