XAMPPをインストールしWordPressテスト環境を構築する

 本記事は、Widows11にXAMPPをインストールし、その上にWordPressを構築する手順のメモとなります。

 XAMPPはWebアプリケーションの実行に必要なフリーソフトをまとめたソフトウェアとなります。XAMPPという名前について、Xはクロスプラットフォーム(Windows、macOS、Linuxの複数OSに提供)、AはApache HTTP Server(Webサーバーソフトウェア)、MはMySQLまたはMariaDB(データベースソフトウェア)、PPはPerlとPHP(アプリケーション実行環境)を表しています。

 WordPressの実行にはアクセスの入り口となるWebサーバーソフトウェア、WordPressプログラムの実行環境としてPHP、WordPressのデータを格納するデータベースとしてMySQLまたはMariaDB(MySQL)が必要となります。XAMPPを利用することでこれらの必要なソフトをまとめて用意することができます。

今回の手順は、以下の4つの流れで進んでいきます。
 Ⅰ. XAMPPのインストール
 Ⅱ. XAMPPでWebサーバ(Apache HTTP Server)の起動
 Ⅲ. XAMPPでデータベースサーバ(MySQL)にデータベースの作成
 Ⅳ. XAMPP上にWordPressの設定


◆ XAMPPでのWordPressテスト環境構築手順 (2023年8月時点)

Ⅰ.XAMPPインストール

Ⅰ-1.
XAMPPのサイト(https://www.apachefriends.org/jp/index.html)にアクセスし、「Windows向け XAMPP x.x.x (PHP x.x.x)」ボタンをクリックします。

Ⅰ-2.
インストーラーのexeファイルがダウンロードされますので、完了したら実行します。

Ⅰ-3.
以下のような警告が表示されます。UACによってXAMPPが正常に動作しない可能性があるので、 ”C:¥Program Files¥” 以下へのインストールを避けるか、UACを無効化せよとのことです。「OK」をクリックします。

Ⅰ-4.
「Next」をクリックします。

Ⅰ-5.
必要に応じてインストールするコンポーネントを選択します。WordPressを構築するためには最低限『MySQL』『phpMyAdmin』はチェックを入れたままにしてください。ここではデフォルトのままとし、「Next」をクリックします。

Ⅰ-6.
インストール先を選択します。Ⅰ-3の警告を考慮しましょう。ここではデフォルトの
”C:¥xampp” のまま「Next」をクリックします。

Ⅰ-7.
言語を選択します。英語かドイツ語しか選択できないようなので、デフォルトの『English』のまま「Next」をクリックします。

Ⅰ-8.
「Next」をクリックします。

Ⅰ-9.
インストール完了までしばらく待ちます。

Ⅰ-10.
以下の警告が出た場合は、「アクセスを許可する」をクリックします。

Ⅰ-11.
「Finish」をクリックします。

Ⅰ-12.
以下の画面が出ればXAMPPのインストールは完了です。

Ⅱ.Apache HTTP Server起動確認

Ⅱ-1.
Apacheの行にある「Start」ボタンをクリックします。

Ⅱ-2.
左側の「Apache」の背景が緑色になれば起動は成功です。

Ⅱ-3.
Webブラウザを開き、URLバーに ”localhost” と入力して、以下の画面が出れば成功です。

Ⅲ.MySQLの起動とWordPress用データベース作成

Ⅲ-1.
MySQLの行にある「Start」ボタンをクリックします。

Ⅲ-2
以下の警告が出た場合は、「アクセスを許可する」をクリックします。

Ⅲ-3.
左側の「MySQL」の背景が緑色になれば起動は成功です。「Admin」ボタンをクリックします。

Ⅲ-4.
Webブラウザが立ち上がり、「phpMyAdmin」の画面が開きます。画面上部の「データベース」をクリックし、データベース名に『wordpress』、照合順序に『utf8_general_ci』を選択して「作成」ボタンをクリックします。

Ⅲ-5.
画面左側に「wordpress」ができていれば成功です。
通常はデータベースに接続するユーザーを作成しパスワードを設定しますが、今回は作成せずにデフォルトのrootユーザーを使用します。またパスワードも指定しません。
こちらのphpMyAdmin画面は閉じて構いません。

Ⅳ.WordPressのインストール

Ⅳ-1.
WordPress日本語サイト(https://ja.wordpress.org/)にアクセスし、右上の「WordPressを入手」をクリックします。

Ⅳ-2.
「ダウンロードしてインストール」をクリックします。

Ⅳ-3.
「WordPress x.x をダウンロード」をクリックします。

Ⅳ-4.
WordPressのzipファイルがダウンロードされます。

Ⅳ-5.
zipファイルを解凍し、出てきた「wordpress」フォルダをXAMPPインストールフォルダ(デフォルトでは C:¥xampp)以下の「htdocs」フォルダ内にコピーします。
この場合、URLは http://localhost/wordpress になります。URL部分のwordpress を変更したい場合は、フォルダ名をwordpressから任意の名前に変更しましょう。

Ⅳ-6.
Webブラウザを開き、URL欄に ”localhost/wordpress” と入力します。
以下の画面が開くので、「さあ、始めましょう!」リンクをクリックします。

Ⅳ-7.
データベース名は、Ⅲ-4で作成した通り「wordpress」とします。
データベース接続ユーザーは今回WordPress用に作成していないので、デフォルトの「root」ユーザーを指定します。
データベース接続パスワードも設定していないので空欄とします。
データベースのホスト名について、このコンピュータ自身にデータベースが存在するので「localhost」とします。
テーブル接頭辞はデフォルトの「_wp」とします。

「送信」ボタンをクリックします。

Ⅳ-8.
「インストール実行」をクリックします。

Ⅳ-9.
サイトのタイトルは任意のタイトルを入力します。
ユーザー名とパスワードは、WordPressの管理者画面にログインする際のユーザー名/パスワードになりますので任意で設定します。
メールアドレスを設定します。外部公開しないサイトであっても設定が必要になります。

「WordPressをインストール」をクリックします。

Ⅳ-10.
「ログイン」リンクをクリックします。

Ⅳ-11.
本手順 Ⅳ-9 で設定したユーザー名/パスワードを入力すれば管理者画面に遷移できます。
また下部の 「← {設定したサイトのタイトル} へ移動」リンクをクリックします。

Ⅳ-12.
WordPressのサイトトップが出れば成功です。お疲れ様でした。


◆ 参考文献

XAMPP – Wikipedia
XAMPPを使ってWordPressローカル環境を構築する全手順 (lucy.ne.jp)
【Windows】XAMPPとWordPressのインストール | チグサウェブ (chigusa-web.com)