前回インストールしたXAMMPを使って、ローカル環境の作成を行いましょう(windows向け)。 今回はPHPMyAdminを使ったデータベースの新規作成から、ご自身のパソコンの中でWordPressを動かすところまで進みます。
1.PHPMyAdminを開く
XAMPPのコントロールパネルを立ち上げて下さい。 ApacheとMySQL、２つのStartボタンをクリックして起動させます。
↓
２つが動いていることを確認出来たら、MySQLの「Admin」をクリックしてください。
ブラウザで、下図のようなPHPMyAdminという画面が開きます。
２.データベースを作成する
※PHPMyAdmin操作以降の設定はwindows(XAMMP)もMac(MAMP)も基本的に同じです。 下記でも設定の流れを紹介しますが、こちらの動画講座も合わせてご覧いただくと分かりやすいです。
PHPMyAdmin画面で、オレンジの線で囲った「データベース」をクリックしてください。
データベースの一覧/新規作成画面に遷移します。 点線部分に作成したいデータベース名--->今回は「zooloppa」と入力し、 作成ボタンをクリックして下さい。
↓
上図のように、左側のデータベース一覧に新規作成したデータベース(zooloppa)が加わります。これでPHPMyAdmin画面での設定は完了です。
３.WordPressインストール
①ダウンロードと設置
WordPress公式サイト https://ja.wordpress.org/download/ からWordPressをダウンロードします。
↓
ダウンロードしたzipファイルを解凍してください。 フォルダが２重になっている場合は、一つ下の階層に移動します。
wordpressというフォルダ名を、管理しやすいようにPHPMyAdminで作成したデータベース名に変更しておきます。今回の場合は「zooloppa」です。
フォルダ「zooloppa」を、XAMPPの公開ディレクトリに移動します。 前回のレッスンでデフォルトの「C:\xampp」にXAMPPをインストールしていれば、公開ディレクトリは C:\xampp\htdocs となります。
XAMPPフォルダ>htdocsの順に開いて下さい。
「zooloppa」フォルダをhtdocs内に移動します。
これでWordPressを動かすための準備は整いました。
XAMPPフォルダを探せない場合
下記の手順で、フォルダを開いてください。
（※XAMMPインストール時、デフォルト設定の場合）
- スタート(windos)アイコンをクリック
- ドキュメントを開く
- アドレスバーをクリック
- C:\xampp\htdocs を貼り付ける
- キーボードのEnterを押す
1と2の部分↓
3~5の部分↓
②WordPressインストール
XAMPPを立ち上げ、ブラウザのアドレスバーに
http://localhost/zooloppa/
と入力してください。
下図のセットアップ画面が開きます。 「さあ、始めましょう！」をクリックしてインストールを進めていきましょう。
最初にデータベース接続のための設定画面が表示されます。 データベース名/ユーザー名/パスワード欄を入力し、下部の「送信」ボタンを押します。
インストールを実行しましょう。
今度はWordPressの設定画面が表示されます。 ここで使用するユーザー名とパスワードは、Wordpressの管理画面にログインする為に必要になります。お好きに設定し、忘れないようにしてください。
講座では簡単に設定しておきます。
入力出来たら、ページ下部の「WordPressをインストール」ボタンをクリック。
成功しました！の表示が出たら、ログインしてみましょう。
↓
先ほど入力したWordPressのユーザー名とパスワードを入力し、ログインボタンを押してください。 下図のようなダッシュボード（管理画面）が表示されれば、WordPressのインストールは完了です。
まとめ
WordPress作成環境構築の手順
- XAMPP(MAMP)のインストール
- PHPMyAdminでデータベースを作成
- WordPress本体をダウンロード
- WordPressを公開ディレクトリに移動する
http://localhost/フォルダ名/にアクセスする- WordPressをインストールする
インストール完了後、管理画面へのログインURLは
http://localhost/zooloppa/wp-login.php
になります。