テストするのに便利!WordPressをローカル環境で設置する方法!

公開日:2013年10月22日
最終更新日: 2015年2月1日

wordpress_local_photo_01

こんにちは!

基本的に当ブログはWordPressの使い方とカスタマイズの方法をまとめる為に作ったにも関わらず、いまだにWordPressの記事を投稿していませんでした(-_-;)。

ブログを立ち上げてから1ヶ月近く経つので、そろそろWordPressに関する記事を投稿したいと思います。

私がまずWordPressの記事で最初に投稿しようと思っていた内容は、
「WordPressをローカル環境で設置する方法!」もしくは「各サーバごとのWordPressのインストール方法!」のどちらかを記事にするつもりでした。何にしてもWordPressをインストールしない事には始まりませんので。

今回は「WordPressをローカル環境で設置する方法!」を記事にしたいと思います。「各サーバごとのWordPressのインストール方法!」は次の機会にします。

ちなみにWordPressに関する説明はもういらないですよね?
「WordPressって何?」って方はこちらの「WordPressの実を公開しました!」の記事をご確認下さい。簡単ですが、WordPressについて説明しています。

通常、WordPressを動かす為には「ドメイン」と「サーバ」が必要です。
「ドメイン」とはネットワーク上の住所みたいなもので、このサイトでは「wp-technique.com」がそれに当たります。
「サーバ」はデータの保管庫です。この「サーバ」に入っているファイルをサイトとして閲覧しています。もちろん「ドメイン」「サーバ」ともに有料です。

ただ初心者の方がいきなり、お金を出してサイトを立ち上げるのは、ちょっと敷居が高いですよね。出来れば前もってどんな感じか確認しておきたい所です。そこで自分のパソコンに仮想サーバを作り、WordPressを設置してみたいと思います。「ローカル環境に設置する」というのは、そういう意味です。

それでは「WordPressをローカル環境で設置する方法!」の手順を説明します。

目次!

1.最初に仮想サーバを作る!
2.XAMPPの起動!
3.MySQLのパスワードを設定!
4.MySQLにデータベースを用意!
5.WordPressを導入!

最初に仮想サーバを作る!

XAMPP(ザンプ)をダウンロードしインストール!

まずは「XAMPP」をダウンロードしインストールします。いきなり訳の分からない言葉が出てきましたね。

「XAMPP」とは何かというと、サーバ環境(Apache)やデータベースサーバ環境(MySQL)、PHPといった標準的なサーバに必要な機能を1つにしたフリーソフトウェアの事です。

プログラムなどの開発、学習用に使用されるケースが多いと思います。

この「XAMPP」を自分のパソコンにインストールする事で、仮想サーバが作成され、WordPressが設置できるようになります。

【wikipedia】
http://ja.wikipedia.org/wiki/XAMPP

XAMPPのダウンロード!

以下のサイトより「XAMPP」をダウンロードして下さい。現時点での最新バージョンは「XAMPP 1.8.3」です。

2015年2月現在の最新バージョンは「5.6.3」です。

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

今回は「Installer」よりダウンロードしました。

wordpress_local_photo_02

XAMPPを実行!

ダウンロードしたファイルを実行してください。

wordpress_local_photo_03

以下の警告画面が表示されます。
「C:\Program Files (x86)」フォルダにインストールしないで下さいと書かれています。「OK」をクリックしてください。

wordpress_local_photo_04

Setup画面が表示されます!

「Next」をクリックしてください。

wordpress_local_photo_05

チェックはデフォルトのままで「Next」をクリックしてください。

wordpress_local_photo_06

保存場所は「C:\xampp」で「Next」をクリックしてください。

wordpress_local_photo_07

チェックは外さずに「Next」をクリックしてください。

wordpress_local_photo_08

「Next」をクリックしてください。

wordpress_local_photo_09

インストールが終わるまで、お待ち下さい。

wordpress_local_photo_10

チェックは外さずに「Finish」をクリックしてください。

wordpress_local_photo_11

これで「XAMPP」のインストールは完了です。

XAMPPの起動!

「XAMPP」のインストールが完了した後、自動的にXAMPPコントロールパネルが立ち上がります。

wordpress_local_photo_12

「Apache」の「Start」をクリック!

wordpress_local_photo_13

これで以降WEBブラウザで「http://localhost」とURL欄に入力すると、Apacheサーバーにアクセスできます。

「MySQL」の「Start」もクリック!

wordpress_local_photo_14

これで「Apache」と「MySQL」を利用できるようになりました。「Apache」を動かす時は必ず「Start」をクリックしてください。「Apache」が起動していれば「http://localhost」でサーバにアクセスできます。

「http://localhost」にアクセス!

「XAMPP」のトップページが表示されます。「日本語」をクリックしてください。

wordpress_local_photo_15

「XAMPP」が正しくインストールされました。

wordpress_local_photo_16

