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/