XAMPPでローカルWordPress環境を作る

WordPressのプラグインお試し導入や、WordPressの環境変更は、ご利用中のWordPressでは遠慮したいです。

レンタルサーバーにテスト用の環境を作っていますが、パソコンに環境を持っていれば、環境の再作成も簡単にできて便利です。

XAMPPについて

XAMPPは、10年以上も人気のあるPHP開発環境です。無償でMariaDB、PHP、Perlを含んだApacheディストリビューションです。

XAMPPの名称は以下の頭文字から構成されています。

・X – Windows、Linux、macOS、Solarisのクロスプラットフォーム
・A – ApacheのA
・M – MariaDB(旧バージョンはMySQL)のM
・P – PHPのP
・P – PerlのP

XAMPPのインストール

1.XAMPPインストール

XAMPPの公式サイトよりWindows向けXAMPPソフトウェアをダウンロードします。

ここから
ダウンロード

Windows版をダウンロードします。

XAMPP インストール
インストラー実行

ダウンロードした、XAMPPソフトウェアをダブルクリックしインストールを開始します。

XAMPP インストール
Warning

「OK」をクリックし、インストールを進めます。

XAMPP インストール

システムでユーザーアカウント制御(UAC)がアクティブになっているため、XAMPPの一部の機能が制限されている可能性があります。

Setup Wizard

「Next」をクリックし、次に進めます。

XAMPP インストール
select Components

インストールするコンポーネントを選択し、「Next」をクリックし、次に進めます。

XAMPP インストール

WordPessに使用する場合は、写真の通り、「Apache」、「MySQL」、「PHP」、「phpMyAdmin」を選択します。

Installation folder

インストール先を聞かれますので、ディフォルト「C:\XAMPPL」のままで、「Next」をクリックし、次に進めます。

XAMPP インストール
Bitnami for XAMPP

このインストラーは、使用しないので、チェックを外し「Next」をクリックし、次に進めます。

XAMPP インストール

Drupal、Joomla!、wordpress、及び、その他の人気のオープンソースアプリをインストールできるAll in Oneツールを提供します。

Ready to Install

XAMPPのインストールを開始する準備ができました。「Next」をクリックし、次に進めます。

XAMPP インストール
Finished installing

・XAMPPのインストールが完了しました。
・コントロールパネルを起動するをチェックして、「Finish」をクリックします。

XAMPP インストール

2.XAMPP サービス起動

Apache

「Apache」の「Start」をクリックし、「Apache」を起動します。

XAMPP コントロールパネル

注意。こちらは「FileZilla」「Mercury」「Tomcat」もインストールしています。

MySQL

「MySQL」の「Start」をクリックし、「MySQL」を起動します。

XAMPP コントロールパネル
実行されると緑になります。

「Apache」と「MySQL」が緑になることを確認します。

XAMPP コントロールパネル

3.XAMPPセキュリティー設定

3-1.MariaDBのパスワードを変更する

rootの初期パスワードは未設定なので、セキュリテーのため、パスワードを設定します。

パスワードの設定はshellより行います。

Shell起動

コントロールパネルの「shell」をクリックし、コマンドプロンプトを表示させます。

XAMPP コントロールパネル
コマンドプロンプト

「Setting environment for using XAMPP for Windows.」と「C:\xampp」が表示されます。

XAMPP MySQL

「Setting environment for using XAMPP for windows 」次行に

ユーザー名@デバイス名 フォルダー名

フォルダー名:
XAMPPをインストールしたフォルダーが表示されます。

ディレクトリ移動

「cd mysql\bin」を入力し、「Enter」を押します。

XAMPP MySQL
ログイン

「mysql -u root」を入力し、「Enter」を押します。

XAMPP MySQL

「mysql -u root」入力次行にWelcome to the MariaDB monitor. ~と表示されます。

パスワード変更

「set password=password(‘パスワード’);」を入力し、「Enter」を押します。

XAMPP MySQL

パスワード:
新しいパスワード

「set password=password(‘パスワード’);」入力次行に「Query OK, 0」が表示されれば正常です。

閉じる

・「quit」を入力し、「Enter」キーを押し、MySQLを切り離します。

・「exit」を入力し、「Enter」キーを押し、コマンドプロンプトを閉じます。

