ホーム>技術

XAMPPのローカル環境にWordPressをインストールする方法

当サイトはアフィリエイト広告を利用しています。

目次

おすすめ

WordPressでテーマを作成してみたい！という方にぴったりな本です。
テーマの概要や構成はもちろん、プラグインやセキュリティ等の運用面まで幅広く紹介されています。
中でも、充実した学習用のサンプルファイルと付録にあるPHPの基礎解説は初心者必見です！
ぜひ一度手に取ってみてください。

［改訂版］WordPress 仕事の現場でサッと使える！ デザイン教科書
技術評論社
¥3,058 （2022/06/04 15:46時点 | Amazon調べ）
Amazonで見る
Kindleで見る

当ブログでは、オンライン学習サービス「CodeCamp」をおすすめしています。
CodeCampは、株式会社コードキャンプが提供しているオンライン学習サービスです。
利用するメリットとして、マンツーマン指導や転職支援があることが挙げられます。
また、今なら無料でカウンセリングが受講でき、受講料1万円割引クーポンが貰えます。
独学に限界を感じている方や、就職・転職やキャリアに悩んでいる方は相談してみてはいかがでしょうか？
ぜひ一度カウンセリングを受講してみてください。この機会をお見逃しなく！

CodeCamp

実行環境

OSmacOS Catalina 10.15.7
XAMPP7.4.20

実行環境がない方は、以下の記事を参考に構築してください。

XAMPPを導入する方法

XAMPPのローカル環境にWordpressをインストールする方法

今回は、XAMPPのローカル環境にWordpressをインストールする方法をご紹介します。

XAMPPのローカル環境にWordpressをインストールする手順は以下のとおりです。

  1. MySQLのrootユーザにパスワードを設定する
  2. XAMPPでApacheとMySQLを起動する
  3. phpMyAdminでWordPress用のデータベースを作成する
  4. WordPressをインストールする
  5. 動作を確認する

MySQLのrootユーザにパスワードを設定する

XAMPPは開発環境を対象としたパッケージの為、MySQLのrootユーザのパスワードが設定されていません。
意図しないアクセスを防ぐ為にも、MySQLのパスワードを指定します。

ターミナルを開いて以下のコマンドを実行します。

sudo /Applications/XAMPP/xamppfiles/xampp security

パスワードを要求されるのでシステムのパスワードを入力します。
入力すると対話型のセキュリティチェックが始まります。

XAMPP:  Quick security check...

「MySQLはネットワーク経由でアクセス可能になっています。設定をオフにしますか？」と聞いてくるので、「yes」または「no」を入力します。
今回は、MySQLのrootユーザにパスワードを設定することが目的なので「no」を入力します。

XAMPP:  MySQL is accessable via network. 
XAMPP: Normaly that's not recommended. Do you want me to turn it off? [yes]

「MySQL/phpMyAdminのpmaユーザにパスワードが設定されていません！！！パスワードを設定しますか？」と聞いてくるので、「yes」または「no」を入力します。
今回は、MySQLのrootユーザにパスワードを設定することが目的なので「no」を入力します。

XAMPP:  The MySQL/phpMyAdmin user pma has no password set!!! 
XAMPP: Do you want to set a password? [yes]

「MySQLのrootにパスワードが設定されていません！！！パスワードを設定しますか？」と聞いてくるので、「yes」または「no」を入力します。
今回は、MySQLのrootユーザにパスワードを設定することが目的なので「yes」を入力します。

XAMPP:  MySQL has no root passwort set!!! 
XAMPP: Do you want to set a password? [yes]

「パスワードを忘れないようにどこかに書き留めておいてください！！！」と言ってくるので、パスワードをメモ等に控えます。
パスワードを入力すると再度入力を促されるので同じパスワードを入力し、rootユーザにパスワードを設定します。

XAMPP:  Write the password somewhere down to make sure you won't forget it!!! 
XAMPP: Password: 
XAMPP: Password (again): 
XAMPP:  Setting new MySQL root password.
XAMPP:  Change phpMyAdmin's authentication method.

「FTPの ‘daemon’ ユーザのパスワードは ‘xampp’ に設定されたままです。パスワードを設定しますか？」と聞いてくるので、「yes」または「no」を入力します。
今回は、MySQLのrootユーザにパスワードを設定することが目的なので「no」を入力します。