おめでとうございます!「XAMPP」が正しくインストールされましたよ。

MySQLのパスワードを設定!

「セキュリティ」をクリック!

wordpress_local_photo_17

「http://localhost/security/xamppsecurity.php」をクリックしてください。

wordpress_local_photo_18

「新しいパスワード」を入力!

今回は「root」に変更し「パスワードを変更しました」をクリックしてください。このパスワードは人に知られない様にして下さいね。

wordpress_local_photo_19

これで「MySQL」のパスワードの変更ができました。

MySQLにデータベースを用意!

「phpMyAdmin」をクリックしてください。

wordpress_local_photo_20

「phpMyAdmin」のトップが開きますので「データベース」をクリックしてください。

wordpress_local_photo_21

「データベース」を作成します。
データベース名:任意(サンプルではwp)。

wordpress_local_photo_22

これでWordPressに使用するデータベースが作成できました。

WordPressを導入!

WordPressをダウンロードしインストール!

以下のサイトより「WordPress」をダウンロードして下さい。現時点での最新バージョンは「WordPress 3.6.1」です。

2015年2月現在の最新バージョンは「WordPress 4.1」です。「3.6.1」を「4.1」に置き換えてください。

【WordPress】
http://ja.wordpress.org/

wordpress_local_photo_23

「wordpress-3.6.1-ja.zip」を実行!

ダウンロードしたファイルを実行するとフォルダが展開されます。

wordpress_local_photo_24

展開された「フォルダ名」を変更!

今回は「blog」に変更しました。

wordpress_local_photo_25

「blog」フォルダを「C:\xampp\htdocs」へ移動!

wordpress_local_photo_26

「wp-config.php」ファイルを作成!

WordPressをインストールする為には「wp-config.php」を作成する必要があります。

「C:\xampp\htdocs」へ移動させた「blog」フォルダ内にある「wp-config-sample.php」をコピーして「wp-config.php」へファイル名を変更してください。この「wp-config.php」はWordPressの設定情報になります。大事なファイルなので、間違えて削除しないように気を付けて下さい。

wordpress_local_photo_27

「wp-config.php」ファイルの設定情報を変更!

「wp-config.php」ファイルを開いて下さい。
基本は「DB_NAME」「DB_USER」「DB_PASSWORD」の変更となります。

「DB_NAME」は「データベース」を作成した時の「データベース名」になります。「DB_USER」は「root」、「DB_PASSWORD」は先程変更したパスワードである「root」になります。

ins {
/** WordPress のためのデータベース名 */
define('DB_NAME', 'wp');

/** MySQL データベースのユーザー名 */
define('DB_USER', 'root');

/** MySQL データベースのパスワード */
define('DB_PASSWORD', 'root');
}

WordPressをインストール!

以下のURLにアクセスして下さい。

http://localhost/blog/wp-admin/install.php

「blog」の部分は変更したファイル名によって変わります。

必要情報を入力し「WordPressをインストール」をクリック!

wordpress_local_photo_28

サイトのタイトル:任意(ブログにあったタイトル)
ユーザー名:任意(デフォルトはadmin)
パスワード:任意(推測されにくいもの)
メールアドレス:任意
プライバシー:チェック。

必要情報を入力し「WordPressをインストール」をクリックしてください。

「成功しました!」画面が表示されるので「ログイン」をクリック!

「ログイン」をクリックしてください。

wordpress_local_photo_29

「ユーザー名」と「パスワード」を入力し「ログイン」をクリックしてください。

「ユーザー名」と「パスワード」を入力し「ログイン」をクリックしてください。

wordpress_local_photo_30

管理画面にログインできました。

wordpress_local_photo_31

「http://localhost/blog/」でブログページを確認!

「http://localhost/blog/」にアクセスするとブログページが表示されます(ブログのデザインはTwenty Thirteenです)。

wordpress_local_photo_32

WordPressのインストールが完了しました。

最後に!

これでローカル環境でWordPressのカスタマイズが可能です。サイトを作成する時は一度ローカル環境で構築し、問題がなければ本番環境にアップするという流れになります。

WordPressを使ってみたい方は、ぜひ一度、お試し下さい。

以上「テストするのに便利!WordPressをローカル環境で設置する方法!」でした!

それではまた。

公開日:2013/10/22
最終更新日: 2015年2月1日
カテゴリー:WordPress

関連記事

新着記事

コメント/トラックバック

トラックバック用URL:

この投稿のコメント・トラックバックRSS




管理人にのみ公開されます

正しい数値を入力して下さい * Time limit is exhausted. Please reload CAPTCHA.

最新の記事

カテゴリー

過去の記事

プロフィール

  • 著者:Masaki Yamashita

    大阪でWEB制作の仕事をしています。
    WEBデザイン、コーディング、WordPress・EC-CUBEの設置やカスタマイズなど何でもやっています。

follow us in feedly