WordPressをローカル環境に構築してみた　 ～その１、XAMPPをインストールしてみた～

<h3>WordPressをローカルインストールしてみた。</h3>

簡単インストールという方法やLocalというツールもあるみたいですが、
勉強と自由度を考えて、XAMPを使って構築する方法を取り入れました。

※自分のＰＣはWindows11です。


<h5>■WEBアプリケーションの動作に必要なツール</h5>
【WEBサーバー】Apache<br>
【データベース】MySQL<br>
【プログラミング言語】PHP<br>
 →XAMPPをインストールして設定すれば使えるようになる<br>
<br>

<h5>■XAMPPを利用できる主な用途</h5>
Wordpressを使用したWEBサイト制作<br>
PHPフレームワークを使用した開発作業<br>
（Laravel・CakePHPなど） <br>
PHPプログラミング全般の学習<br>
<br>

<h4>Ⅰ.XAMPPインストール方法</h4>

①公式ページから、ＰＣにあったＯＳが記載されている、ダウンロードのボタンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/e46fc267-f1b8-cd0c-be08-185143b8dfee.png)

②この画面がでるとダウンロードされています。
開始されない場合は「ここをクリック」という文言を押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/3e218aa1-6b67-7fe6-d947-3576e5e7c2f5.png)

③「はい」を押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/3763ce59-78ca-ee83-0d2b-548d85698d39.png)

④警告でますが、OKボタンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/5524a66a-02a8-f8f8-c1d4-09c82c21aaa8.png)

⑤「NEXT」ボタンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/b5f4f227-b22a-ba27-059a-6886c86c6eeb.png)

⑥「NEXT」ボタンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/58e7cf90-b9fb-c9e3-3079-daf0e61b6b39.png)

⑦自分が配置したいパスを選択します。パスの選択後に「NEXT」ボタンを押下
自分の場合はC直下に置きたいので、これ。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/f3303559-3049-de97-9023-f8c7848ee221.png)

⑧Languageは日本語選択がないため、「English」にする。
    ※他の選択でもこれからの操作に問題なければよい。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/4c271027-f4c6-38c7-7140-41f146162e3e.png)

⑨「NEXT」ボタンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/db457e5f-094e-20da-6e98-09791bd1327c.png)

⑩インストール中
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/7a9d4185-8adf-13d1-f32e-ec250474ace0.png)

⑪インストール完了後、この画面がでればOKで「Finish」ボタン押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/d6e17c0a-dbb1-fd44-ab2e-0b3d2601e8df.png)

⑫XAMPPのアプリを開くとこの画面がでます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/26734e6a-8b3f-9d9c-8a50-b982aff016b6.png)


<h4>Ⅱ.XAMPPの設定</h4>
画面を閉じる際、「Quit」ボタンを押下し、閉じたい人もいると思います。<br>
（自分はなんでも右上の×を押して閉じてしまうダメ人間なのですが）<br>
「Quit」について、以下の設定を行わないとエラーになる現象が発生しましたので、解決方法を記載します。<br>
解決方法は、実行ユーザーに権限を与えると解決します。
<br>
<br>

①XAMPP をインストールしたフォルダを開いて「xampp-control.ini」というファイルを探す
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/dca101aa-7d28-31cf-3a94-c3a037844e7c.png)

②このファイルを右クリックして「プロパティ」を開く。
![image.png](https://qiita-image-store.s3.ap
-northeast-1.amazonaws.com/0/646863/15a63152-0a20-73d7-3535-ebafd58f78f5.png)

③プロパティを開いたら「セキュリティ」タブに移動して「Everyone」を選択後、詳細設定ボタンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/20370421-51e4-01e6-7cbc-a5f0a01ae31a.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/70eaed12-6a4e-9579-9fff-8d4f7b14bb26.png)
 
④詳細設定ダイアログ。
「Everyone」を選択して「アクセス許可の変更」ボタンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/f3d1ee6b-918f-9fb6-c8c7-f125d5c3bcaf.png)

⑤編集ボタンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/3bd4d163-387d-e829-539f-df94eb0e94b6.png)

⑥「基本のアクセス許可」にある「フルコントロール」にチェックを入れる
自動的に全部にチェックが入るのでそのままOKボタンを押下。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/670a8a11-8234-4a2f-39cc-ebda0fa4b330.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/46e9729c-535d-649c-6f7e-8413509ab09d.png)

⑦「xampp-control.ini」のプロパティをもう一度開いてみると許可欄にチェックが入っているのがわかります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646863/5a53af74-ef69-b71a-9431-0ccf3c6c27e4.png)


これでエラーなく XAMPP Control Panel の Quit ボタンが押せるようになります。