<>

XAMPPのインストール手順|ローカル環境でワードプレスサイトを構築する方法

無料で開設できるブログサイトではなく ワードプレスを使ってWebサイトを作ってみたいと考えている方、必見!!

ワードプレスを使ってWebサイトを運営するためには レンタルサーバーを契約する必要があります。

ですが、有料となるとちょっと二の足を踏んでしまいます。
やってみたいけどはまだまだ 本格的に Webサイトを始めるか悩んでいる方は、
レンタルサーバー契約をする前に、ローカル環境 ( 自身のPC上で ) WordPressを体験してみてはいかがでしょうか?

ローカル環境で サイトを構築するというのは 少々準備がかかりますが
無料で本番サイトのようなワードプレスを体験できるのは XAMPP ( MAMPP ) だけです!

XAMPP(ザンプ)とは?

XAMPPは サーバーやデーターベースなど Webサイト構築のために必要な
アプリケーションを一つに パッケージ化したもので ローカル環境でのみですが
サイトの開発ができる とても便利なアプリケーションになります。

Apache・MariaDB(旧はMySQL)・PHP・Perlのイニシャルの頭文字から
Windows では XAMPP  Macでは MAMP(マンプ)呼ばれています。

ローカル環境

この ローカル環境 というのは、インターネットを必要としない環境ということで、
本来なら レンタルサーバー契約をして利用できる サーバー・データベースなどが
パソコン内に設置されるといったイメージです。

この XAMPPを使用することで WordPressをインストールし、実際にサイトを作成してみることができます。

XAMPPの用途

XAMPP を使用する目的はさまざまです。

  • サイトを 一から プログラミングしていくため
  • Webサイトのための テストサイトとして利用
  • そして、契約料がかからず サイトをイメージしていけるツールとして
テストサイトとは、サイトの デザインの変更する場合や
アップデートなど ローカル環境で不具合が起きないか試したりという使いかたなど

ローカル環境ですから、サイトをWeb上に公開することはできませんので
最終的には、サーバー ( レンタルサーバー ) 契約しなければならないということになります。

その際に ローカルから 本番サイトへ移行する方法もありますが、
XAMPPを使ったサイトの構築を どのような目的で使用するのかを
理解したうえで この XAMPPの インストールへ進んで頂ければと思います。

MAMP

Mac を利用されている方は MAMPをインストールしてご利用ください。
MAMP のダウンロードはこちらのサイトからできます。 ↓

Xamppのインストールの手順

インストールを分かりやすく図解していますので順に進めていきましょう。

XAMPPのダウンロード画面 Windows向けのXAMPPをダウンロードしていきます。
https://www.apachefriends.org/jp/index.html

追記:現在の Windows 向け 最新バージョン 7.1.33 / PHP 7.1.33 です。

① こちらの画面から Windows向けXAMPP をダウンロードし パソコンにインストールしていきます。
注意喚起の表示のあとにこちらの画面が表示されます。

XAMPPのsetupを始めます。
② setup-XAMPP Next > をクリック

インストールするコンポーネントの選択です。WordPressの場合、apache/MySQL/PHP/phpMyAdminの4項目です。
③ Select Components   インストールするコンポーネントです。

WordPressで使用する項目は4つです。他のものは チェックをはずしてもらっても構いません。

Apache(アパッチ) Webサーバーソフトウェア
MySQL(マイ・エスキューエル)データベース管理システム
php(ピーエイチピー) WordPress で使用するプログラミング言語です。
phpMyAdmin(ピーエイチピー マイ アドミン) データベースの管理画面


④ インストールフォルダの選択
C:¥xamppのままで OKですが、後々使用するフォルダですのでどこにあるのか覚えておきます。

XAMPPアプリケーションサイトを開けるかどうかのチェックです。
⑤ XAMPPアプリケーションサイトを開けるかどうかのチェックです。
こちらは基本的に使用しませんので チェックは外してもらって 問題ありません。

⑥ Next> をクリックするとインストールを開始します。
数分かかる場合がありますのでお待ちください。

インストール終了画面。XAMPPコントロール画面へ進みます。
⑦ インストール終了画面です。

Do you want to start the Control Panel now? は
完了後にコントロールパネルを開くかの問いですのでチェックを入れて
Finish をクリック、XAMPPの 初期設定と動作確認 に進みます。

XAMPP Control Panel  の設定

言語の選択は こちらでは英語を使っていきます。Save をクリックし進みます。


こちらがコントロール画面です。

ローカル環境でWordPressを動作させるためには Apache と MySQL を毎回起動させる必要がありますので
タスクバーに表示されているXAMPPのアイコンをピン留めするなど 分かりやすい場所においておくと便利です。

Apache とMySQLの Startボタンを順にクリックします。
Apache・MySQLの起動スタート
起動が始まると Apache の文字の背景が黄色になり 薄い緑色に変わったら正常に作動したということです。

エラー表示が出た場合

まれに正常に起動できずに 画面下エラー表示されるケースがあります。

