サイト制作に関するメモ書き

HOME > CMS > WordPressをローカル環境で構築する

WordPressをローカル環境で構築する

XAMPPを使って、WordPressをローカル環境で構築してみます。

XAMPPの準備

XAMPPのサイトからXAMPPをダウンロードします。
ページ中段にあるダウンロードリンクから、使用しているOSのものをクリックします。

wordpress-localhost01

ダウンロードしたファイルを実行し、XAMPPをインストールします。
今回はBitNamiのチェックだけ外して後はそのままインストールしました。

インストール完了後、XAMPPを起動してControl Panelを開きます。
今回はApacheとMySQLを使用するので、それぞれのStartボタンをクリックします。

wordpress-localhost02

少し待つとボタンの文字がStopと変わるので、これでApacheとMySQLの起動が完了です。

wordpress-localhost03

 

XAMPPの設定

phpMyAdminのパスワード・XAMPPディレクトリの認証の設定

ブラウザで「http://localhost/xampp/」を開き、左メニューの「セキュリティ」を選択。

wordpress-localhost04

ページ中段にある「http://localhost/security/xamppsecurity.php」を選択。

wordpress-localhost05

まずはphpMyAdminのパスワードを設定します。
パスワードを入力し、その下のボタンをクリックします。

wordpress-localhost06

phpMyAdminのパスワード設定が完了しました。

次にXAMPPのディレクトリにベーシック認証をかけます。
ユーザー名とパスワードを入力し、その下のボタンをクリックします。

wordpress-localhost07

ベーシック認証の設定が完了しました。
「http://localhost/xampp/」へアクセスすると、認証確認が表示されるようになります。

wordpress-localhost08

 

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

「http://localhost/xampp/」へ戻り、左メニューのphpMyAdminを選択。

wordpress-localhost09

ユーザー名にroot、パスワードは先ほど設定したものを入力し、実行をクリック。

wordpress-localhost10

上部メニューの「ユーザ」を選択。

wordpress-localhost11

ページ中段の「ユーザを追加する」をクリック。

wordpress-localhost12

ユーザー名・ホスト・パスワードを入力し、「同名のデータベースを作成してすべての特権を与える」にチェックを入れます。

ホストは「ローカル」を選択しておきます。

wordpress-localhost13

入力が完了したら、ページ下部の「実行」ボタンをクリック。

wordpress-localhost14

これでデータベースとユーザの作成が完了しました。
 

WordPressの準備

WordPressを公式サイトからダウンロード。

wordpress-localhost15

ダウンロードしたzipファイルを解凍すると、wordpressというディレクトリ名で必要なファイルが一式入っています。

XAMPPディレクトリ内にhtdocsという名前のディレクトリがあるので、その中に解凍したwordpressディレクトリをそのまま追加します。
その後、ブラウザで「http://localhost/wordpress/」にアクセスすると、下記のような画面が表示されます。
「さあ、始めましょう!」をクリック。

wordpress-localhost16

データベース作成時に入力したユーザー名、パスワードを入力します。
同名のデータベースを作成にチェックを入れているので、データベース名のところにはユーザー名を入力します。

wordpress-localhost17

入力完了後、「送信」をクリック。

wordpress-localhost18

「インストール実行」をクリック。

wordpress-localhost19

サイト情報を入力し、「WordPressをインストール」をクリック。

wordpress-localhost20

WordPressのインストールが完了しました。
「http://localhost/wordpress/」こちらにアクセスすると、インストールされていることが確認できます。

wordpress-localhost21

 

【参考サイト】

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

▲PAGE TOP