WordPressのローカル環境が超絶簡単に作れるLocal by Flywheel!

WordPressの学習やオリジナルテーマの作成には、WordPressのローカル環境が必要になります。

WordPressのローカル環境の作成には、WindowsのPCであればXAMPPを使うことが多いかと思います。

ゆんつ
僕もXAMPPを使っていました

でも最近ではWordPressのローカル環境の作成には「Local by Flywheel」が手軽で簡単であるという意見を良く目にします。

というわけで実際に「Local by Flywheel」を導入して使ってみましたが、これが確かに手軽で簡単!

ゆんつ
もちろん無料で使えます!

XAMMPでWordPressの環境を作成する場合、まずXAMMPを導入するまでが初心者にとっては結構大変ですし、さらにWordPress環境を作るためにはデータベースの操作画面でアレコレしなければならないなど手間が多いです。

でも「Local by Flywheel」をインストールしてしまえば、WordPressのテストサイトを作るための環境があっという間に整います。

今日は「Local by Flywheel」インストール方法や簡単な使い方について書きたいと思います。

インストール

まずは 公式ページで 「Local by Flywheel」 をダウンロードします。

「Local by Flywheel」 の公式ページ

Free Downloadボタンをクリックすると、以下のダイアログが出ます。

ダウンロード前の選択画面

このダイアログですることは

  • platform(使用しているパソコン)の選択
  • メールアドレスの入力

の2点です。

選択と入力が完了したら「GET IT NOW!」ボタンをクリック。

ダウンロードできる状態になりますので好きな場所にダウンロードしましょう。

「Local by Flywheel」 のダウンロード
ゆんつ
ソフトは600MB以上あるのでダウンロードには少し時間がかかります

ダウンロードが完了したら、ダウンロードしたexeファイルをダブルクリックするとインストールが始まります。

ダウンロードした実行ファイル

インストール中にユーザーアカウント制御の警告が何度か出るかもしれませんが、すべて「はい」を選択します。

また「エラーレポートを自動送信するかどうか」のダイアログも出るので、お好きな方を選択してください。

エラーレポートを送信するかどうかの選択画面

「Welcome To Local by Flywheel!」という画面になったら、下にある「LET’S GO!」ボタンをクリック。

インストール開始画面

後は勝手にインストールが進んでいきます。

ファイルのサイズが大きいのでインストールには結構時間がかかります

しばらく待つと「Introducing Local Pro」という画面になりインストール完了です。

インストール終了画面

右上の×印をクリックして閉じると「Local by Flywheel」の管理画面となります。

「Local by Flywheel」の管理画面

早速WordPressのテストサイトをつくってみよう

早速テストサイトを作ってみたいと思います。

管理画面のど真ん中にある「CREATE A NEW SITE」ボタンをクリックします。

「CREATE A NEW SITE」ボタンをクリックしてサイトの作成

サイト名を入力する画面になりますので、半角英数字で好きなサイト名を入力します。

サイト名の入力

サイト名を入力したら右下の「Continueボタンをクリック。

「Choose Your Enviroment」という画面になります。

環境設定の選択画面

ここでは環境設定を行います。

左側のPreferredを選ぶと「推奨設定」となり、特に自分で何か設定することはありません。

右側はCustom設定でPHPのバージョンなどを細かく自分で設定できます。

Customを選択すると詳細に設定できる

今回は推奨設定にしたいので「Preferred」を選択して「Continue」ボタンをクリック

「Setup WordPress」という画面になります。

「Setup WordPress」画面

ユーザーネームとパスワードを入力します。

メールアドレスはデフォルトで入力されているアドレスのままで大丈夫ですが、テスト環境に自分のメールアドレスを登録したい場合は自分のメールアドレスを入力しておきましょう。

入力が終わったらContinueボタンをクリックします。

環境の構築が始まります。

環境構築中

少し待つと環境設定が完了し、管理画面にはインストールされたWordPressのバージョンなどが表示されます。

環境設定の完了

管理画面右上の「ADMIN」ボタンをクリックするとWordPressの管理画面へ、「VIEW」をクリックすると、まだ何も設定されていない初期状態のWordPressサイトに行きます。

「Local by Flywheel」管理画面

とりあえず最初にやった方が良い事

この状態のWordPressの管理画面で使用される言語は英語で、時刻表示も私たちが見慣れている表記とは異なっています。

ですので、まず最初は言語と時刻設定の表記を変更した方が良いでしょう

「Local by Flywheel」の管理画面から「ADMIN」ボタンをクリックして管理画面に行きます。

まずユーザーネームとパスワードを求められるので、先ほどのサイト作成時に入力したユーザーネームとパスワードを入力してログインします。

ログイン画面

ログイン出来たらダッシュボードから「Setting」→「General」をクリックし言語やタイムゾーン、日付の書式などを変更します。

WordPressの設定画面
Site Language日本語
TimezoneTokyo
Date Format自分の見やすい形式
(僕は上から2番目のy-m-dにしてます)
Time Format自分の見やすい形式
(僕は上から2番目のg:i Aにしてます)

この設定が終わったら、後は実際に使うだけ!

テーマやプラグインを導入したり、テスト記事を投稿したりして好きなように使って下さい。

終了と開始

終了

右上の×印で閉じる前に、動作しているサイトを全て停止させます。

「Local by Flywheel」の管理画面から「STOP ALL」をクリックします。

「STOP ALL」で全てのサイトが停止する

少し待つと動作していたサイトが全て停止します。(停止すると画面右下にメッセージが出て、Stopボタンが消えます)。

全サイト停止時のメッセージ

この後、右上の×印を押して「Local by Flywheel」を終了します。

ちなみに、複数のテスト環境を同時に起動していて特定のテスト環境だけを停止させたい場合は、「Local Sites」から停止するサイト名を選択し、サイト名の左側の停止ボタンをクリックするか、又は右上にある「STOP SITE」をクリックすると、そのサイトだけ停止します。

特定のサイトの停止

開始

「Local by Flywheel」を起動して、開始させたいサイト名にマウスカーソルを乗せると開始ボタンが出ます。

そのボタンをクリックするか、又は画面右上の「START SITE」をクリックするとサイトが開始します。

サイトの開始

それをクリックして少し待つと、画面右下にメッセージが出てそのサイトが開始します。

サイト開始時のメッセージ

インストールディレクトリへの行き方

WordPressをインストールしたフォルダへの行き方は、管理画面の上の方のフォルダパスがかかれている部分の「>」をクリックします。

インストールディレクトリへの行き方

すると「Local Sites」というフォルダに飛ぶので、そこから サイト名と同名のフォルダ → appフォルダ → publicフォルダ という順番で開いていくとWordPressがインストールされたディレクトリにたどり着きます。

WordPressインストールフォルダ

とても便利です!

ネットを見るとインストール時にエラーが出て導入に苦戦される方もいるみたいですが、僕の場合はエラーもなくすんなりインストールできました。

まだ試験的にいくつかテストサイトを作っただけですが、データベースの設定などをしなくても簡単にWordPressのテストサイトが作れる便利さは凄いです。

ゆんつ
もう手放せない!

XAMPPでテストサイトを作っていた時よりも動作も軽快な気がしますし、WordPressでのテストサイト作りは「Local by Flywheel」に乗り換えるつもりです。

もしまだ体験していない方は、ぜひ一度「Local by Flywheel」を体験してみてください。

「 Local by Flywheel」公式ページ

その手軽さに驚くと思います。

ゆんつ
それでは、またー