Port(s) 80,443 というのが apacheで使用されるポート番号ですが
Skype  などを利用しておられる方は このポート番号をSkypeが使用している場合があります。
これが原因でエラー表示されてしまっている場合 Skype のポート番号を変更すれば 解決します。

また、必要なファイルが 正常にインストール出来ていないケースがあります。
インストールをやり直すことで 解決する場合がありますが
私の場合、インストールでもだめで ダウンロードからやり直して解決したことがあります。

ローカル環境でサイト作成をする場合、この状態でWordPressの画面を開くことが出来ます。

apache MySQL の動作確認

startボタンの横の Adminのボタンをクリックして
apache MySQL が正常に動作しているかの確認をしていきます。
apacheのAdmin画面
apache Admin画面

MySQLのAdmin PHPMyAdmin管理画面
phpMyAdmin管理画面
こちらの画面が無事表示できましたら 正常に動作している証拠です。

phpMyAdminの画面が 英語表記になっている場合は
中央にあります 外観の設定の言語(Language)から日本語表記に変更できます。

データベース セキュリティの設定について

初期設定では データベースの セキュリティ設定がされていない状態 なので
MySQL の Admin をクリックするとすぐに phpMyAdmin の画面へ
移動することができましたが WordPressを インストールする際に
データベースの パスワードが必要になります。

また、セキュリティ設定されていない場合 ネットワーク経由で外部から
アクセス可能な状態となっているため 悪意のあるプログラムなどからの
攻撃を受ける可能性がありますので セキュリティ設定が必要になります。

セキュリティの設定をするためには データベースの情報を
書き換える必要がありますので順に説明していきます。

MySQL データベース パスワードの設定

セキュリティ設定-Shell
まず XAMPPのコントロール画面の Shellボタンをクリックして頂きコマンドプロント画面を開きます。

このような黒い画面が出てきますので 文章の最後の の後に続いて入力していきます。

文字列がズレるだけでも エラーになりますので 気を付けて
cd mysql\bin  と入力し Enter を押します。


Owner@LAPTOP-MPELCVO から始まるコードが表示されます。
次の#のあとに mysql -u root   を入力し Enter を押します。

これがユーザー名になり 次にパスワードの設定へ続きます。
MariaDB [(none)]> の後に set passsord=passsord('your_passsord'); と入力
('your_passsord’); の部分がパスワードの設定になります。

ここでは この ('your_passsord’) のままで Enter を押していますが
(") この部分に さきほど設定したパスワードを入力し Enter を押してください。


Query OK, で正常に変更できました。という表示になり作業終了です。

quit と入力して Enter で 元の画面に戻ってきました。
右上の✖で閉じるか exit と入力して Enter を押すことでも画面を閉じることができます。

phpMyAdmin  ログイン画面の設定

もう一度 XAMPPコントロールパネル から MySQLのAdminをクリックしてみます。
phpMyAdminの画面確認
MYSQLのパスワードの設定をしたことで 先ほど開けることができた
phpMyAdminに入れずにエラー表示が出てきました。

これは 先ほど設定した パスワードを phpMyAdminの方にも設定してあげることで解決します。
書き換えは phpMyAdmin フォルダの中の confing.inc.php ファイルになります。
phpファイル-セキュリティ設定の画面
画像上部のタブに表示されているのが phpMyAdminのフォルダ が保存されている場所です。
ローカルディスク C:\ XAMPP \phpMyAdmin \confing.inc.php
というファイルを開いた画面がこちらの画像です。

こちらのテキスト画面は…

sublime Text( サブライムテキスト )という
エディタで表示した画面になります。カラーで表示することが出来るので
書き換えたいところがわかりやすくとても便利です。

テキストエディタがなくても お使いのエクセルでもメモ帳機能でも
編集は可能ですが機能的にもあると便利です!!

詳しくはこちら↓
テキストエディタ【 SublimeText 】インストールと 日本語変換のしかた

話を戻して...
上記の画像の赤で囲んである場所の設定変更です。

['auth_type’] = 認証タイプの設定 ですが ファイルには パスワードを書き込まずにログイン認証にします。

ログイン認証にするためには ”cookie”と入力し
あとの  ['user’]  ['passsord’] は空欄にしたままで 保存して終了します。
phpファイルへセキュリティ再設定
これで 設定が終了しました。ログイン画面が表示されるか確認してみます。

XAMPPのコントロールパネルの MySQL の Admin をクリックで この画面が表示されればOKです。

phpMyAdmin-ログイン画面
ユーザー名は”root
パスワードは 先ほど設定したパスワードでログインできるはずです。
これで セキュリティ設定終了です。お疲れ様でした。

ログインできましたら ようやく WordPress のダウンロードです。
[ ローカル環境 ] データベース作成と WordPress をインストールする手順 へ続く


こちらのインストールの手順は
私のサイト作成の際に参考にさせていただいたサイトさまです。ありがとうございました。
参考サイト:XAMPPセキュリティの設定~データーベース(phpAdmin)編~