ローカルサーバーをXAMPPで構築してWordPressをインストールする方法

Pocket

thumb

過去に「XAMPPのインストールと設定について」という記事の中でXAMPPをインストールする手順を解説しました。

あれからXAMPPのバージョンもアップしてますし、WordPressをXAMPPにインストールする機会がありましたので、備忘録もかねてXAMPPの構築からWordPressのインストールまでの工程を一から解説していきます。

以下の流れで解説していきます。

  • 1.XAMPPをローカルにインストールする。
  • 2.XAMPPのセキュリティを設定する。
  • 3.MySQLにWordPress用のデータベースを作成する。
  • 4.XAMPPにWordPressをインストールする。

1.XAMPPをローカルにインストールする

1.XAMPPのページへアクセスします。

http://www.apachefriends.org/jp/xampp-windows.html

スクリーンショット

2.XAMPP Windows版 1.7.7のインストーラーをダウンロードします。

スクリーンショット

3.デスクトップ上にできたインストーラーをダブルクリックして起動します。

スクリーンショット

4.下記のように言語選択の画面が出てきますが、英語以外選択できませんので、そのままOKボタンを押してください。

スクリーンショット

5.下記の画面でOKボタンを押して先へ進みます。

スクリーンショット

6.NEXTボタンを押します。

スクリーンショット

7.インストール先を指定する画面ですが、NEXTボタンを押します。(Vista以降、別の階層にインストールすると、XAMPPの起動時にエラーが出たりするようです。)

スクリーンショット

8.下記のチェックボックスの内容は以下の通りです。

  • ・デスクトップにXAMPPのショートカットアイコンを作成する。
  • ・スタートメニューにXAMPPフォルダーを作成します。
  • ・PC起動時にApacheを起動させる。
  • ・PC起動時にMySQLを起動させる。
  • ・PC起動時にFilezillaを起動させる。

XAMPPを起動させてからApacheやMySQLを起動させても問題ないので、デフォルトのままでも大丈夫です。

スクリーンショット

9.インストールが開始されます。

スクリーンショット

10.インストールが終わりましたので、Finishボタンを押します。

スクリーンショット

11.インストールが無事終了しXAMPPを立ち上げるか聞いてきますので、「はい」を押して起動させます。

スクリーンショット

12.ApacheとMySqlのStartボタンを押してApacheとMySQLを起動させます。

スクリーンショット

2.XAMPPのセキュリティを設定する

1.ブラウザのURL欄に「127.0.0.1」または「localhost」と入力してください。
(「127.0.0.1」「localhost」とはそのPC自体のアドレスの事) すると下記の画面になりますので、「日本語」をクリックします。

スクリーンショット

2.セキュリティを押して現在のセキュリティの状況を確認をします。

スクリーンショット

3.ステータスの箇所を確認すると、赤枠で囲んだ部分が「要注意」になっています。
そこで、下記画像の下部にある「http://localhost/security/xamppsecurity.php」をクリックしてセキュリティの設定をします。

スクリーンショット

4.MySQLのパスワードを設定します。

下記のチェックボックスにチェックを入れると、下記の場所にパスワードを記したテキストファイルが保存されます。

パスワードを入力したら「パスワードを変更しました。」ボタンを押してください。

スクリーンショット

5.XAMPPのディレクトリ制御のために「ユーザ」「パスワード」を入力します。

入力しましたら「安全なXAMPPディレクトリを作成してください。」ボタンを押してください。

スクリーンショット

6.下記のように無事MySQLとXAMPPのディレクトリにパスワードが設定されました。

スクリーンショット

7.セキュリティボタンを押すとステータスが安全に変わっているのが確認できました。

スクリーンショット

3.MySQLにWordPress用のデータベースを作成する

1.ツールの「phpMyAdmin」をクリックします。

スクリーンショット

2.ログイン画面で言語を日本語にして、ユーザ名とパスワードは先ほど設定した文字を入力します。

スクリーンショット

3.赤枠のMySQL接続の照合順序が「utf8_general_ci」になっていることを確認して、ヘッダーのデータベースボタンを押します。

スクリーンショット

4.赤枠の部分に任意のデータベース名を入力してください。

(wordpressのインストールなので、wordpressかwpにすると分かりやすいと思います) 入力が終わったら作成ボタンを押します。

