Home
WordPress
【手動】Local by Flywheelで本番環境のWordPressをローカルに複製する

【手動】Local by Flywheelで本番環境のWordPressをローカルに複製する

公開日
2021.06.26
更新日
2022.04.02
【手動】Local by Flywheelで本番環境のWordPressをローカルに複製する

どうも!かけちまるです!

WordPressで構築したサイトをリニューアルするとき本番環境で直接更新してしまうとサイト閲覧者に更新途中の画面が表示されてしまったりと問題があります。

じゃあどうするか?こうしましょう!

Local by Flywheel(ローカル・バイ・フライホイール)というソフトウェアを使って本番環境と全く同じサイトをローカル環境にも構築してそのローカル環境で開発をするという方法をとれば良さそうですね。

てことでこの記事ではLocal by Flywheel(ローカル・バイ・フライホイール)を使って本番環境と全く同じサイトをローカル環境にも構築方法を解説していきます。

この記事を読むと、

  • ・Local by Flywheelのダウンロード方法
  • ・本番環境のWordPressをローカル環境に構築する方法
  • ・Local by Flywheelで構築したWordPressをSSL化する方法
  • ・Local by Flywheelで構築したWordPressを外部へ共有する方法

がわかります。

まだ、試してない方はこの記事より簡単な方法があるのでそっちを試してみてください。
簡単な方法がうまくいかなかったらこちらを試すと良いと思います。

Local by Flywheelのダウンロード

この記事では、Local by Flywheelのダウンロードは済んでいる前提で書いています。
もし、Local by Flywheelのダウンロードや基本的な使い方がわからない人は下記の記事を読んでもらえれば良いと思います。

本番環境のWordPressをローカルに構築する

ここから、本番環境のWordPressをローカルにも同じものを構築していきます。

大きな流れとしてはこんな感じです。

  • ・FTPツールを使い、既存サイトのファイルのバックアップをとる
  • ・phpMyAdminにログインし、データベースのバックアップをとる
  • ・Local by FlywheelでローカルにWordPressを構築する
  • ・既存サイトのバックアップデータのドメインをローカル環境のWordPressのドメインに置き換える
  • ・ローカルに構築したWordPressのファイルを既存サイトのファイルに置き換える
  • ・データベースを作成し、インポートする
  • ・wp-config.phpを編集する
  • ・Local by Flywheelのに構築したサイトをSSL化する

かなりボリューミーな内容ですが一つ一つクリアしていきましょう。

FTPツールとphpMyAdminを使ってバックアップをとる

1

FTPツールを使って既存サイトのファイルをダウンロードします。

FTPツールとは、FFFTP、Filezilla、Cyberduckなどのファイル転送を行うツールです。
僕は、Filezillaを使用しています。
既存サイトのソース部分をごっそりダウンロードしてきてください。

既存サイトのファイルをダウンロード                      

ちなみに僕は、サーバはXserverを使っています。
なので、既存サイトのファイルはpublic_htmlに格納されているのです。

2

ここからphpMyAdminを使ってデータベースをエクスポートします。

phpMyAdminへのアクセスは契約しているサーバのコントロールパネルからアクセスできると思います。
ユーザー名、パスワードを入力してログインしてください。

データベースをエクスポート
3

WordPressに使用しているデータベースを選択します。

そのあと、エクスポートに移動します。
おそらく設定はそのままでOKなので実行をクリックするとsqlファイルがダウンロードされます。

データベースを選択
4

これで既存サイトのファイルとデータベースのバックアップは完了です。

バックアップは完了

Local by Flywheelにバックアップファイルをインポートする

1

Local by Flywheelに新しくWordPressを構築します。

  • ・サイト名を決める
  • ・PHP、サーバ、MySQLのバージョンを決める
  • ・WordPress管理画面にログインするときのユーザー名とパスワードを決める

とりあえずここまでやります。

WordPressを構築方法の詳しい解説はこちらの記事からどうぞ

2

既存サイトとデータベースのバックアップファイルのドメイン部分を新ドメインへ置き換える。

先ほどダウンロードしてきた既存サイトとデータベースのバックアップファイルをテキストエディタで開きます。
テキストエディタの置き換え機能を使い、ドメイン部分を新ドメインへ一括置き換えしましょう。

お使いのテキストエディタに置き換え機能がなければ、「Visual Studio Code」というテキストエディタが使いやすいと思うので、試してみてください。
https://code.visualstudio.com/

