02.ローカル環境でWord Pressを表示する

Word PressはPHPのプログラムで動いているので、PHPが作動する環境を作らないと、ローカル環境で表示することができません。

Xamppで環境を構築する

Xampp はPHPのプログラムを動かすための環境を作るものです。

持っていない場合は、以下のサイトから制作環境にあったものをダウンロードしてください。

Xamppをダウンロードする

https://www.apachefriends.org/jp/download.html

良くある質問

QAにVistaやWindows XP SP2で動作しないときの対処法がのっていますので、困ったときに読んでみてください。

https://www.apachefriends.org/faq_windows.html

Xamppを起動して、ApacheとMySQLを起動する

ダウンロードしたXamppはどこにありますか？

zipファイルならば、解凍したものを（C:)ドライブの直下に格納してください。

USBに格納しておく方法もあるようですね！

xamppフォルダの直下にある”xampp-control.exe“をクリックして、画面上の「Apache」と「MySQL」をスタートさせてください。

Xamppの初期設定とWord Pressのインストール

参考サイト

XAMPPでローカル環境構築して、簡単WordPressインストール

xamppの初期設定を行って不正アクセスへの対策をする

まずは、データベース視覚的に操作するためのツール「phpMyAdmin」にログインするためのパスワード設定と、外部からアクセス出来ないようにxamppディレクトリにアクセス制限をかける必要がある。
xamppの設定画面「http://localhost/xampp/」を開く。

一番右の「日本語」を選ぶ。

xamppのトップページ画面が日本語で表示された。

セキュリティ設定を行う

左メニューの「セキュリティ」をクリック。

右のメイン画面にセキュリティ情報ページが表示される。

設定変更をする必要があるので、中央付近の「http://localhost/security/xamppsecurity.php」をクリック。

phpMyAdmin用のパスワードとディレクトリへの外部アクセス制限

※ここで入力した内容は、必ずメモしておく事。忘れると手間がかかるため。

WordPress用のデータベースを作成する

xamppの初期画面「http://localhost/xampp/」を開く。
左メニューの「phpMyAdmin」をクリック。

phpMyAdminのログイン画面に移動する。

http://localhost/phpmyadmin/ ID：root
PASS：先ほど設定したphpMyAdminのROOTパスワード
ID：root
PASS：先ほど設定したphpMyAdminのROOTパスワード

MySQLデータベースとユーザの作成

WordPressに入力する記事データ等を入れるためのMySQLのデータベースを作成する。

「ユーザ」→「ユーザーを追加する」をクリック。

ログイン情報の項目にて、「ユーザー名」、「ホスト」、「パスワード」をそれぞれ入力する。ホストは「ローカル」を選択。
また、ユーザー専用データベースの項目にて、「同名のデータベースを作成してすべての特権を与える」にチェックを入れる。
すべての入力が終わったら、ページ最下部の「実行」をクリック。
これでデータベースとユーザーの作成が完了する。

WordPressのファイルをダウンロード

WordPressの公式サイトにアクセスして、WordPressをダウンロードする。
ダウンロードしたzipファイルを解凍ソフトで解凍。
解凍したディレクトリの中にある「wordpress」ディレクトリを丸ごとサーバーのディレクトリ内に移動させる。
XAMPPは「ドライブ名:\xampp\htdocs」内が、公開ディレクトリとなるので、この中にサーバにアップするのと同じようにサイトのデータを入れる。
1. 「ドライブ名:\xampp\htdocs」フォルダを開く
2. htdocs内に「wordpress」フォルダを移動させて設置
3. 「https://nodecom.jp/nci/」にアクセスする

WordPressのインストール

WordPressのインストールは、ウェブサイト上にて行う。

設定ファイル「wp-config.php」の作成

設定ファイルが存在しない場合、自動的にナビゲーションページが表示される。

先ほどphpMyadminで作成したデータベース名とユーザー・パスワードを入力

今回は、データベース名とユーザー名を同一で作成したので、データベース名とユーザー名は同じ物になる。
データベースのホスト名と、テーブル接頭辞は変更の必要はない。入力後、「送信」をクリック。

WordPressの管理画面にログインするためのユーザー名とパスワード設定

「WordPressをインストール」をクリック後、「インストール完了しました！」と文字が出れば完了。

※ここで「インストール完了しました！」と文字が表示されなければインストール失敗。画面が真っ白になっていたら失敗しているので注意。

サイトの確認

「https://nodecom.jp/nci/」にアクセスして、サイトが表示されていればOK
サイトの更新作業は「https://nodecom.jp/nci/wp-login.php」にアクセス後に管理画面へログインして行う。

その他の環境構築方法

このほかに、MAMPというのを使って環境を作ることもできるそうです。
もしこちらで環境構築している方がいたら、HOW TOの寄稿をお願い致します。