PR

Xamppで構築したWordPressのローカル環境を初期化する方法。

XAMPPで構築したWordPressローカル環境を初期化して、再度構築し直したい場合があります。XAMPPのアンインストールするのではなく、WordPressとデータベースを削除します。例えば、WordPressのテーマのテストで投稿を繰り返し、WordPressの設定を変えたり、プラグインをインストールしたりした場合、別のテーマに切り替えて再度テストをしたい場合等、投稿した内容がデータベースに残っていたり、WordPressの設定も残っていますので、これを1つ1つ元に戻して、別テーマに切り替えることは、大変です。このような場合に、一気にWordPressとデータベースを削除して、初期化できると便利です。実際にやってみましたので、ご紹介します。

スポンサーリンク

ローカル環境の初期化

データベースの確認

初期化するには、データベースの削除が必要ですが、間違ったデータベースを削除することのない様に、データベース名を確認します。

Explorerの起動

XAMPPの中のExplorerをクリックします。

xamppの起動画面

htdocsをクリック

xamppのエクスプローラを起動して表示されたフォルダー一覧

wp-siteをクリック

「wp-site」フォルダを選択したhtdocsフォルダーの中のファイル一覧

wp-config.phpをVSCで開く

wp-config.phpを選択して、右クリックでmicrosoftのテキスト編集ソフトVSC(ビジュアルスタジオコード)を開きます。

「wp-config.php」を「Codeで開く」を選択した「wp-site」フォルダ一覧

データベース名の確認

wp-config.phpを開いたVSC画面

データベースの削除

ApacheとMySQLの起動

xamppの起動画面

Adminをクリック

「Admin」を選択したxamppの起動画面

wp-siteをクリック

確認したデータベースを選択します。

「wp-site」を選択したphpMyAdmin画面

データベースの表示

phpMyAdminの「wp-site」のデータベース一覧

データベース削除

「操作」タブをクリックして、「データベースを削除する」をクリック

データベースを削除したphpMyAdminの「wp-site」

削除されました。

WordPressの削除

Explorerの起動

XAMPPの中のExplorerをクリックします。

Explorerを選択したxamppの起動画面

htdocsをクリック

xamppのエクスプローラを起動して表示されたフォルダー一覧

wp-siteを削除

「wp-site」フォルダの削除されたフォルダー一覧

削除されました。

スポンサーリンク

ローカル環境の再構築

ローカル環境の初期化が完了しましたので、再度WordPressのローカル環境を構築します。同じデータベース名で構築します。

XAMPPの起動

ApacheとMySQLの起動

MySQLを使うためには、Apacheも必要となりますので、両方起動します。

xamppの起動画面

MyAQLのAdminの起動

Adminをクリックすると、phpMyAdminというツールが開きます。このphpMyAdminを通してMySQL(MariaDB)にアクセスすることとなります。

phpMyAdminの初期画面

データベース(wp-site)の作成

「データベース」タブのクリック

「データベース」というタブをクリックして、データベースの管理画面を表示します。

データベースの管理画面

データベース名の入力

「wp-site」と入力、つづいて照合順序(文字コードの事)のutf8mb4のgeneral_ciを選択して「作成」ボタンをクリックします。

「wp-site」とデータベース名を入力されたデータベースの管理画面

留意:
データベースにおける照合順序とは文字と文字の比較や並び順における重み付けで使われるルールのことです。

WordPressのインストール

WordPressのダウンロード

WordPressのダウンロード画面

ダウンロードファイルの解凍

解凍されたzipファイル

XAMPPへインストール

①フォルダ名のrename

解凍した「wordpress-5.5.3-ja」の中の「wordpress」を、作成したデータベース名と同じ「wp-site」と名前を変更します。これで、http://localhost:8888/wp-siteでアクセスできるようになります。

「wp-site」にrenameされた解凍後のフォルダ

②フォルダの格納

Explorerをクリックして、ディレクトリー一覧を表示後、名前を変更した「wp-site」フォルダ一式を、[ C:\xampp\htdocs ] ディレクトリ内にドラッグアンドドロップでコピーします。

htdocsフォルダに格納された「wp-site」フォルダ一式

WordPressのセットアップ

セットアップの起動

Google Chorme などブラウザを起動させて、 http://localhost:8888/wp-siteと入力します。
注意:XAMPPで、ApatceもMySQLも起動しておく必要があります。

WordPressのインストール初期設定画面

データベースの設定

データベース名、MySQLのユーザー名、MySQLのパスワード、データベースのホスト名(デフォルト:localhost)、テーブル接頭辞(デフォルト:wp_)を入力します。

設定項目の入力されたインストール初期設定画面

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

WordPressのインストール実行ボタン

WordPressのセットアップ

①セットアップ画面の表示

インストール後のWordPressの初期設定画面

②セットアップ

WordPressのサイト名、WordPressにログインするサイト管理者のユーザー名とパスワード、メールアドレスを入力します。

設定項目の入力された初期設定画面

注意:
検索エンジンでの表示には、レを入れておくのが良いでしょう。但し、WordPressにログインして、設定の表示設定でも設定ができます。

「検索エンジンでの表示」のチェックボックス

③セットアップ完了

WordPressのインストール完了画面

ローカル環境の確認

WordPressの起動

XAMPPの起動

WordPressを使うためには、ApacheとMySQLが必要となりますので、両方起動します。

xamppの起動画面

管理画面へのログイン

http://localhost:8888/wp-site/wp-adminと入力します。

①ログイン

ログイン画面

②管理画面の表示

ログイン後のWordPress管理画面

Webサイトの表示

http://localhost:8888/wp-siteと入力します。

「hello world」と表示されたWebサイト

テーマの変更

複数のWordPressのローカル環境を作成した場合に識別しやすい様に、テーマを変更してすこし変更を加えておきます。

XAMPPの起動

xamppの起動画面

管理画面へのログイン

http://localhost:8888/wp-site/wp-admin/でログインします。

ログイン後のWordPressの管理画面

①テーマの変更

Twenty Seventeenを有効化します。

テーマを変更したWordPressのテーマ

②投稿

テストページを投稿する。

テスト投稿した投稿ページ

Webサイトの表示

表示されたwebサイト