N-LAB

WordPressをMacのローカルに環境構築する方法


目標

・Apache 2.4.57
・PHP 8.2 (8.2.4)
・MySQL 8.0.32
・WordPress 6.2

前提


注意点

Intel版：/usr/local/
Apple Silicon版：/opt/homebrew/

Intel版：/usr/local/etc/httpd/httpd.conf
Apple Silicon版：/opt/homebrew/etc/httpd/httpd.conf

目次

  1. Apacheインストール
  2. Apache環境設定
  3. PHPインストール
  4. PHP環境設定
  5. Apache・PHP連携設定
  6. MySQLインストール
  7. WordPressインストール
  8. WordPress動作確認


1. Apacheインストール

(1). 標準インストールされているApacheを以下のコマンドで停止＋自動起動を停止します。

$ sudo launchctl unload -w /System/Library/LaunchDaemons/org.apache.httpd.plist


(2). 以下のコマンドを入力してHomebrewからApacheをインストールします。

$ brew install httpd


(3). 以下のコマンドを入力して「httpd 2.4.57」と表示されていれることを確認します。

$ brew list --version | grep httpd

※インストールしたApacheの各種フォルダとファイルのパスは以下の通りです。
/opt/homebrew/var/www　→　Apacheの公開ディレクトリ（ドキュメントルート）
/opt/homebrew/etc/httpd/httpd.conf　→　Apache設定ファイル

(4). Apacheを起動するため以下のコマンドを入力します。次回以降のコンピュータ起動時には、自動的にApacheが起動します。

$ brew services start httpd


(5). 上記コマンド実行後に以下のURLにアクセスし、表示されたページに「It works!」が表示されていればApacheが正常に起動しています。
http://localhost:8080/

(6). Apacheの各種コマンドは以下になります。
起動：brew services start httpd
停止：brew services stop httpd
再起動：brew services restart httpd

2. Apache環境設定

/opt/homebrew/etc/httpd/httpd.conf
※以降は本手順書ではApache設定ファイルは上記のパスを指します。

(1). Apache設定ファイルをテキストエディタで開き、変更後の内容で修正して上書き保存します。
変更前

Listen 8080
#ServerName www.example.com:8080

変更後

Listen 80
ServerName localhost:80


(2). 変更を反映させるためにApacheを再起動します。以下のコマンドを入力します。

$ brew services restart httpd


(3). 以下のURLにアクセスし、表示されたページに「It works!」が表示されていることを確認します。
http://localhost

(1). Apache設定ファイルをテキストエディタで開き、変更後の内容で修正して上書き保存します。
変更前

<Directory />
    AllowOverride none
</Directory>

変更後

<Directory />
    AllowOverride All
</Directory>


(2). 変更を反映させるためにApacheを再起動します。以下のコマンドを入力します。

$ brew services restart httpd


3. PHPインストール

(1). 以下のコマンドを入力します。

$ brew install php


(2). 以下のコマンドを入力し、PHPのバージョンが表示されることを確認します。

$ php -v
PHP 8.2.4 (cli) (built: Mar 16 2023 16:10:27) (NTS)
Copyright (c) The PHP Group
Zend Engine v4.2.4, Copyright (c) Zend Technologies
    with Zend OPcache v8.2.4, Copyright (c), by Zend Technologies


4. PHP環境設定

(1). PHPの設定ファイルの場所を確認するため、以下のコマンドを入力します。

$ php --ini
Configuration File (php.ini) Path: /opt/homebrew/etc/php/8.2
Loaded Configuration File:     /opt/homebrew/etc/php/8.2/php.ini
Scan for additional .ini files in: /opt/homebrew/etc/php/8.2/conf.d
Additional .ini files parsed:   /opt/homebrew/etc/php/8.2/conf.d/ext-opcache.ini

※PHPの設定ファイルは上記に表示されている通り、「/opt/homebrew/etc/php/8.2/php.ini」になります。本手順書では以降はPHP設定ファイルは上記のパスを指します。

(2). PHPの設定ファイルをテキストエディタで開き、以下の変更後の内容で修正して保存します。
変更前

;date.timezone =
;extension=curl
;extension=gd
;extension=mbstring
;extension=mysqli
;extension=openssl
;extension=pdo_mysql

変更後

date.timezone = Asia/Tokyo
extension=curl
extension=gd
extension=mbstring
extension=mysqli
extension=openssl
extension=pdo_mysql

 

5. Apache・PHP連携設定

