【Wordpress】XAMPPを用いてローカルで環境構築を行う

WordPressを初めて使用する場合、いきなりサーバー上ではなく、練習としてローカル環境(つまり自分のパソコン)、上で環境構築する必要がある。環境構築に必要なことは以下の4ステップである。

1wordpressのインストール
2appchのvhostの作成
3データベースの作成
4hostの変更

4つのステップを実施するにあたって,分かりにくい用語をここに事前にまとめておく

・Apach:ローカルでwebサーバを作るためのアプリ
・FileZila:FTPの一つ
・Mercury:メールサーバの一つ
・Tomcat:phpの規格の一つ

1wordpressのインストール

こちらで書いてもよいが、大枠としては分からやすい説明があるので下にの流れは以下にリンクを載せる。

wordpress サイトの改修やWordPressのテーマ作成の為に、XAMPPを使ってWordPressのローカル環境を構築したいとお考えだろう。現在も多くのサイトでこの「XAMPPを使ったWordPressローカル環境の構築方法」が紹介されているが、実はXAMPPは最近仕様が変わってしまった為、大半のサイトの説明は古いものになっている。だが安心してほしい。この記事では筆者が2019年6月にXAMPPを使ってWordPressのローカル環境を構築した経験を基に、その正しい全手順を画像付きで紹介する。この記事の通り行えば、初めてローカル環境を構築するあなたでも15分ほどで構築が完了するはずだ。 ※なお、XAMPPはWindowsにおける利用に向いている。MacでのWordPressローカル環境構築を検討している方は、 MAMPを使ってローカル環境にWordPressをインストールする方法から、Macと相性の良いMAMP(マンプ)を使った環境構築の方法を確認してみてほしい。改めて「XAMPP（ザンプ）」とは、Windows や Mac OS X など、どのような OS 上でも WordPress が作れる環境を提供するフリーソフトだ。次の５つの頭文字をつなぎ合わせたのが XAMPP の名称の由来となる。 cross-platform の “cross” を意味する “X”（Windows、Linux、Mac OS X、Solaris） Apache HTTP サーバー（Webサーバー） MySQL（データベース） PHP（プログラミング言語） Perl（プログラミング言語） XAMPP には、ローカル環境にブログサイトを作る構成がしっかり用意されており、また WordPress との相性も良い。 XAMPP はあらゆる OS 環境で使用できるが、冒頭お話した通りMac ユーザーは、Mac OS X 専用に開発された相性が良いソフトのMAMP （マンプ）を使う事をお勧めする。(参考： MAMPを使ってローカル環境にWordPressをインストールする方法) この記事では、Windowsユーザーの方に向けて、以下の順番で「XAMPP でローカル環境を構築し、WordPressのインストール・初回起動を行うまでの手順」を紹介していく。 XAMPPのインストール Webサーバー、データベースの起動ローカル環境のセキュリティ設定データベースの作成 WordPressのインストール、初回起動それではまず、XAMPPのインストールを行なっていこう。以下に手順を紹介する。まず XAMPP公式サイトにアクセスし、図の通りにダウンロードの「Windowes向けXAMPP」をクリックして、ソフトウェアのダウンロードを行おう。クリック後、以下の画面に遷移してダウンロードが行われるはずだ。ダウンロードが完了したら、XAMPPデータをダブルクリックして起動する。以下の警告ダイアログが表示されると思うが、「OK」をクリックすれば問題ない。これは、「XAMPP データのインストール先を Windows のプログラム管理データ上にすると XAMPP がうまく稼働しない」ことを伝えた内容だ。後述するが、インストール先はデフォルト設定のままで進めるので特に問題ない。次の画面が表示されたら「NEXT>」をクリック。次画面では、インストールデータの内容を指定できる。図の通りチェックを入れ「Next>」をクリックしよう。 WordPress をインストールするには次の４つが必要になる。これ以外のチェックは特に必要ないので、４つにチェックが入っているかを確認しておこう。続いて XAMPP データの保存先を聞かれるので、図の通りデフォルトのままにして「NEXT ＞」をクリックする。次に「Bitnami」の告知が表示されるが、特に利用しないので図の通りチェックを外して、「NEXT ＞」をクリックしよう。 Bitnami とは、WordPress や Drupal など様々なブログシステムが、とても簡単にインストールできる便利なツールなのだが、使うと WordPress の管理画面が英語になってしまうので、ここでは使用しない。インストールの準備ができた内容が表示されるので、「NEXT ＞」をクリックして進めよう。図はXAMPPのインストール中の画面だ。セキュリティに関するダイアログが表示されたら「アクセスを許可する」をクリック。 Windows …

https://bazubu.com/xampp-wordpress-23795.html

補足をあげるとすれば、作成したworfdpressファイルは全てワードプレス内で統一しておくと分かりやすくはなる。

また、XAMPをインストール後、終了するごとにエラーが発生する場合がある。このままでも使えるがいちいち出てくると面倒なので対処すると方楽に法なる。対処方法は以下の通りである。

XAMPP終了時に、「Exception EAccessViolation in module xampp-control.exe at 0025B2AE.」とエラーが表示された時の対策（備忘録）

はじめにWindows10にインストールした、XAMPP(v.3.2.4)で「Quit」ボタンをクリックした時に、下記0025B2AEエラーが出て終了できないため、その対策方法を記載する。エラー内容Error: Cannot create

https://jet-blog.com/xampp_error_0025b2ae/

2.appchのvhostの作成について

xampのコントロールパネルのconfigをクリック→[appch]を開くとC:\xampp\apacheに行ける。図に表示すると以下の通りである。

$2.押すと表示されるメニューバーの<Browse>[Apache]をクリック” style=”display: block; object-fit: cover; border-radius: 1px; pointer-events: auto; width: 70%;”> そこから C:\xampp\apache\conf\extra からに向かって辿っていきhttpd-vhosts.conf を開く パスのたどり方は以下の通り <img decoding=$
$cd C:\xampp\apache\conf\extra$
$start C:\xampp\apache\conf\extra\httpd-vhosts.conf$

開いた後に下のコードを入れる。ただし、wp_testの部分はファイル名であるため自分の作成予定のワードプレスのファイル名にすること。

<VirtualHost *:80>
DocumentRoot "C:\\Users\\User1\\Desktop\\wp\\wp_test"
ServerName wp_test
</VirtualHost>

<Directory "C:\\Users\\User1\\Desktop\\wp\\wp_test">
AllowOverride All
Require all granted
</Directory>

入れる前と後の違いは以下の通りである。

入力前