0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Docker WordPress環境 テーマファイルをローカルマシンでかつ自前のエディタで触りたい!(Windows環境)

Last updated at Posted at 2024-05-18

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/

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?