幻魔ナイトブログ

主に絵、音楽、プログラミングなどについて書きます。

Dockerを使ってWordPress環境を作成する

f:id:MahiroN:20200919021456p:plain:w340

概要

WordPressを始めるにはレンタルサーバーなどなにかと初期費用が、本当に上手くいくのか謎なところがありますね。
どんなデザインにしたら良いのかなど予め試すための実験環境があればとても便利です。
ということで実験環境をDockerで作りましょう。


dockerを使う利点

  • 作り直しが容易
  • 環境の容易がインストールに比べて楽

word-pressの利点

  • デザインが優れている
    • 見栄えの良さというよりもUIデザイン的なデザインです。どこにどんなボタンを置いてどんな項目を出せば使いやすいかなど、word-pressは細かく設定することができます。

今回のゴール

  • 公式のword-press dockerを入れる
  • オススメのデザインを適用する
  • markdown用のプラグインを入れる

事前の準備

以下を行っておく。

  • dockerのインストール
  • docker-composeのインストール

実作業1:WordPressのドッカー環境を構築

mkdir word_press
cd word_press
  • いよいよ本番作業です。
version: '3.3'
 
services:
   wordpress:
     image: wordpress:latest
     depends_on:
       - db
     ports:
       - "18080:80"
     restart: always
     environment:
       WORDPRESS_DB_HOST: db:3306
       WORDPRESS_DB_USER: wordpress
       WORDPRESS_DB_PASSWORD: wordpress
       WORDPRESS_DB_NAME: wordpress
     volumes:
       - ./html:/var/www/html
 
   db:
     image: mysql:5.7
     volumes:
       - db_data:/var/lib/mysql
     restart: always
     environment:
       MYSQL_ROOT_PASSWORD: root
       MYSQL_DATABASE: wordpress
       MYSQL_USER: wordpress
       MYSQL_PASSWORD: wordpress
       
volumes:
    db_data:

portsという項目でホームディレクトリ上のポートをdockerコンテナのどのポートに割り当てるかという設定をしています。今回は18080ポートをWordPressコンテナの80番ポート(Webなどで使われるポート)に割り当てています。
WordPressの運用に必要な最低限おコンソールでの操作はこれで終わりです。。 なんだこれおい!以下のコマンドで環境を構築できます。

docker-compose up -d

Webページからの設定

言語などの設定を行います。以下のようなURLをブラウザに打ち込みます。

localhost:18080 または<IPアドレス>:18080

すると言語選択画面が現れるので日本語を選択し、あとは画面に従ってユーザー設定を進めます。


テーマを設定する。

Webページをみやすく、そして使いやすくする上で欠かせない作業です。 今回は無料で評判の高いCocoonをインストールします。

  • アップロードできる容量を上げておく。 docker環境構築後の環境では2、3mbまでのファイルしかアップロードできないため、後の手順でテーマをアップロードしようとしたときにエラーが出ます。なので先に対策をしておきます。 以下のサイトを参考にしてphp.iniを作成し、ホームディレクトリにアップロードします。

#環境のphp.iniをdocker環境にアップする
docker cp ./php.ini  wordpress_wordpress_1:/var/www/html/php.ini
#dockerを再起動する
docker-compose restart

参考にしたサイト

http://bashalog.c-brains.jp/19/08/15-120000.php

http://do-wp.com/plugins-after-installing-wordpress/

https://codeaid.jp/blog/docker-wp/ https://noumenon-th.net/programming/2019/04/05/docker-wordpress/

mkdir word_press
cd word_press

Todo:外から見れるようにする

開発だけでなく外から見れるようにすれば、収益化も見込めますね。 以下の課題があります - ip指定で表示するとなぜか表示がおかしくなる問題 - そもそもipを指定するのはよくない - ページを開いた瞬間にローカルホストになると言うよくわからない問題が起こっています。

お問合わせはこちら