XAMPPで構築したWordPressローカル環境を初期化して、再度構築(XAMPPの再インストール)し直したい場合があります。XAMPPのアンインストールするのではなく、WordPressとデータベースを削除します。例えば、WordPressのテーマのテストで投稿を繰り返し、WordPressの設定を変えたり、プラグインをインストールしたりした場合、別のテーマに切り替えて再度テストをしたい場合等、投稿した内容がデータベースに残っていたり、WordPressの設定も残っていますので、これを1つ1つ元に戻して、別テーマに切り替えることは、大変です。このような場合に、一気にWordPressとデータベースを削除して、初期化できると便利です。実際にやってみましたので、ご紹介します。
ローカル環境の初期化
データベースの確認
初期化するには、データベースの削除が必要ですが、間違ったデータベースを削除することのない様に、データベース名を確認します。
Explorerの起動
XAMPPの中のExplorerをクリックします。
![xamppの起動画面](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl01a.jpg)
htdocsをクリック
![xamppのエクスプローラを起動して表示されたフォルダー一覧](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl02a.jpg)
wp-siteをクリック
![「wp-site」フォルダを選択したhtdocsフォルダーの中のファイル一覧](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl03a.jpg)
wp-config.phpをVSCで開く
wp-config.phpを選択して、右クリックでmicrosoftのテキスト編集ソフトVSC(ビジュアルスタジオコード)を開きます。
![「wp-config.php」を「Codeで開く」を選択した「wp-site」フォルダ一覧](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl04a.jpg)
データベース名の確認
![wp-config.phpを開いたVSC画面](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl05a.jpg)
データベースの削除
ApacheとMySQLの起動
![xamppの起動画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg)
Adminをクリック
![「Admin」を選択したxamppの起動画面](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl06a.jpg)
wp-siteをクリック
確認したデータベースを選択します。
![「wp-site」を選択したphpMyAdmin画面](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl07a.jpg)
データベースの表示
![phpMyAdminの「wp-site」のデータベース一覧](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl08a.jpg)
データベース削除
「操作」タブをクリックして、「データベースを削除する」をクリック
![データベースを削除したphpMyAdminの「wp-site」](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl09a.jpg)
削除されました。
WordPressの削除
Explorerの起動
XAMPPの中のExplorerをクリックします。
![Explorerを選択したxamppの起動画面](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl11a.jpg)
htdocsをクリック
![xamppのエクスプローラを起動して表示されたフォルダー一覧](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl12a.jpg)
wp-siteを削除
![「wp-site」フォルダの削除されたフォルダー一覧](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl13a.jpg)
削除されました。
ローカル環境の再構築(xamppの再インストール)
ローカル環境の初期化が完了しましたので、再度WordPressのローカル環境を構築します。同じデータベース名で構築します。
XAMPPの起動
ApacheとMySQLの起動
MySQLを使うためには、Apacheも必要となりますので、両方起動します。
![xamppの起動画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg)
MyAQLのAdminの起動
Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。
![phpMyAdminの初期画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp02a.jpg)
データベース(wp-site)の作成
「データベース」タブのクリック
「データベース」というタブをクリックして、データベースの管理画面を表示します。
![データベースの管理画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp03a.jpg)
データベース名の入力
「wp-site」と入力、つづいて照合順序(文字コードの事)のutf8mb4のgeneral_ciを選択して「作成」ボタンをクリックします。
![「wp-site」とデータベース名を入力されたデータベースの管理画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp04a.jpg)
留意:
データベースにおける照合順序とは文字と文字の比較や並び順における重み付けで使われるルールのことです。
WordPressのインストール
WordPressのダウンロード
![WordPressのダウンロード画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp11a.jpg)
ダウンロードファイルの解凍
![解凍されたzipファイル](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp12a.jpg)
XAMPPへインストール
①フォルダ名のrename
解凍した「wordpress-5.5.3-ja」の中の「wordpress」を、作成したデータベース名と同じ「wp-site」と名前を変更します。これで、http://localhost:8888/wp-siteでアクセスできるようになります。
![「wp-site」にrenameされた解凍後のフォルダ](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp13a.jpg)
②フォルダの格納
Explorerをクリックして、ディレクトリー一覧を表示後、名前を変更した「wp-site」フォルダ一式を、[ C:\xampp\htdocs ] ディレクトリ内にドラッグアンドドロップでコピーします。
![htdocsフォルダに格納された「wp-site」フォルダ一式](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp14a.jpg)
WordPressのセットアップ
セットアップの起動
Google Chorme などブラウザを起動させて、 http://localhost:8888/wp-siteと入力します。
注意:XAMPPで、ApatceもMySQLも起動しておく必要があります。
![WordPressのインストール初期設定画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp15a.jpg)
データベースの設定
データベース名、MySQLのユーザー名、MySQLのパスワード、データベースのホスト名(デフォルト:localhost)、テーブル接頭辞(デフォルト:wp_)を入力します。
![設定項目の入力されたインストール初期設定画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp16a.jpg)
「インストール実行」をクリック
![WordPressのインストール実行ボタン](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp17a.jpg)
WordPressのセットアップ
①セットアップ画面の表示
![インストール後のWordPressの初期設定画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp18a.jpg)
②セットアップ
WordPressのサイト名、WordPressにログインするサイト管理者のユーザー名とパスワード、メールアドレスを入力します。
![設定項目の入力された初期設定画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp19a.jpg)
注意:
検索エンジンでの表示には、レを入れておくのが良いでしょう。但し、WordPressにログインして、設定の表示設定でも設定ができます。
![「検索エンジンでの表示」のチェックボックス](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp20a.jpg)
③セットアップ完了
![WordPressのインストール完了画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp21a.jpg)
ローカル環境の確認
WordPressの起動
XAMPPの起動
WordPressを使うためには、ApacheとMySQLが必要となりますので、両方起動します。
![xamppの起動画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg)
管理画面へのログイン
http://localhost:8888/wp-site/wp-adminと入力します。
①ログイン
![ログイン画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp31a.jpg)
②管理画面の表示
![ログイン後のWordPress管理画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg)
Webサイトの表示
http://localhost:8888/wp-siteと入力します。
![「hello world」と表示されたWebサイト](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp33a.jpg)
テーマの変更
複数のWordPressのローカル環境を作成した場合に識別しやすい様に、テーマを変更してすこし変更を加えておきます。
XAMPPの起動
![xamppの起動画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp01a.jpg)
管理画面へのログイン
http://localhost:8888/wp-site/wp-admin/でログインします。
![ログイン後のWordPressの管理画面](https://gungii.com/wp/wp-content/uploads/2020/11/xamppwp32a.jpg)
①テーマの変更
Twenty Seventeenを有効化します。
![テーマを変更したWordPressのテーマ](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl31a.jpg)
②投稿
テストページを投稿する。
![テスト投稿した投稿ページ](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl32a.jpg)
Webサイトの表示
![表示されたwebサイト](https://gungii.com/wp/wp-content/uploads/2020/12/xamppcl33a.jpg)