XAMPP MySQL

コマンドプロンプトが閉じられます。

3-2.phpMyAdminのログイン設定

サービス停止

「MySQL」「Apache」の「Start」をそれぞれクリックし、サービスを停止します。

XAMPP コントロールパネル

モジュール「Apache」「MySQL」の緑が消えている。

Control Panel停止

「Quit」をクリックし、XAMPPのコントロールパネルを停止します。

XAMPP コントロールパネル

コントロールパネルが閉じられます。

「config.inc.php」オープン

C:\xampp\phpMyAdminフォルダーにある「config.inc.php」をエディターで開きます。

XAMPP MyAdmin

「config.inc.php」は、編集前にバックアップします。

「config.inc.php」編集

2か所を編集し、ファイルを保存します。
・「’config’」→「’cookie’」
・「’root’」→「”」

XAMPP MyAdmin
サービス起動

・XAMMPのコントロールパネルを起動し、「Apache」と「MySQL」のサービスを起動します。
・起動を確認後、「MySQL」の「Admin」をクリックします。

XAMPP コントロールパネル
phpMyAdminログイン画面

phpMyAdminログイン画面が表示されます。

XAMPP MyAdmin
phpMyAdminログイン

rootでログインするのでユーザー名に「root」とパスワードに先ほど設定したrootのパスワードを入力し、「実行」をクリックします。

XAMPP MyAdmin

4.WordPess用データーベース作成

phpMyAdmin画面

phpMyAdmin画面が表示されます。

XAMPP MyAdmin
データベース選択

「データベース」タブを選択します。

XAMPP MyAdmin
データベース作成

WordPess用に任意のデータベース名の入力と、「utf8_general_ci」を選択し「作成」をクリックしデータベースを作成します。

XAMPP MyAdmin

データベース名は、WordPressの設定で必要になります。

5.WordPessインストール

WordPessダウンロード

WordPessの公式サイトよりWordPessソフトウェアをダウンロードします。

ここから
WordPress インストール
WordPress解凍

「wordpress-5.3.2-ja.zip」をダブルクリックし、ファイルを解凍します。

WordPress インストール
WordPress複写

解凍した「wordpress」フォルダーを「 C:¥xampp¥htdocs 」直下に複写します。

WordPress インストール

6.WordPess設定

ブラウザー

お使いのブラウザーよりURLに「http://localhost/wordpress/」を入力し、「Enter」を押します。

WordPress インストール
WordPressへようこそ

WordPressへようこそ。作業を始める前にデータベースに関するいくつかの情報が必要となります。
「さあ、はじめましょう!」をクリックします。

WordPress インストール
config設定

「データベース」、「ユーザー名」、「パスワード」、「ホスト名」、「テーブル接頭辞」を入力し「送信」をクリックします。

WordPress インストール

データベース:
phpMyAdminで作成したデータベースになります。

ユーザー名:、パスワード:
phpMyAdminで使用したユーザー名、パスワードになります。

ホスト名:
環境をパソコン内に作成したので自身を示す「localhost」になります。

テーブル接頭辞:
デフォルトの「wp_」になります。
複数のWordPressを作成する場合はこちらで区別します。

インストール実行

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

WordPress インストール
必要情報

必要な情報を入力し、「WordPressをインストール」をクリックし、インストールを開始します。

WordPress インストール

サイトのタイトル:
WordPressのサイト名になります。

ユーザ名:
WordPressログインのユーザ名になります。(config設定で入力した。)

パスワード:
WordPressログインのパスワードになります。(config設定で入力した。)

メールアドレス:
WordPressのメールアドレスになります。

検索エンジンでの表示:
「検索エンジンがサイトをインデックスしないようにする」をチェックします。

インストール完了

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

WordPress インストール
WordPessログイン

必要な情報で設定した「ユーザー名」、「パスワード」を入力し、「ログイン」をクリックします。

WordPress インストール
フリーランスの請求書を現金化【FREENANCE】

まとめ

Apache ウェブサーバーのインストールは、仮想ソフトウェアからOS、各サービスのソフトウェアのインストールと設定が多く、難しく感じています。

  • 簡単にApache ウェブサーバーが作成でき、環境上でWordPressも動作する。
  • Bitnamiの簡単インストールできるアプリケーションが豊富にある。