계기

WordPress에서 테마 개발을 할 때,
준비된 환경이 프로덕션 환경밖에 없는 경우가 있습니다.
그럴 때, Docker로 로컬 환경의 WordPress 검증 환경을 곧바로 만들 수 있도록 하고 싶다.
준비하기로 결정했습니다.

환경

Mac, Windows 모두 OK

Docker 및 Docker Compose 모두 설치됨

디렉토리 구성

WordPress의 로컬 검증 환경을 시작하면 좋기 때문에, 간단한 구성으로 합니다.
우선 프로젝트에 적합한 폴더를 준비합니다.
(여기서는 wordpress-docker 라는 이름으로 했습니다.)

 wordpress-docker/
  └─docker-compose.yml

개발용 빈 테마 다운로드

개발을 위한 빈 테마를 준비합니다.
행운으로 rs 이것 s. 눈 사이트에서 빈 테마를 검색할 수 있습니다.
이번에는 original-theme라는 테마를 만들고 싶으므로,original-theme를 입력하여 다운로드합니다.

이 폴더를 WordPress 컨테이너의 wp-content/themes에 탑재하고 싶으므로,
다운로드가 완료되면 wordpress-docker 디렉터리에 넣습니다.

 wordpress-docker/
  ├─original-theme/
  │  ├─inc
  │  ├─js
  │  ├─languages
  │  ├─...
  │  
  └─docker-compose.yml

docker-compose.yml 만들기

wordpress-docker 디렉토리 아래에 docker-compose.yml를 만듭니다.

docker-compose.yml

version: '3'

services:
  db:
    image: mysql:5.7
    ports:
      - "3307:3306"
    environment:
      MYSQL_ROOT_PASSWORD: rootwordpress
      MYSQL_DATABASE: wordpress
      MYSQL_USER: wordpress
      MYSQL_PASSWORD: wordpress
    volumes:
      - db-data:/var/lib/mysql


  wordpress:
    depends_on:
      - db
    image: wordpress:latest
    ports:
      - "8001:80"
    environment:
      WORDPRESS_DB_HOST: db
      WORDPRESS_DB_USER: wordpress
      WORDPRESS_DB_PASSWORD: wordpress
      WORDPRESS_DB_NAME: wordpress
    volumes:
      - ./original-theme:/var/www/html/wp-content/themes/original-theme

  phpmyadmin:
    depends_on:
      - db
    image: phpmyadmin/phpmyadmin
    ports:
      - "8081:80"

volumes:
  db-data: {}

Docker 시작

Docker Compose를 사용하여 시작합니다.

$ docker-compose up -d

접근하다

WordPress 컨테이너가 포트 8001에서 실행 중이므로,
http://localhost:8001로 이동합니다.
WordPress 설치 화면이 표시되면 성공합니다.

그런 다음 단계에 따라 WordPress 설치가 완료됩니다.

phpMyAdmin 컨테이너도 포트 8081에서 추가되므로,
데이터베이스는 http://localhost:8081에서 액세스할 수 있습니다.

만든 빈 템플릿 사용

방금 만든 빈 테마original-theme를 활성화합니다.

이제 로컬 환경에서 테마 개발을 얼마든지 할 수 있군요!
또한 wordpress-docker 디렉토리를 Git에서 관리하려고하면,
여러 사람이 개발할 때도 편리합니다.