スクリーンショット

5.無事にデータベースの作成が終わりました。

スクリーンショット

4.XAMPPにWordPressをインストールする

1.WordPressの公式ページにてWordPressをダウンロードします。
ここでは現在最新版の3.3.1をダウンロードしました。

スクリーンショット

2.ダウンロードしたファイルを解凍して、XAMPPのhtdocsフォルダに入れます。

今回の流れですと、C:¥xampp¥htdocsになります。

スクリーンショット

3.「http://127.0.0.1/wordpress/」にアクセスします。
すると下記の画面になりますので、「設定ファイルを作成する」ボタンを押します。

スクリーンショット

4.下記の画面で「次に進みましょう」ボタンを押します。

スクリーンショット

5.上で設定した各項目を入力する

  • ・データベース名:上で設定したMySQLで設定したデータベース名を入力。
    ここでは「wp」
  • ・ユーザ名:上で設定したMySQLのユーザ名を入力。 ここでは「root」
  • ・パスワード:上で設定したMySQLのパスワードを入力。
  • ・データベースのホスト名とテーブル接頭辞:デフォルトでOK

(テーブル接頭辞とはひとつのデータベース内に複数のWordPress用のテーブルを作成する時に「wp2_」「wp3_」といった接頭辞をつける必要があります。)

入力が終わったら「作成する」ボタンを押します。

スクリーンショット

6.下記の画面が出てきたら、「インストールを実行」ボタンを押します。

スクリーンショット

7.必要な項目に入力して、「WordPressをインストール」ボタンを押します。
ユーザー名とパスワードはログインする際に必要になりますので、メモをとっておきましょう。

スクリーンショット

8.「ログイン」ボタンを押します。

スクリーンショット

9.先ほどメモしておいたユーザー名とパスワードを入力して「ログイン」ボタンを押します。

スクリーンショット

10.無事インストールが完了しました。
お疲れ様でした!!

スクリーンショット

XAMPPにWordPressをインストールしたら、早速WordPressの勉強をしましょう。
WordPress初心者向けの勉強法をご紹介していますので参考にどうぞ

5ステップでマスターする!初心者から始めるWordPress勉強法

下記の本にXAMPPのインストールからWordPressのインストールまでの詳しく解説があります。

ローカルサーバーでのメールの送受信方法なども解説してますので、メール送信テストもしたい人は読んだ方がいいかも。

初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。

もしブログの内容が気に入って頂けましたらRSSリーダーの登録よろしくお願いします。

Pocket

コメント

  • こんにちは!
    先生のサーバー構築の手順通り進んで来ました。localhostoの
    データベースのところまで来ています。 同じ手順なのにデータベースの新規作成が表示されません。
    私の画面は、データベース作成
    特権なし
    と表示されてます。先生の画面と同じになるようにするにはどうしたら
    よいでしょうか?教えて頂いたら大変嬉しく存じます。宜しくお願い致します。

    2013年6月28日 3:11 PM | kinoyasu

  • とっても分かりやすかったです。あざっす!短いコメントでごめんなさい(笑)

    2013年11月24日 9:48 PM | 通りすがりさん

  • […] 意外に簡単だったはずです。でもここまでできたのは→ローカルサーバーをXAMPPで構築してWordPressをインストールする方法 | Basic Designさんのおかげ。説明がていねいでとても分かりやすか […]

    2014年2月5日 7:03 AM | XAMPPをダウンロードしてWordPressローカル環境を構築!いまからはじめるXAMPP(ver1.8.3)

  • 初めてホームページを勉強するものです。いきなりサーバーを借りてするのは、さすがに勇気がいりますので、迷っていたところにこのページを発見しまいました。XAMPPとWordPressでのインストールの大変参考になりました。ありがとうございます

    2014年10月11日 9:20 AM | fukutaka

  • […] 1.Xammp及びWordpressの導入 45min http://kunkun.pya.jp/basic_design/notebook/xampp-wordpress-120226/ […]

    2014年11月25日 1:43 PM | 1125の勉強会内容 | Blog@yoooda23

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

WP-SpamFree by Pole Position Marketing

トラックバックURL: http://kunkun.pya.jp/basic_design/notebook/xampp-wordpress-120226/trackback/