プログラミング未経験者の備忘録

ノンプログラマーが社内SEになったのでイチからプログラミングを勉強し始めました!

XAMMPを使ってローカル環境にWordPressをインストールする

f:id:su3se:20190904225152p:plain

ローカル環境(自分のパソコン)にWordPressをインストールしてテスト環境を作る手順を残しておきます。

XAMMPのインストール

はじめにXAMMPをインストールします。

以下のオフィシャルからXAMMPをインストールしてください。

f:id:su3se:20190904220207p:plain

WindowsLinuxOSXMAC)の3種類から自身の端末に合う物をチョイス

特に古いバージョンで何かしたい場合以外は最新版を入れておけばOK

※インストール方法や使い方は省略します。

WordPressのダウンロード

次にWordPress本体のデータを「WordPress.org」からダウンロードします。

f:id:su3se:20190904220534p:plain

WordPress本体がダウンロード出来たら以下のようにXAMMPの中にある「htdocs」の中に任意の場所にWordPressを展開します。

ここでは「XAMMP」→「htdocs」→「wp」というように、wpというディレクトリを作りそこに展開しました。

f:id:su3se:20190904221400p:plain

ここに展開するとローカルのアドレスは以下のようになります。

http://localhost/wp/ 

※htdocsの中に入れたものがアドレスに反映されますので以下のようにはなりません。

※慣れないと勘違いしちゃう。

http://localhost/xammp/htdocs/wp/ → ×

データベース(MySQL)を作成

WordPressはデータベースを使用するのでXAMMPの中にWordPress用のデータベースを作成します。

通常XAMMPをインストールするとMySQLも一緒にダウンロードされていて、「phpMyadmin」がインストールされています。

以下のアドレスにアクセスしてデータベースを作成します。

http://localhost/phpmyadmin/

f:id:su3se:20190904222814p:plain

左:データベース名 右:照合順序とソート順

照合順序は「utf8_general_ci」を選びます。

補足

utf8_general_ci
 アルファベットの大文字小文字は区別しない。他は全て区別。

utf8_unicode_ci
 大文字小文字/全角半角を区別しない。

WordPressをローカル環境にインストールする

WordPress本体データとデータベースが準備できたらWordPressのインストールを行います。

WEBブラウザで以下のアドレスにアクセスします。

http://localhost/wp/wp-admin/setup-config.php

※初期アクセスの場合「http://localhost/wp/」にアクセスするだけでもリダイレクトされて自動的にインストールのガイダンスが出てきます。

 

さあ、始めましょう!」をクリック!

f:id:su3se:20190904223616p:plain

 

次に「データベース名」「ユーザー名」「パスワード」「データベースのホスト」「テーブル接頭辞」を入力。

f:id:su3se:20190904224034p:plain

※ローカル環境のデータベースにユーザーを追加していない場合はユーザー名は「root」、パスワードは「 」無しになっています。
※余力があればユーザー設定はしておいた方が安全だと思います。

次にサイト情報を入力して「WordPressをインストール」をクリック!

f:id:su3se:20190904224348p:plain

 

この画面が出ればインストールは完了です。

f:id:su3se:20190904224659p:plain

 

以上でローカル環境にWordPressをインストールする方法でした。

WordPressの手動インストールが出来る人はXAMMPでの設定に迷わなければすんなりいくと思います。

 

関連記事

su3se.hatenablog.com