WordPress開発・運用

[docker]WordPressのローカル開発環境を用意してみた

こんにちわ

先日WordPressのテーマを微修正したのですが、その時はConoHaのサーバにあるファイルを直接修正したんですよね。ただ個人ブログとはいえ本番環境で色々いじり続けるのも良くないよなぁ。。とか。そもそもWordPressのテーマとか開発するってなった時はどうすると良いのかな。。?とか素朴な疑問が湧いてきまして。というわけで、今回はWordPressのローカル環境を用意してみたのでご紹介できたらなと思います。自分で個別にDBをインストールしたりする必要もないので簡単に使えると思います。テーマを開発、編集するために必要な手順については次回にしたいと思います。今回はローカル開発環境を起動するまでをご紹介します。

ローカル開発環境利用の前提

Docker Desktopがインストーされていること

開発環境はdockerで用意したのでローカル環境にない方はDocker Desktopをインストールします。

Docker Desktop

M1チップ搭載以降のMacでの利用を想定

この環境はM1以降のMacで使うことを想定している(自分が持っている環境で動作を確認するため)ので、他の環境で利用する場合は多少修正する必要があると思います。こちらのコードを参考に適宜修正して使って頂けたらと思います。

ローカル開発環境の利用開始

開発環境は以下のGitHubに用意しました。READMEにも使い方について記載しましたのでご一読頂けますと幸いです。こちらでは一つ一つ順を追って使えるための手順について解説していけたらと思います。手順は基本CUIベースで書いていますが、GUIからの操作でももちろん問題ありません。

https://github.com/dubakichi/wordpress-dev-local

今回は以下のような構成になるよう準備していきたいと思います。

wordpress-dev
└── wordpress-dev-local

1.wordpress-devディレクトリ(フォルダ)を作成する

このディレクトリの作成する場所は任意です。今回は以下の場所に作りました。

$ pwd 
/Users/xxx/develop
$ mkdir wordpress-dev

2.wordpress-dev内で開発環境をcloneする

$ cd wordpress-dev
$ git clone git@github.com:dubakichi/wordpress-dev-local.git                                                                                                                                                                                                                                                                                                   

3.envファイルを編集する

.envという名前のファイルをwordpress-dev-localディレクトリ直下に配置します。そして以下のフォーマットに従って修正してください。(=の後ろに任意の文字列を入れて使ってください)

# WordPressローカル環境の設定

# ローカル環境のDBのホスト名:ポート番号 XXXXは環境に応じて設定してください
WP_DEV_LOCAL_DB_HOST=db:3306
# ローカル環境のDBのユーザー名
WP_DEV_LOCAL_DB_USER=
# ローカル環境のDBのパスワード
WP_DEV_LOCAL_DB_PASSWORD=
# ローカル環境のDB名
WP_DEV_LOCAL_DB_NAME=
# ローカル環境のDBのルートユーザー名
WP_DEV_LOCAL_DB_ROOT_PASSWORD=

4.ローカル開発環境を起動する

以下のコマンドで上記の設定を踏まえた上で環境を構築と起動ができます。

$ docker-compose build --no-cache
$ docker-compose up -d

http://localhost:2080/ にアクセスしてみて、以下の様な画面が表示されたら成功してます。

あとは通常のWordPressを扱うのと同じように使うことができます。

おわりに

今回はWordPressの開発環境をローカル環境で起動するところまでを説明させて頂きました。次回はテーマ開発のための準備について書いてみたいな、と思っています。

でわでわ

[ConoHa]WordPressサーバ PHPVer7.4からVer8.3に更新した前のページ

WordPressテーマ開発環境を準備する次のページ

関連記事

  1. フリーランス

    iPhoneの領収書整理を自動化してみた話

    こんにちわ、どばきちです。フリーランスになってからと…

  2. フリーランス

    iPhoneの領収書整理を自動化してみた話 構成編

    こんにちわ、どばきちです。前回はiPhoneの領収書…

  3. 技術

    スプレッドシートの内容をChatworkに定期通知する<前編>

    こんにちわ先日Googleスプレッドシートにある内容を定期的…

  4. 技術

    2024年秋 プロジェクトマネージャー試験受験するど!

    こんにちわIT系のお仕事をされている方は知っている方も多いか…

  5. 技術

    [AWS]VPC消せないけど費用はかかる悪夢

    こんにちわ、どばきちです。先日個人用に作成したAWS…

  6. 技術

    CLI環境からSlackに通知する

    こんにちわ、どばきちです。今回は前回の記事の続きです…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

2024年12月
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
  1. フリーランス

    インボイスの登録申請。。気をつけて!
  2. フリーランス

    初売上!
  3. フリーランス

    退職後すぐにすることリスト
  4. フリーランス

    フリーランス生活2ヶ月でわかったこと
  5. WordPress開発・運用

    WordPressテーマ開発環境を準備する
PAGE TOP