Docker WordPressをスマホから確認する設定｜wp-config.phpでWP_HOME指定

概要

本記事では、Docker WordPressをスマホから確認する設定について解説していきます。

というのもDockerでローカルに立てたWordPress、PCブラウザでは見えるのにスマホからだと画面が崩れたりログインできなかったりして困りますよね（- -;

実はwp-config.phpのWP_HOME指定などを設定すれば、同じLAN内のスマホでも普通に動作確認できるようになります。

ここではdocker-compose.yml・custom-php.ini作成からwp-config.phpのWP_HOME指定までの手順を一通り紹介していきます！

これでスマホ表示でのテストもサクサク進みます。
それではやっていきましょう！

目次

作成ファイル

docker-compose.yml

docker-compose.ymlファイルでサーバの詳細を定義していきます。

docker-compose.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
services:
  wordpress:
    image: wordpress:latest
    ports:
      - "8080:80"
    environment:
      WORDPRESS_DB_HOST: db
      WORDPRESS_DB_USER: user
      WORDPRESS_DB_PASSWORD: pass
      WORDPRESS_DB_NAME: wordpress
    volumes:
      - ./wp-content/themes:/var/www/html/wp-content/themes
      - ./wp-content/plugins:/var/www/html/wp-content/plugins
      - ./custom-php.ini:/usr/local/etc/php/conf.d/custom-php.ini
  db:
    image: mariadb:10.6
    environment:
      MYSQL_DATABASE: wordpress
      MYSQL_USER: user
      MYSQL_PASSWORD: pass
      MYSQL_ROOT_PASSWORD: rootpass
    volumes:
      - ./db-data:/var/lib/mysql

custom-php.ini

PHPの設定ファイルを手動で配置します。

docker-compose.yml

1
2
3
4
5
6
7
8
9
memory_limit = 256M
upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300
opcache.enable=1
opcache.memory_consumption=128
opcache.interned_strings_buffer=8
opcache.max_accelerated_files=4000
opcache.revalidate_freq=2

ディレクトリ構成

上記で作成したファイルは下記のディレクトリ構成で配置します。

ディレクトリ構成

1
2
3
/
L Docker-compose.yml
L custom-php.ini

dockerコンテナ構築

dockerコンテナ起動

一度dockerでコンテナを作成し、WordPressの環境構築＆起動を行います。

コマンド

1
docker-compose up -d

WordPress起動確認

WordPressが正常に起動されたか確認します。
下記のURLにアクセスして画面が表示されればOKです。

URL

1
http://localhost:8080

dockerコンテナ停止

起動が確認出来たらコンテナを停止します。

コマンド

1
docker-compose down

スマホで画面閲覧する為の設定

ipconfigで自分のIPアドレスを取得

ipconfigコマンドをコマンドプロンプトで実行し、自分のネットワークのIPアドレスを取得します。

コマンド

1
ipconfig
ここで取得したIPアドレスは以降の「[ip]」に当てはめてください

wp-config.phpを設定

wp-config.phpに取得した自分のIPアドレスを設定します。

wp-config.php

1
2
define('WP_HOME','http://[ip]:8080');
define('WP_SITEURL','http://[ip]:8080');

コンテナを再起動

コンテナを再起動して、WordPressサーバを立ち上げます。

コマンド

1
docker-compose up -d

スマホからWordPressを確認

スマホからWordPressを確認します。

下記の2ついずれのURLでも確認可能です。

URL

1
2
3
http://[ip]/wp-admin
または
http://[PCのユーザ名].local:8080/
PCのユーザ名は「設定/ホーム」に表示されているユーザ名です。

締め

この手順を行えばWordPressの画面がスマホでも確認できるようになったはずです。

docker君はやっぱり構築を一瞬でできるので便利ですね！
コンテナ技術は人類の宝ですよほんとに（^^/

自分のブログではこんな感じでエンジニアの知識を紹介しています。
実務レベルの知識もたくさん置いているので、他の記事も是非見ていってください！

以上
WordPressをオワコンなんて言ったらだめです！
それではお疲れさまでした。

エンジニアリング
ブログ, エンジニアリング, windows