XAMPP:  The FTP password for user 'daemon' is still set to 'xampp'. 
XAMPP: Do you want to change the password? [yes]

対話型のセキュリティチェックが終了します。

XAMPP:  Done.

XAMPPでApacheとMySQLを起動する

次に、XAMPPで「Apache Web Server」と「MySQL Database」を起動します。

  1. XAMPPを起動
  2. XAMPPのアプリケーションの [Manage Servers] タブをクリック
  3. 起動したいサーバをクリック
  4. 画面の右側にある [Start] ボタンを押下

以下のように表示されていたら起動完了です。

XAMPPのアプリケーションのサーバ管理タブ

phpMyAdminでWordPress用のデータベースを作成する

ApacheとMySQLの起動が完了したら、phpMyAdminでWordPress用のデータベースを作成します。

  1. ブラウザで http://localhost にアクセス
  2. メニューの一番右にある「phpMyAdmin」を押下
  3. ユーザ名に「root」、パスワードにrootユーザに設定したパスワードを入力
  4. [実行] ボタンを押下
ログイン後のphpMyAdmin
  1. メニューの「データベース」を押下
  2. データベースを作成する > データベース名入力欄に「wordpress」を入力
  3. 照合順序に「utf8mb4_general_ci」を選択
  4. [作成] ボタンを押下

以下のように表示されていたらデータベースの作成完了です。

WordPress用のデータベースを作成する

WordPressをインストールする

XAMPPの環境構築が完了したら、WordPressをインストールします。
インストールするバージョンは「5.7.2」です。

WordPressをダウンロードする

  1. ブラウザで WordPressのダウンロードページ にアクセス
  2. 画面中央にある [WordPress 5.7.2 をダウンロード] ボタンを押下

WordPressをインストールする

  1. ダウンロードしたWordPressを解凍
  2. 解凍したファイルを /Applications/XAMPP/xamppfiles/htdocs 配下に配置
WordPress配置後のFinder
  1. ブラウザで http://localhost/wordpress/ にアクセス
  2. [さあ、始めましょう！] ボタンを押下
  3. 以下のように入力して [送信] ボタンを押下
WordPressの構成ファイルのセットアップ
データベース名wordpress
ユーザ名root
パスワードrootユーザに設定したパスワード
データベースのホスト名localhost
テーブル接頭辞wp_

「wp-config.php ファイルに書き込みできません。」という画面が表示された場合、以下の手順でwp-config.phpを作成します。
表示されない場合は、以下の手順は不要です。

  1. /Applications/XAMPP/xamppfiles/htdocs/wordpress/ 配下にある「wp-config-sample.php」をコピー
  2. コピーしたPHPファイルを同じディレクトリにペースト
  3. ペーストしたPHPファイルを「wp-config.php」にリネーム
  4. ブラウザの画面に表示されているコードをコピー
  5. wp-config.phpのコードをすべて削除し、コピーしたコードをペーストして保存
  6. ブラウザで [インストール実行] ボタンを押下
  1. インストール画面で以下のように入力して [WordPress をインストール] ボタンを押下
WordPressのインストール
サイトのタイトル使用したいサイト名
ユーザー名WordPressの管理画面にログインする際に使用したいユーザ名
パスワードWordPressの管理画面にログインする際に使用したいパスワード
メールアドレスサイト管理者のメールアドレスとして使用したいメールアドレス
検索エンジンでの表示チェックボックスを外す

以下のように表示されていたらインストール完了です。

WordPressのインストール完了

動作を確認する

最後に、WordPressが正常にインストールされているか確認します。

  1. ブラウザで http://localhost/wordpress/wp-login.php にアクセス
  2. ユーザ名とパスワードを入力して [ログイン] ボタンを押下

以下のように表示されていたら動作確認完了です。

WordPressの管理者画面

お疲れさまでした

XAMPPのローカル環境にWordpressをインストールする方法をご紹介しました。
少しでも参考になれば幸いです。

どんな記事が読みたいですか？

現在、ミルラクでは記事に関するアンケートを実施しています。
ご回答いただいた内容は今後の記事の役立てていきますので、ぜひご回答ください！