Créez rapidement un environnement de développement WordPress avec Docker

TL;DR

https://github.com/qpSHiNqp/docker-wordpress-dev

Si vous clonez ceci et docker-compose up, l'environnement WordPress démarrera en un instant.

table des matières

  1. Jusqu'à la création d'un environnement WordPress avec docker
  2. Lors de la création d'un thème, faites en sorte que le style appliqué à la partie contenu soit agréable (écrivez-le simplement en attendant)

Jusqu'à la création d'un environnement WordPress avec docker

Contexte

Il m'est arrivé que je devais jouer avec WordPress. Jusqu'à présent, pour préparer l'environnement de développement, mettre en place un serveur MySQL localement, créer une base de données, créer et organiser autour des utilisateurs et des privilèges, créer un environnement PHP, créer un environnement de serveur Web, se connecter, vérifier le fonctionnement ... Je faisais de mon mieux pour faire ce qu'on appelle MAMP, mais de nos jours ce n'est pas normal, j'ai donc fait un peu de recherche pour créer un environnement avec docker.

Comment construire

Quand je l'ai recherché, il y avait une image docker appelée wordpress, et bien sûr il y avait aussi une image docker pour mysql, alors j'ai décidé de le faire avec un bon sentiment, docker-compose.yml.

Quant à savoir comment le faire, il a été soigneusement écrit dans Description de Docker Hub de wordpress, donc je vais le décrire comme une information de référence. La section "... via docker stack deploy ou docker-compose" au milieu de la page est presque la même.

Cette fois, je voulais créer un thème ou un plugin, donc j'ai créé docker-compose.yml pour monter wp-content / themes et wp-content / plugins.

version: '3.1'

services:

  wordpress:
    image: wordpress
    restart: always
    ports:
      - 8080:80
    environment:
      WORDPRESS_DB_HOST: db
      WORDPRESS_DB_USER: exampleuser
      WORDPRESS_DB_PASSWORD: examplepass
      WORDPRESS_DB_NAME: exampledb
    volumes:
      - wordpress:/var/www/html
      - ./wp-content/themes:/var/www/html/wp-content/themes
      - ./wp-content/plugins:/var/www/html/wp-content/plugins

  db:
    image: mysql:5.7
    restart: always
    environment:
      MYSQL_DATABASE: exampledb
      MYSQL_USER: exampleuser
      MYSQL_PASSWORD: examplepass
      MYSQL_RANDOM_ROOT_PASSWORD: '1'
    volumes:
      - db:/var/lib/mysql

volumes:
  wordpress:
  db:

Maintenant, lorsque vous ouvrez docker-compose up et http: // localhost: 8080, l'écran de configuration de WordPress s'ouvrira immédiatement, donc si vous procédez tel quel, vous pouvez accéder à l'écran de gestion.

Lors de la création d'un thème, faites en sorte que le style appliqué à la partie contenu soit agréable (écrivez-le simplement en attendant)

À partir de maintenant, je viens de l'écrire entre-temps, donc je pense qu'il ne peut être utilisé que comme un mémorandum de ma part.

Lors de la création de mon propre thème, je pense que la mise en page et l'apparence sont contrôlées par style.css, mais comme WordPress est un CMS équipé d'un éditeur WYSIWYG, il est nécessaire d'utiliser la mise en page de la partie contenu qui est fournie dans WordPress.

Le style intégré est décrit dans la section "Classes générées par WordPress" du CSS «Codex WordPress. En copiant ceci au bas de mon propre thème, j'ai pu refléter la mise en page spécifiée au moment de l'édition avec WYSIWYG sur l'affichage réel.

Au départ, le style défini dans mon propre style.css était appliqué aux éléments de la partie de contenu, il y avait donc un problème parce qu'il avait l'air différent de WYSIWYG, mais c'est probablement la responsabilité du balisage comme suit. Je pense que la démarcation fonctionnera généralement.

En bref, le HTML que WYSIWYG de WordPress crache est imprévisible, il est donc probablement impossible de contrôler la mise en page du bloc du corps du contenu avec votre propre css. Je pense plutôt que le créateur du thème a besoin d'une conception de classe / sélecteur qui permet de laisser la mise en page en bloc du corps du contenu incontrôlée.

C'était correct de lui faire prendre en charge la fonction de palette de couleurs, mais cette fois je n'avais pas besoin de créer un thème à usage général prenant entièrement en charge les fonctions WordPress, je l'ai donc implémenté avec un support de fonction minimal.

Recommended Posts

Créez rapidement un environnement de développement WordPress avec Docker
Créer un environnement de développement Wordpress avec Docker
Créer un environnement de développement PureScript avec Docker
Créer un environnement Node.js avec Docker
Construction d'un environnement de développement simple Docker + Django
Créer un environnement de développement pour Django + MySQL + nginx avec Docker Compose
Créer un environnement de développement pour Docker + Rails6 + Postgresql
Créer un environnement Laravel / Docker avec VSCode devcontainer
Construction de l'environnement de développement Simple Docker Compose + Django
[Win10] Créer un environnement de développement JSF avec NetBeans
Créer un environnement de développement pour Docker, Java, vs code
Procédure de construction et de développement de l'environnement local Wordpress avec Docker
Créer un environnement de développement Spring Boot avec docker
Créer un environnement de développement Java avec VS Code
Créer un environnement Docker avec WSL
[Copier et coller] Créez un environnement de développement Laravel avec Docker Compose, partie 2
Comment créer un environnement de développement Ruby on Rails avec Docker (Rails 6.x)
Créez un environnement de développement local pour les didacticiels Rails avec Docker (Rails 6 + PostgreSQL + Webpack)
Comment créer un environnement de développement Ruby on Rails avec Docker (Rails 5.x)
Modèle: créer un environnement de développement Ruby / Rails avec un conteneur Docker (version Ubuntu)
Modèle: créer un environnement de développement Ruby / Rails avec un conteneur Docker (version Mac)
[Note] Créez un environnement Python3 avec Docker dans EC2
Essayez de créer un environnement de développement Java à l'aide de Docker
Créez un environnement Vue3 avec Docker!
Créer un environnement local Couchbase avec Docker
Créer un environnement Tomcat 8.5 avec Pleiades 4.8
Créer un environnement de développement Jooby avec Eclipse
Créez un environnement de développement pour créer des applications Ruby on Jets + React avec Docker
Créer un environnement de développement Unity sur docker
Créez un environnement Docker + Laravel avec Laradock
J'ai créé un environnement de développement avec rails6 + docker + postgreSQL + Materialise.
Créez un environnement de développement «Spring Thorough Introduction» avec IntelliJ IDEA
J'ai essayé de créer un environnement de développement padrino avec Docker
[Rails] [Docker] Le copier-coller est OK! Comment créer un environnement de développement Rails avec Docker
Comment quitter Docker pour Mac et créer un environnement de développement Docker avec Ubuntu + Vagrant
Créez rapidement un environnement Web à l'aide de Docker
Construction de l'environnement de développement Laravel avec Docker (Mac)
Créer un environnement d'exécution WAS à partir de Docker
Créer un environnement de développement Spring Boot-gradle-mysql avec Docker
Créer un environnement de développement Java sur Mac
[Docker] Construisez l'environnement d'exécution de Jupyter Lab avec Docker
Créer un environnement avec Docker sur AWS
Créer un environnement de développement Ultra96v2 sur Docker 1
Créer un environnement de vérification des opérations TensorFlow avec Docker