新ドメインへ置き換える
3

Local by Flywheelで構築したWordPressファイルを開きます。

新ドメインへ置き換えるく
4

/app/public/ の中身を既存サイトのバックアップファイルに置き換えます。

バックアップファイルに置き換えます
5

Local by Flywheelで構築したWordPressのデータベースへアクセス

Local by Flywheelの管理画面でDATABASEに移動し、OPEN ADMINERをクリックするとアクセスできます。

データベースへアクセス
6

新しくデータベースを作成します。

Adminerのhomeに行き、データベースを作成をクリック。

新しくデータベースを作成します
7

データベース名と照合順序を決め、保存をクリックします。

データベース名は任意の名前でOKです。
照合順序は「utf8_general_ci」を選択すればOKです。

新しくデータベースを作成します
8

作成したデータベースに既存サイトのデータベースのバックアップファイルをインポートします。

作成したデータベースが選択されていることを確認し、インポートをクリックします。
既存サイトのデータベースのバックアップファイルを選択し、実行をクリックするとインポートを開始します。

バックアップファイルをインポート
9

インポートが成功すると、テーブルが作成されます。

テーブルが作成される
10

wp-config.phpを編集します。

app/public/wp-config.phpを編集して、先ほど作成したデータベースを参照するようにします。

以下のように設定してもらえればOKと思います。

PHP
コピー
// 注意: // Windows の "メモ帳" でこのファイルを編集しないでください ! // 問題なく使えるテキストエディタ // (http://wpdocs.osdn.jp/%E7%94%A8%E8%AA%9E%E9%9B%86#.E3.83.86.E3.82.AD.E3.82.B9.E3.83.88.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF 参照) // を使用し、必ず UTF-8 の BOM なし (UTF-8N) で保存してください。 // ** MySQL 設定 - この情報はホスティング先から入手してください。 ** // /** WordPress のためのデータベース名 */ define( 'DB_NAME', 'データベース名' ); /** MySQL データベースのユーザー名 */ define( 'DB_USER', 'root' ); /** MySQL データベースのパスワード */ define( 'DB_PASSWORD', 'root' ); /** MySQL のホスト名 */ define( 'DB_HOST', 'localhost' ); /** データベースのテーブルを作成する際のデータベースの文字セット */ define( 'DB_CHARSET', 'utf8mb4' ); /** データベースの照合順序 (ほとんどの場合変更する必要はありません) */ define( 'DB_COLLATE', '' );
11

これでバックアップファイルを手動でインポートできました。

サイトをSSL化する

これは簡単で、Local by Flywheelの管理画面で OVERVIEW > SSL の項目で「TRUST」をクリックすれば完了です。

サイトをSSL化する

ローカルに構築したサイトにアクセスして確認する

Local by Flywheelの管理画面でOPEN SITEをクリックするとローカルサイトにアクセスできます。

サイトをSSL化する

これで本番環境のWordPressをローカルに構築できたかと思います。

ローカルサイトを共有する方法

Local by Flywheelで開発したWordPressサイトを外部に共有する方法を解説します。

やり方は簡単で、Local by Flywheelの管理画面の「Live Link」の横にある「Enable」をクリックします。
そうすると、URLが発行されるのでそのURLを共有すればローカル環境のサイトを外部に共有することができます。

サイトを外部に共有する

おわり

かけちまる
かけちまる
Webエンジニアをしています。
HTML/CSS/JavaScript/jQuery/PHPができます。
WEB制作を中心に日々学びになったこと、興味が沸いたことについて初心者の方でもわかりやすいようにアウトプットしていくブログです。

関連記事

画像形式をWebPに変換するツール6選

画像形式をWebPに変換するツール6選

【Three.js】マウスにライトを追従させる方法

【Three.js】マウスにライトを追従させる方法

【基本編】JavaScriptのマウスイベントでドラッグ&ドロップ機能を実装する

【基本編】JavaScriptのマウスイベントでドラッグ&ドロップ機能を実装する

【Contact Form7】ログインユーザーのためにテキスト項目にデフォルト値を設定する

【Contact Form7】ログインユーザーのためにテキスト項目にデフォルト値を設定する

videoタグの再生や停止などをJSでコントロールする方法

videoタグの再生や停止などをJSでコントロールする方法

UNPKGの使い方~npmで公開済のパッケージを使えるCDNサービス~

UNPKGの使い方~npmで公開済のパッケージを使えるCDNサービス~