初心者でも簡単！Local by Flywheelを使って本番環境からテスト環境を構築する方法を徹底解説

2021年9月29日2023年3月17日

　皆さん、WordPressのテーマを変更するときや新しいプラグインを導入するとき、あるいは、functions.phpやCSSを修正してブログをカスタマイズするとき、自由に試せる環境がほしいと思ったことはありませんか？

そんな環境を用意するには、新たにレンタルサーバーを借りたりローカルのマシンにLinuxをインストールしたりする必要があると思ってたりしませんか？

そんなお悩みをもつあなたのために、簡単に本番環境とそっくりなテスト環境を構築できるLocal by Flywheelという便利で無料なツールがあります！

当記事では、このLocal by Flywheelを使ったWordPressのテスト環境の構築方法を4ページにわたって丁寧に解説していきます。

ワンステップずつ画像を使って詳細に解説しているのでどなたでもテスト環境を構築することができるようになります！

是非、この機会にLocal by Flywheelを使ってWordPressのテスト環境を構築してみませんか。

　当記事で紹介する手順のなかに「データベースに存在するURLの置換」という手順があります。これは、データベース中に記録されている本番環境のURLをテスト環境のURLに置換するという手順です。巷の記事にはこの置換をテキストエディタを使って行っているものがありますが、この方法では本番環境のURLをすべて漏れなく置換することはできません。本記事では、このURLの置換を漏れなく行えるようツールDatabase Search and Replaceを使った置換手順を紹介しています。

はじめに

　皆さん、functions.phpやCSSはどのように修正してますか。ローカルで編集→本番環境にアップロード→本番環境でテスト、といった具合でしょうか(そんなの私だけ？)。

そのお陰でブログ全体が真っ白になって開けなくなったり、ブログの体裁が大きく崩れたりするというのは日常茶飯事でした。かくいう私もソフトウエア技術者の端くれとして本番環境でテストするなんて以ての外だということは重々承知しています。でも、個人ブログだしまあいいかなと思ってやってしまっていました。

ただ、他の人はテスト環境をどうやって用意しているのだろうかとぼんやりと考えてはいました。テスト用にもう一台レンタルサーバー借りるのかなとか、ローカルに用意するとしてもやっぱりLinuxが必要なのかなとか。だとしたら面倒くさいなとか。

そんなわけでググってみたところやっぱり便利なものがあるんですね。Local by FlywheelとXAMPPというのが見つかったのですが、今回は無料でかつ使い方が簡単だとオススメされているLocal by Flywheelを使ってテスト環境を構築し、「本番環境でテスト」から脱却していこうと思います。

　では、早速本題に入っていこうと思います。