LoginSignup
1
0

More than 1 year has passed since last update.

XAMPPでWordPressのローカル開発環境を構築していく

Posted at

開発環境

・Windows10
・WordPress 5.9(当時最新バージョン)
・XAMPP 7.4.27

構築手順

1、XAMPPのインストール

XAMPPのインストーラーをダウンロードしたいのでXAMPP公式サイトに移動

※現時点(2022/05)でWordPressはPHP8に対応していないため、PHP7のXAMPPを使います。
「その他のバージョンについては・・・」を選択
スクリーンショット 2022-06-10 111305.png
PHP7に対応しているXAMPPの「Download」を選択
スクリーンショット 2022-06-10 111423.png
ダウンロードしたインストーラーを起動
スクリーンショット 2022-06-10 111540.png
Next
スクリーンショット 2022-06-10 114218.png
インストール内容の選択です。
利用する機能にチェックを入れ、Nextを押下。
よく分からなければそのままでもいい。
スクリーンショット 2022-06-10 114503.png
インストール先のフォルダ指定です。
よく分からなければそのままでもいい。
スクリーンショット 2022-06-10 114823.png
言語選択です。
日本語はないのでEnglishでいいでしょう。
スクリーンショット 2022-06-10 115018.png
XAMPPのアドオンに関する説明を表示するかの有無です。
いらないのでチェックを外してNextを押下。
スクリーンショット 2022-06-10 115223.png
Next押下
スクリーンショット 2022-06-10 115801.png
インストールが完了するまで待つ。
スクリーンショット 2022-06-10 115916.png
Finish押下
スクリーンショット 2022-06-10 121143.png

2、XAMPPにWordPressで使うデータベースを作成

インストールが完了したら、XAMPPのコントロールパネルを開く
XAMPPのコントロールパネルの場所例:C:\xampp\xampp-control.exe
スクリーンショット 2022-06-10 112516.png
ApacheとMySQLを起動し、MySQLの「Admin」を選択
image.png
phpMyAdminが起動したら、データベースタブを選択
スクリーンショット 2022-06-10 111941.png
データベース名と照合順序を入力し、「作成」を押下
データベース名は好きな名前で。今回は分かりやすくデータベース名は「wp_test」
照合順序は「utf8_general_ci」
image.png
左のデータベースのリストに追加されていたら作成完了。
image.png

3、WordPressのダウンロード

WordPress公式サイトからWordPressをダウンロードする。

公式サイト(日本)のトップページの右上辺りにある「WordPressを入手」をクリックします。
images.png
ダウンロードボタンをクリックすると、ダウンロードが開始される。
images.png

4、WordPressをXAMPPにインストール

ダウンロードしたzipファイルを解凍
image.png
今回は分かりやすくするために解凍したフォルダをデータベース名と同じ名前に変更
この名前がドメイン名となり、アクセスできるようになります。
例:http://localhost/wp_test
image.png

解凍したフォルダをxamppのhtdocsフォルダにまるごと移動
移動先:C:\xampp\htdocs

ブラウザからURLを入力してWordPressを起動
今回の場合はhttp://localhost/wp_test

「さあ、始めましょう!」を選択
images.png
WordPressを使用するデータベース情報を入力し、「送信」を押下
データベース名:WordPress用に作成したデータベースの名前を入力(今回はwp_test)
パスワード:デフォルトの場合、未入力
データベースのホスト名:デフォルトの場合、「localhost」
テーブル接頭辞:デフォルトの場合、「wp_」

「インストール実行」を押下
images.png
サイト情報を入力して、「WordPressをインストール」を押下
※ユーザー名とパスワードはWordPressにログインするときに必要なので忘れないように
※「検索エンジンがサイトをインデックスしないようにする」というのは、検索エンジンに登録され、検索結果として表示されるようになること

「ログイン」を押下

ユーザー名、パスワードを入力
スクリーンショット 2022-06-10 112801.png
管理画面が表示できたら完成

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0