wp-envでWordPress開発環境を構築する

2021.07.21

WordPressの開発環境といえば、MAMPやDocker、Local by Flywheelなどたくさんありますが最近はもっぱらwp-envを使って開発しているのでこの記事ではwp-envの使い方をご紹介します。

ちなみにwp-envはWordPressのコア開発チームが提供しているツールで、プラグインやテーマ開発をするためのWordPressのローカル環境を簡単にセットアップできます。

この記事ではテーマ開発をする前提で説明していきます。

準備

wp-envはDocker、Node.js、npmを使用しますのでまずそれらをインストールしてください。

まずはテーマディレクトリを作成してその中に移動。

パッケージをインストール。インストールが完了するとpackage.jsonが作成されます。

package.jsonのscriptsにwp-envコマンドを追加

.wp-env.jsonを作成してその中にインストールするWordPressのバージョンやプラグイン、wp-config等の設定を追加していきます。

以下は.wp-env.jsonのサンプルです。

上記以外のオプションは公式ドキュメントを参照

上記コマンドを実行した後にhttp://localhost:8888/にアクセスするとWordPressがインストールされた画面にアクセスできます。

ちなみにログインIDはadmin、パスワードはpasswordです。

作った環境を全て削除したい場合はwp-env destroyを実行。

起動コマンドを実行するとMySQLのポートが表示されるのでそれをコピーします。

もしくは起動後にdocker psでDBのポートをコピー。（※データベースのポート番号は起動するたびに変わります。）

上記の場合55582になります。

あとはTablePlusやSequel Aceなどのクライアントソフトに下記情報を入力すればDBに接続することができます。