![](https://tyonoro.com/wp-content/uploads/2021/08/tyonoro-side-150x150.jpeg)
Localでサイトを作ったけど、どうやってアップロードするのかな?
難しいことではありませんので、一つずつ一緒に進めていきましょう。
こちらでは、既にXserverと契約している状態から説明します。
■ エックスサーバー公式サイト ■
⇒ エックスサーバー
![](https://tyonoro.com/wp-content/uploads/2022/01/xserver-img-300x212.jpg)
XserverのWordPress 簡単インストールとSSL化
![](https://tyonoro.com/wp-content/uploads/2021/12/xserver-server-panel-1.png)
XserverのサーバーパネルのWordPress簡単インストールをクリックします。
![画像に alt 属性が指定されていません。ファイル名: wordpress-domain-choice.png](https://tyonoro.com/wp-content/uploads/2021/12/wordpress-domain-choice.png)
WordPressをインストールするドメインを選び、選択するをクリックします。
![](https://tyonoro.com/wp-content/uploads/2022/04/xserver-wordpress-install-1.png)
WordPressインストールをクリックし、ブログ名、ユーザー名、パスワード、メールアドレスを入力します。
確認画面へ進むをクリックします。
![画像に alt 属性が指定されていません。ファイル名: xserver-wordpress-install.png](https://tyonoro.com/wp-content/uploads/2021/12/xserver-wordpress-install.png)
確認しインストールするをクリックします。
![画像に alt 属性が指定されていません。ファイル名: xserver-wordpress-management-screen.png](https://tyonoro.com/wp-content/uploads/2021/12/xserver-wordpress-management-screen.png)
1〜2分で完了しこのような画面が表示されます。
を
にして、メモするかスクショをとって控えておきましょう。
![画像に alt 属性が指定されていません。ファイル名: xserver-ssl-setting.png](https://tyonoro.com/wp-content/uploads/2022/04/xserver-ssl-setting.png)
XserverのサーバーパネルでドメインのSSL設定をクリックします。
![画像に alt 属性が指定されていません。ファイル名: xserver-ssl-domain-selection.png](https://tyonoro.com/wp-content/uploads/2022/04/xserver-ssl-domain-selection.png)
SSL化したいドメインを選び、選択するをクリックします。
![画像に alt 属性が指定されていません。ファイル名: xserver-ssl-setting-addition.png](https://tyonoro.com/wp-content/uploads/2022/04/xserver-ssl-setting-addition.png)
独自SSL設定追加のタブをクリックします。
サイトドメインを確認し、確認画面へ進むをクリックします。
![画像に alt 属性が指定されていません。ファイル名: xserver-ssl-domain.png](https://tyonoro.com/wp-content/uploads/2022/04/xserver-ssl-domain.png)
追加するをクリックします。
![画像に alt 属性が指定されていません。ファイル名: xserver-ssl-waiting-for-reflection.png](https://tyonoro.com/wp-content/uploads/2022/04/xserver-ssl-waiting-for-reflection.png)
SSL設定一覧のタブをクリックすると、反映まちと表示されていると思います。
約1時間で反映されます。
WordPress側でSSL設定
SSL化が反映されたら、先ほどXserver簡単インストールしたWordPressにログインします。
![](https://tyonoro.com/wp-content/uploads/2022/04/wordpress-setting-ssl.png)
管理画面で設定の一般をクリックします。
WordPress アドレス(URL)と
サイトアドレス(URL)の
http://をhttps://
に書き換えます。
![](https://tyonoro.com/wp-content/uploads/2021/12/save-chamges.png)
変更を保存をクリックします。
All in one WP Migrationでサイトをアップロード
引越し、移行用のプラグイン(All in one WP Migration)をLocalで作ったサイトと、XserverでインストールしたWordPress両方に入れます。
Localで作ったサイト
![画像に alt 属性が指定されていません。ファイル名: plugin-new-addition.png](https://tyonoro.com/wp-content/uploads/2021/12/plugin-new-addition.png)
管理画面でプラグイン→新規追加をクリックします。
![画像に alt 属性が指定されていません。ファイル名: all-in-one-wp-migration-install-1024x377.png](https://tyonoro.com/wp-content/uploads/2021/12/all-in-one-wp-migration-install-1024x377.png)
キーワードにAll-in-one WP Migrationと入力します。
今すぐインストールをクリックします。
![画像に alt 属性が指定されていません。ファイル名: all-in-one-wp-migration-activation.png](https://tyonoro.com/wp-content/uploads/2021/12/all-in-one-wp-migration-activation.png)
有効化をクリックします。
![画像に alt 属性が指定されていません。ファイル名: all-in-one-wp-migration-back-up.png](https://tyonoro.com/wp-content/uploads/2021/12/all-in-one-wp-migration-back-up.png)
まずはバックアップをとっておきます。
バックアップからバックアップを作成をクリックします。
![画像に alt 属性が指定されていません。ファイル名: all-in-one-wp-migration-download.png](https://tyonoro.com/wp-content/uploads/2021/12/all-in-one-wp-migration-download.png)
ダウンロードをクリックします。
バックアップがとれました。
![画像に alt 属性が指定されていません。ファイル名: all-in-one-wp-migration-export-file.png](https://tyonoro.com/wp-content/uploads/2021/12/all-in-one-wp-migration-export-file.png)
エクスポートからファイルをクリックします。
![画像に alt 属性が指定されていません。ファイル名: all-in-one-wp-migration-download.png](https://tyonoro.com/wp-content/uploads/2021/12/all-in-one-wp-migration-download.png)
ダウンロードをクリックします。
Xserver簡単インストールしたWordPress
![画像に alt 属性が指定されていません。ファイル名: plugin-new-addition.png](https://tyonoro.com/wp-content/uploads/2021/12/plugin-new-addition.png)
管理画面のプラグインから新規追加をクリックします。
![画像に alt 属性が指定されていません。ファイル名: all-in-one-wp-migration-install-1024x377.png](https://tyonoro.com/wp-content/uploads/2021/12/all-in-one-wp-migration-install-1024x377.png)
先ほどと同様に、キーワードにAll-in-one WP Migrationを入れて検索します。
今すぐインストールをクリックします。
![画像に alt 属性が指定されていません。ファイル名: all-in-one-wp-migration-activation.png](https://tyonoro.com/wp-content/uploads/2021/12/all-in-one-wp-migration-activation.png)
有効化をクリックします。
![画像に alt 属性が指定されていません。ファイル名: all-in-one-wp-migration-inport.png](https://tyonoro.com/wp-content/uploads/2021/12/all-in-one-wp-migration-inport.png)
管理画面でAll-in-one WP Migrationのインポートをクリックします。
![画像に alt 属性が指定されていません。ファイル名: inport-drag-drop.png](https://tyonoro.com/wp-content/uploads/2021/12/inport-drag-drop.png)
先ほどエクスポートしたファイルを、ドラッグ&ドロップしインポートします。
![画像に alt 属性が指定されていません。ファイル名: inport-completion.png](https://tyonoro.com/wp-content/uploads/2021/12/inport-completion.png)
完了をクリックします。
以上で、作ったサイトがサーバーにアップされました。
〜本日も最後まで読んでいただき、ありがとうございました。〜