DockerでWordPress環境用意しましたが、テキストエディタで触りたいけど、触れない…
どうやら、DockerのVolumeであれこれ指定する必要があるらしい
色々調べた備忘録残します。
Docker Volumeを使用して、ローカルのファイルシステムとDockerコンテナ内のファイルシステムを同期させることができます。
これにより、ローカルでファイルを編集し、それがコンテナ内に反映されるようになります。
Docker Composeを使用している場合は、docker-compose.yml ファイルに以下のような設定を追加します。
services:
wordpress:
volumes:
- ./path/to/local/theme:/var/www/html/wp-content/themes/your-theme
この設定では、ローカルの path/to/local/theme ディレクトリと、
コンテナ内の /var/www/html/wp-content/themes/your-theme ディレクトリを同期します。your-theme は編集したいテーマのディレクトリ名に置き換えてください。
設定を追加したら、Docker Composeを再起動します。
docker-compose down
docker-compose up -d
これで、ローカルのテキストエディタでファイルを編集すると、その変更がDockerコンテナ内にも反映されるようになります。
ちなみに
ローカルの - ./path/to/local/theme ディレクトリを、同期したいローカルのディレクトリは、
例えば、C:\Users\USER\Desktop\yourthemeにしたい場合、
services:
wordpress:
volumes:
- /c/Users/USER/Desktop/yourtheme:/var/www/html/wp-content/themes/your-theme
▼簡易作業流れ
・Docker Desktopを立ち上げる
・VSコードを立ち上げある
・ymlがあるフォルダにカレントディレクトリを移動する
・ymlを適宣設定を終えたら、Docker Composeをターミナルで起動する(docker-compose up -d)
そうすると同期指定したファイル群から触れるようになる!!
参考文献
DockerでWordPressローカル環境を立ち上げてみた!
https://wpmake.jp/contents/customize/docker-wp-localdev/