ローカルから本サーバーへ !! 簡単インストールを使ってサイトを移す方法

XAMPPなどを利用し、ローカル環境でサイト作成をされている方。

本番サイト、レンタルサーバ契約をしてWebサイトを公開してみよう！と、考えているのであれば
ローカルで構築したサイトをできれば生かしたいですよね？

そのまま本サイトに移管することができれば今までの作業も無駄になりませんし
最短で、検索上位に表示される可能性も出てきます。

ただ、サイトを移す方法が初心者にはなかなか難しく
私も色々なサイトを参考に試してみましたが、メディア画像が表示されなかったり
URLの変更だったりサイトを移動させるのに何度も失敗し時間がかかりました。

そこで、改めていろんな方法を試した結果。たどり着いた一番簡単な方法、
エックスサーバーの簡単インストールを使った方法をご案内していきます。

contents - 目次 -

1. 移管のために準備しておくこと
2. 手順1. バックアップをとる
- 2.1. Luxeritasのカスタマイズをバックアップ
- 2.2. phpMyAdmin データベースのエクスポート
3. 手順2. エックスサーバーでの準備
- 3.1. データベースの作成
- 3.2. 簡単インストール
4. 手順3. データベースのインポートとファイルのアップロード

移管のために準備しておくこと

レンタルサーバーの契約と移管の工程で使用するツールをご紹介しておきます。
FileZilla と SublimeText ですが、移管の工程で必要になるので事前にインストールし
すぐに使用できる状態にしておくことをお勧めします。

どちらもフリーソフトですので安心してインストールしてください。^^

レンタルサーバとドメインの契約

レンタルサーバーは Xserver （エックスサーバー）を使用します。
初期設定には FTPサーバーの設定とドメインの取得も必要になります。

こちらのサイトでは FFFTP の使いかたを記事にまとめていますが
後のファイル転送では FileZillaを使用しますので初期設定もこちらの利用をお勧めします。

サーバー契約のしかたは省略しますが、後の設定はこちらを参考にお願いします。
FFFTP-のダウンロードと Xserver での FTPソフトの設定
 独自ドメイン取得とサブドメイン作成のしかた【エックスサーバー】

エックスサーバー公式サイトはこちら → レンタルサーバー Xserver

テキストの編集 – SublimeText

ファイル ( テキスト ) の編集に使用するテキストエディタです。
初めの日本語変換は少し面倒な作業ですが、とっても役立つツールです！
テキストエディタ【 SublimeText 】インストールと日本語変換のしかた

FTPファイルの転送 – FileZilla

ファイルの転送に FTPソフト File Zilla を使用します。
FFFTPサーバでも転送できないことはなかったのですが、
一部エラー表示が出たため　確実に転送できる手法にさせていただきます。

こちらの記事はまだないのでのちに使用のしかたを含めて説明していきます。

インストールはこちらから↓
File Zilla プロジェクト日本語トップページから Windowsなら win64-setup.exe で利用できます。

必要な準備が揃いましたら、移管の作業へ進みます。

手順1. バックアップをとる

ローカル環境での作業から始めていきます。
サイトのバックアップと phpMyAdminでデータベースのエクスポート作業を行います。

初めに移したいサイトのイメージはこんな感じ。Luxeritasを使用したテーマです。
記事はもちろん、サイトの外観カスタマイズ・メディア画像のアップロードなどをしています。

Luxeritasのカスタマイズをバックアップ

ルクセリタスの管理機能の バックアップ を開きます。

バックアップをとっておき移管後にリストア（復元）することで
かんたんに Luxeritasテーマのデザインを復元させることができます。

phpMyAdmin データベースのエクスポート

ローカルサイトの phpMyAdminを開きます。
phpMyAdmin は XAMPPのコントロールパネル ➡ MySQLの横のボタン Admin から開きます。

移したいデータベースを選択し、エクスポートをクリックエクスポートの設定画面で
Export method を詳細にチェックを入れテーブルのすべての項目にチェックが入っている状態で実行します。

エクスポートしたファイルは PC内のダウンロードに保管されます。

手順2. エックスサーバーでの準備

今回のサイトの移管は簡単インストールを使って一度 WordPressサイトを作成し
その後に、データベースとファイルなどを入れ替えてサイトを復元させる。というものです。

データベースの作成

まず、簡単インストールの前に MYSQL と MYSQLユーザーを追加作成しておきます。
エックスサーバーにログインし、サーバーパネル画面から MySQLの項目を選択します。

MySQLの MySQL追加をクリックし新しくデータベースを作成します。
ユーザ名も同じように作成していきます。

次に、作成したデータベースのアクセス権所有ユーザを設定します。
先ほど作成した MySQLユーザを選択し追加をクリックアクセス権所有ユーザを設定します。

簡単インストール

WordPress の簡単インストール画面に移ります。
先ほどのデータベースを使用し簡単インストールで WordPressをインストールしていきます。

サイト作成で注意するポイントはローカルサイトと同じサイト名・ユーザー名・メルアドを使用しておくことです。
この情報が違ってくると、本サイトへのログインにエラーが生じてしまい再設定が面倒になります。

データベースの項目は作成済みのデータベースを利用するを選択し、
先ほどのデータベース名とユーザー名を入力確認 → インストールへ進みます。

手順3. データベースのインポートとファイルのアップロード

最終の工程です。新しく作成したサイトにローカルサイトの情報を移していきます。

データベース情報の書き換え

新しいデータベースにサイト情報をインポートするのですが、
ローカルで作成した記事やメディア画像の URL がまだ http://localhost ~ のままです。
インポートする前に新しいサイトのURLに書き換える作業をしていきます。

編集はエクスポートしておいたファイルを SublimeText で行います。
＊このファイルですが、万が一の編集ミスのためにもあらかじめコピーを取っておいてください！

それでは PCのダウンロード画面からファイルをクリックし sublimeText を開きます。

補足

クリックして SublimeText が開かない場合はファイルを右クリックし
プログラムから開くまたはプロパティを開き プログラムの変更をクリック
テキストを開くツールを指定します。

メニューバーの 検索タブから置換をクリックすると画面下に検索BOXが表示されます。

上の Find にこのファイル内にある検索したい文字列を書き込み
下の Replace にはこれに置き換える文字列、ここでは本サイトのURLになります。
URL は簡単インストール画面のサイト情報に表示されています。
Replace All をクリックするとファイル内の同じ文字列すべてが変換され完了です。