(1). Apache設定ファイル（/opt/homebrew/etc/httpd/httpd.conf）をテキストエディタで開き、以下の内容を末尾に追加して上書き保存します。

LoadModule php_module /opt/homebrew/Cellar/php/8.2.4/lib/httpd/modules/libphp.so
LoadModule rewrite_module lib/httpd/modules/mod_rewrite.so
<IfModule php_module>
        AddType application/x-httpd-php .php
        AddType application/x-httpd-php-source .phps

        <IfModule dir_module>
                DirectoryIndex index.html index.php
        </IfModule>
</IfModule>


(2). Apacheを再起動します。以下のコマンドを入力します。

$ brew services restart httpd


(3). Apacheの公開ディレクトリ（/opt/homebrew/var/www）に「info.php」という名前のファイルを新規作成します。

(4). 「info.php」をテキストエディタで開き、以下の内容を記載して上書き保存します。

<?php
phpinfo();
?>

※上記のコードはPHPの設定情報等を出力する関数です。PHPがインストール＋Apache連携設定が正しく設定されている場合は、インストールしたPHPの設定情報等が表で表示され、失敗している場合は上記のコードが文字としてそのまま画面に表示されます。

(5). 次のURLにアクセスします。
http://localhost/info.php

(6). タイトルがPHP Version 8.2.4と表示されたページが表示されることを確認します。

6. MySQLインストール

(1). 以下のコマンドを入力します。

$ brew install mysql


(2). MySQLのバージョンが表示されることを確認します。

$ mysql --version
mysql  Ver 8.0.32 for macos12.6 on arm64 (Homebrew)


(3). MySQLの各種コマンドは以下になります。
起動：brew services start mysql
停止：brew services stop mysql

(4). MySQLを起動します。以下のコマンドを入力します。

$ brew services start mysql


(1). MySQLログインし、以下のコマンドを入力します。

$ mysql -uroot
> CREATE DATABASE wordpressdb DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;

※本手順書で作成するデータベース名は「wordpressdb」になります。

(1). 以下のコマンドを入力します。

$ mysql -uroot
> CREATE USER 'username'@'localhost' IDENTIFIED BY 'pass';
> GRANT ALL PRIVILEGES ON `wordpressdb`.* TO 'username'@'localhost';

※本手順書で作成するユーザーの情報は以下になります。以降はこちらのユーザーを使用します。
ユーザ名：username
パスワード：pass

(2). 作成したユーザーでログインして、「use wordpressdb;」を入力した際に「Database changed」が表示されることを確認します。

$ mysql -u username -ppass
> use wordpressdb;

※以降のWordPressインストール時に用いるため、データベース名、ユーザ名、パスワードを控えておいてください。
※本手順書ではそれぞれ以下の値で設定しています。
データベース名：wordpressdb
ユーザー名：username
パスワード：pass

7. WordPressインストール

(1). こちらからWordPress公式サイトのダウンロードページへアクセスします。

(2). 「WordPress 6.2 をダウンロード」をクリックします。

(3). ダウンロード後、Zipを解凍すると「wordpress」フォルダが出力されるのでApacheの公開用ディレクトリ（/opt/homebrew/var/www）に配置します。

(4). 「wordpress」フォルダを公開用ディレクトリに配置後に、以下のURLを入力します。
http://localhost/wordpress

「さあ、始めましょう !」をクリックします。
start wordpress install
「6. MySQLインストール」で作成したデータベース名、ユーザー名、パスワードを入力して「送信」をクリックします。
※本手順書では以下の値で設定しています。
データベース名： wordpressdb
ユーザー名：username
パスワード：pass
input database info
「インストール実行」をクリックします。
start install
以下の値を設定して、「WordPressをインストール」をクリックします。
サイトのタイトル ：任意のタイトル
ユーザー名：任意のユーザー名（本手順書では「admin」を設定）
パスワード：任意のパスワード（本手順書では「admin」を設定）
メールアドレス：任意のアドレス
input wordpress info
「ログイン」をクリックします。
※ユーザー名は先ほど設定したユーザー名が表示されます。
success wordpress install
ユーザー名とパスワードを先ほど設定した値で入力し、「ログイン」をクリックします。
※本手順書ではユーザー名とパスワードはadminで設定しています。
wordpress login
WordPressのダッシュボード画面へと遷移していることを確認します。
admin page

8. WordPress動作確認

http://localhost/wordpress
home page

http://localhost/wordpress/wp-admin/
admin page


以上で全ての手順は完了になります