今回の記事ではXserverでサブディレクトリにWordPresssをインストールし、ローカル開発環境で作ったWordPressサイトを、プラグイン「All-in-One WP Migration」を使って本番環境にアップするまでの方法をまとめました。
All-in-One WP Migrationの使い方だけ知りたい方はコチラ
画像多めで細かく手順をのせているので、記事通りの手順を踏んでいけば、迷うことなく簡単に本番環境にサイトを移行することができます。
大まかな手順は以下のようになります。
- サブディレクトリにWordPressをインストール
- 本番環境のWordPressに「All-in-One WP Migration」をインストール
- ローカル環境のWordPressに「All-in-One WP Migration」をインストール
- ローカル環境にインストールした「All-in-One WP Migration」でデータをエクスポート
- 本番環境にインストールした「All-in-One WP Migration」でデータをインポート
では早速やっていきましょう!
サブディレクトリにWordPressをインストール
まずXserverにアクセスして、サーバーパネルをクリックします。
![All-in-One-WP-Migration手順1](https://keimarublog.com/wp-content/uploads/2020/07/Xserver-server-panel-access-326-1024x589.jpeg)
次にサーバーIDとサーバーパネルパスワードを入力し、ログインボタンをクリック。
![All-in-One-WP-Migration手順2](https://keimarublog.com/wp-content/uploads/2020/07/Xserver-server-panel-login-611-1024x758.jpg)
ログインすることができたら、下にある「WordPress簡単インストール」をクリック。
![](https://keimarublog.com/wp-content/uploads/2020/07/Easy-WordPress-installation-326-1024x592.jpeg)
WordPressをインストールさせるドメインを選択。
![](https://keimarublog.com/wp-content/uploads/2020/07/Domain-selection-326-1024x592.jpeg)
WordPressインストールタブをクリックして、インストールさせるディレクトリ名を入力します。
ブログ名、ユーザー名、パスワード、メールアドレスも入力します。
![](https://keimarublog.com/wp-content/uploads/2020/07/Settings-before-installing-WordPress-326-1024x592.jpeg)
入力できたら「確認画面に進む」をクリックします。
![](https://keimarublog.com/wp-content/uploads/2020/07/Proceed-to-the-installation-confirmation-screen-326-1024x592.jpeg)
入力内容を確認し「インストールする」をクリック。
![](https://keimarublog.com/wp-content/uploads/2020/07/WordPress-installation-326-1024x592.jpeg)
以上でサブディレクトリへWordPressのインストールは完了となります。
ここまでで、サブディレクトリにWordPressのインストールする作業は終わりました。
![](https://keimarublog.com/wp-content/uploads/2020/07/Management-screen-URL-326-1024x592.jpeg)
インストール完了後に表示される管理画面URLリンクをクリックしてアクセスします。
(ドメイン名/ディレクトリ名/wp-admin/)
プラグイン「All-in-One WP Migration」をインストール
次に、サイトを移行するために、プラグイン「All-in-One WP Migration」をインストールさせましょう。
データ移行先の本番環境の管理画面にログインします。
![](https://keimarublog.com/wp-content/uploads/2020/07/Management-screen-login-1024x592.jpeg)
ログインができたら、プラグインの新規追加をクリック。
![](https://keimarublog.com/wp-content/uploads/2020/07/Add-new-plugin-326-1024x592.jpeg)
「All-in-One WP Migration」で検索をしたら、インストールして有効化させましょう。
![](https://keimarublog.com/wp-content/uploads/2020/07/Enable-All-in-One-WP-Migration-326-1024x592.jpeg)
このままでも使えるのですが、データを移行させることができる容量が小さいので、次は拡張させるためのプラグインをインストールします。
プラグイン「All-in-One WP Migration File Extension」をインストール
プラグインを使用しなくても容量を拡張させることができますが、プラグインを使用したほうが個人的に楽だったので、今回はプラグインをインストールする方法で解説します。
プラグインAll-in-One WP Migration File Extensionをダウンロードするためのページにアクセスし、Basic版をダウンロードします。
ダウンロードはこちら→All-in-One WP Migration File Extension
![](https://keimarublog.com/wp-content/uploads/2020/07/All-in-One-WP-Migration-File-Extension-Download-326-1024x592.jpeg)
WordPress管理画面に戻り、[プラグイン] → [新規追加] → [プラグインのアップロード]を選択し、先程ダウロードしたzipファイルをアップロードして[今すぐインストール]をクリックします。
![](https://keimarublog.com/wp-content/uploads/2020/07/Upload-plugin-installation-326-1024x592.jpeg)
インストールが完了したら、有効化させます。
![](https://keimarublog.com/wp-content/uploads/2020/07/Upload-plugin-enabled-326-1024x592.jpeg)
この2つのプラグインがインストールされていれば受け入れの準備はOKです
- All-in-One WP Migration
- All-in-One WP Migration File Extension
![](https://keimarublog.com/wp-content/uploads/2020/07/Installed-plugin-326-1024x592.jpeg)
ローカル環境から本番環境へ
次は、ローカルで開発したデータを移行させます。
まずはローカル側の管理画面より、先程のプラグイン「All-in-One WP Migration」をインストールし、有効化させましょう。
有効化すると「All-in-One WP Migration」がサイドメニューに表示されるので「エクスポート」をクリック。
![](https://keimarublog.com/wp-content/uploads/2020/07/export-326-1024x592.jpeg)
[エクスポート先] → [ファイル] をクリック。
![](https://keimarublog.com/wp-content/uploads/2020/07/Export-destination-file-1024x592.jpeg)
ダウンロードボタンが表示されるので、クリックしダウンロードしましょう。
![](https://keimarublog.com/wp-content/uploads/2020/07/Export-file-download-326-1024x592.jpeg)
ダウンロードが完了したら、次は本番環境のWordPress管理画面にうつります。
サイドメニュー「All-in-One WP Migration」の [インポート]をクリック。
![](https://keimarublog.com/wp-content/uploads/2020/07/import-326-1024x592.jpeg)
先程ダウンロードしたファイルをドラック&ドロップ。
![](https://keimarublog.com/wp-content/uploads/2020/07/File-drag-and-drop-326-1024x592.jpeg)
「開始」をクリック。
![](https://keimarublog.com/wp-content/uploads/2020/07/Import-start-button-1024x592.jpeg)
「サイトをインポートしました。」と表示されたら、完了をクリック。
![](https://keimarublog.com/wp-content/uploads/2020/07/Site-import-complete-326-1024x592.jpeg)
以上で完了になります。
これでローカル環境から本番環境のサブディレクトリにWordPressを移行させることができました。
データ移行は本来
- 移行元のデータベースのダンプをエクスポートする(phpmyadminやSSHを使う)
- themes・plugins・uploadsフォルダを移行元から取得する(FTPやSSHを使う)
- SQL内のURLを移行元のドメインから移行先のドメインへ全置換する
- 移行先のWordPressにthemesフォルダ達を移行する(FTPやSSHを使う)
- 移行先のデータベースに編集したダンプファイルをインポートする(phpmyadminやSSHを使う)
以上の手順を踏まなければならないので、こんなに楽にできるのはすごくありがたいですね。
それではお疲れさまでした(^O^)/
![](https://www16.a8.net/0.gif?a8mat=3BQUPJ+AXJJN6+CO4+644DT)