The following two tabs change content below.
アバター画像

技術部メンバー

福岡市博多区でシステム開発の請負やSES、ホームページ制作やweb集客サービスを提供するIT業界の中小企業に在籍するエンジニア組が交代しながら発信中

皆さん、急に寒くなってまいりましたね、寒いのがとにかく苦手、おうち大好きな寺田です。

今回は、初心に帰りまして、「WordPressのローカル環境構築手順」について記事を書きたいと思います。

さて、「ローカル環境構築」のメリットについて、、、

皆さんもご経験あるかと思いますが、いきなりぶっつけ本番！って何かちょっとドキドキしませんか？（笑）

もちろん一発でうまくいけば良いんですが、世の中そんな甘くありません（笑）

「本番環境の設定をいじったら、急にログインできんくなった！（泣）」とか、「何か知らんけど、JavaScriptが動かん！（泣）」とか。。。

やっぱり動作確認するって、とっても大事なことだと思うんですよね！（切実）

「ローカル環境」というのは、自分の使っている端末の中で完結する、オフライン環境のことです。
たとえ自分のWebサイトがぶっ壊れたとしても、他の人には全く関係ないので、安心（？）して色んな事にチャレンジできますね！

では、前置きはこれくらいにして、実際の構築手順についてです！

【手順１】
以下のサイトにアクセスして、「XAMPP」を入手します。
https://www.apachefriends.org/jp/index.html
（2018/11/06現在：ver. 7.2.11）
お使いのOSに応じてダウンロードしてください。
※ここではWindows向けの手順について書いております。

【手順２】
インストーラを入手したら、実行してXAMPPをインストールします。
「next」連打で構いませんが、ここで一つ注意点。
[upload_url]
「Bitnami」といいまして、ブログツールのインストールをサポートするソフトを一緒にインストールするか聞かれます。
まあ、詳しく知りたい方はググっていただければ良いかと思いますが、今回は使用しませんので、チェックを外して「next」をクリックしましょう。

【手順３】
インストールが無事に成功したら、以下のような画面が起動します。

xamppのコントロールパネルです。
Apache（サーバー）の起動／停止をボタン一つで行える、便利な画面です。

この画面が開いたら、「Apache」と「MySQL」の[Start]ボタンを押しましょう。

【手順４】
３でApacheが起動したことを確認します。
ブラウザを開いて、以下のURLにアクセスします。
「http://localhost」または「http://127.0.0.1」

この画面が表示されたら、Apacheが正常に起動しています。

【手順５】
「MySQL」のセキュリティ設定を行います。

コマンドプロンプトを開き、ディレクトリを移動します。
コマンドは「cd c:\xampp\mysql\bin」です。

次に、「mysqladmin -u root password」を入力すると、「New password:　」と聞かれるので、任意のパスワードを入力し、「Confirm new password:　」と再入力を求められるので、直前に入力したパスワードを再入力します。

これで、MySQLのパスワード変更が完了しました。

【手順６】
５のままだと、phpMyAdmin（MySQLの管理画面）にログインしようとするとエラーになってしまうので、phpファイルの設定変更が必要です。

xamppをCドライブ直下にインストールしていたなら、以下のファイルをテキストエディタで開きます。
C:\xampp\phpMyAdmin\config.inc.php

21行目が「$cfg[‘Servers’][$i][‘password’] = ”;」となっていますので、
イコールの後の「”」に、先ほど５で入力したパスワードを設定します。

設定が完了したら、試しにコントロールパネルの「MySQL」の[admin]ボタンを押して、phpMyAdmin画面を開いてみましょう。

表示に成功したら、データベースを作成します。
このとき、既に本番環境で使用しているDBと同じ名前にしておくと便利です。
また、「照合順序」は「uft8_general_ci」にしておきましょう。

【手順７】
もう少しです！以下のURLにアクセスして、WordPressを入手します。
https://ja.wordpress.org/

解凍すると、WordPressフォルダがありますので、これをxamppのルートディレクトリに移動します。移動後のディレクトリ構造は以下のようになるはずです。
C:\xampp\htdocs\wordpress

【手順８】
次のURLにアクセスすると、WordPressのスタート画面が見れるはずです。
http://localhost/wordpress

「さあ、始めましょう！」ボタンをクリック、wordpressの初期設定を聞かれるので入力し、ダッシュボードが表示されたら「ローカル環境」構築完了です。
お疲れ様でした！

いかがでしたでしょうか？
頭では理解できていても、文章にするとなると、かなり長くなっちゃいますね（汗）
WordPressを既に使われている方、これから始めようという方は、
ぜひ一度トライしてみてください！

それでは、次回もお楽しみに！