Question

Copy Custom WordPress Theme with Docker Composer

I am running WordPress with Nginx in Docker using Docker Compose and I want to copy over a custom theme. Right now in my docker-compose.yml file I have,

  wordpress:
depends_on:
  - db
image: wordpress:5.1.1-fpm-alpine
container_name: wordpress
restart: unless-stopped
env_file: .env
environment:
  - WORDPRESS_DB_HOST=MYHOST
  - WORDPRESS_DB_USER=$MYSQL_USER
  - WORDPRESS_DB_PASSWORD=$MYSQL_PASSWORD
  - WORDPRESS_DB_NAME=MYDB
volumes:
  - ./plugins/advanced-custom-fields:/var/www/html/wp-content/plugins/advanced-custom-fields
  - ./themes/mytheme:/var/www/html/wp-content/themes/mytheme
It kind of works. The theme copies over some of the php files from the theme folder but it doesn't copy over any of the stylesheets or any of the images in the /img/ folder.

Any ideas?

Thanks in advance!


Submit an answer

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Want to learn more? Join the DigitalOcean Community!

Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in Q&A, subscribe to topics of interest, and get courses and tools that will help you grow as a developer and scale your project or business.

Seems actually odd to my… why would i need to add my folder twice? I am fairly new to docker though…

Yep absolutly. Here it is:

version: '3'

services:
  db:
    image: mysql:8.0
    container_name: db
    restart: unless-stopped
    env_file: .env
    environment:
      - MYSQL_DATABASE=wordpress
    volumes: 
      - db_data:/var/lib/mysql
    command: '--default-authentication-plugin=mysql_native_password'
    networks:
      - KGNet

  wordpress:
    depends_on: 
      - db
    image: wordpress:5.4.1-fpm
    container_name: wordpress
    restart: unless-stopped
    env_file: .env
    environment:
      - WORDPRESS_DB_HOST=db:3306
      - WORDPRESS_DB_USER=$MYSQL_USER
      - WORDPRESS_DB_PASSWORD=$MYSQL_PASSWORD
      - WORDPRESS_DB_NAME=wordpress
    volumes:
      - wp_data:/var/www/html
      - ./wp-content:/var/www/html/wp-content/
    networks:
      - KGNet

  webserver:
    depends_on:
      - wordpress
    image: nginx:1.17.10
    container_name: webserver
    restart: unless-stopped
    ports:
      - "80:80"
      - "443:443"
    volumes:
      - wp_data:/var/www/html
      - ./wp-content:/var/www/html/wp-content/
      - ./nginx-conf:/etc/nginx/conf.d
      - certbot-etc:/etc/letsencrypt
    networks:
      - KGNet

  certbot:
    depends_on:
      - webserver
    image: certbot/certbot
    container_name: certbot
    volumes:
      - certbot-etc:/etc/letsencrypt
      - wp_data:/var/www/html
    command: certonly --webroot --webroot-path=/var/www/html --email sebastianscharf@icloud.com --agree-tos --no-eff-email --staging -d konturgestaltung.de -d www.konturgestaltung.de

volumes:
  certbot-etc:
  wp_data:
  db_data:

networks:
  KGNet:

Hello,

Actually the snippet that you’ve provided looks correct. Have you manually checked if the files are actually there?

You could do that by attaching to the running container with docker exec and listing the contents of the /var/www/html/wp-content/themes/mytheme directory.

To do that you could run the following:

docker ps -a

Find the ID of your container and then run:

docker exec -it your_container_id bash

Then once you are attached run:

ls -l /var/www/html/wp-content/themes/mytheme

If the files are actually there make sure that the permissions are correct.

Then to detach press CTRL+P+Q.

You could also check the logs of the container for any errors:

docker logs your_container_id 

Hope that this helps! Regards, Bobby