1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. WordPress
  6. »
  7. Local by Flywheelの使い方。かんたんWordPressローカル環境構築方法

Local by Flywheelの使い方。かんたんWordPressローカル環境構築方法

考え事をしていると、目が上にいっている@It_is_Rです。

Local by FlywheelはWordPressのローカル開発環境を簡単に作れるツールです。
今回はこれを使って、ローカルに開発環境を作る方法を紹介します。

目次
  1. Local by Flywheelのダウンロード
  2. Local by Flywheelのインストール
  3. サイトを作成する
  4. サイトの管理
  5. Local by Flywheelの基本的な使い方
  6. ブループリントについて
  7. まとめ

Local by Flywheelのダウンロード

では、Local by Flywheelをインストールしていきましょう。

Local by Flywheel

サイトにアクセスして FREE DOWNLOAD をクリックします。
すると、次の様な画面になりますので、 Mac か Windows のどちらで使用するか選択し、 Work Email(Eメール) を入力します。
最後に「GET IT NOW!」をクリックします。

Local by Flywheelのインストール

ダウンロードしたファイルを開くと、このようなアラートが表示されます。

To help make Local as great as can be, we’d love if you turned on error reporting.
With this enabled, Local will automatically send errors and warnings back to the team so we can patch things up!

Localをより良いものにするために、エラー報告をぜひ有効にしていただけると嬉しいです。
これを有効にすると、Localは自動的にエラーと警告をチームに送り、私たちはパッチを適用することができます。

もしもチームにエラーや警告を送るのであれば「Turn on Error Reporting」を、送らないのならば「No」をクリックします。

LET’S GO!と書かれたボタンをクリックします。

パスワードを訊かれたら入力します。

インストールが始まります。

もしも途中で「System Extension Blocked」といった警告が表示されたら、セキュリティとプライバシーから「ダウンロードしたアプリケーションの実行許可」を許可してあげてください。

このような画面になったら、無事インストールが完了です。

サイトを作成する

CREAT A NEW SITE のボタンをクリックします。

What’s your site’s name?(サイト名は何ですか?)

What’s your site’s name? と表示されました。
サイト名を入力します。

また、ADVANCED OPTIONをクリックすると、ローカルサイトのドメイン(Local site domain)、パス(Local site path)、ブループリントを選択(Create site from Blueprint?)できます。
ブループリントは、開発環境のテンプレートみたいなものです。前にブループリントを保存しておかないと使えないので、初めてインストールする場合、この機能は使えません。

CONTINUEボタンをクリックします。

Choose your environment(環境を選んでください)

Choose your environment と表示されました。

PreferredかCustomかを選びます。
特に設定が必要ない場合はPreferredを、カスタムしたい場合はCustomを選択します。

もしCustomを選択した場合、PHPのバージョン、Webサーバー、MySQLのバージョンを選択できます。

CONTINUEボタンをクリックします。

Setup WordPress

ここで、WordPressのセットアップをします。
WordPress Usernameにはユーザー名、WordPress Passwordにはパスワードを設定します。

もし、マルチサイトの環境を作りたいのであれば、ADVANCED OPTIONの部分をクリックし、サブディレクトリ、サブドメインのどちらかを選択することで、作ることができます。

ADD SITEボタンをクリックすると、ローカルサイトが作られます。

サイトの管理

では、Local by Flywheelでローカルサイトを管理してみましょう。
ADMINボタンで管理画面を表示、VIEW SITEでサイトを見ることができます。

また、「+」ボタンをクリックすると、サイトを追加することができます。

Local by Flywheelの基本的な使い方

ではLocal by Flywheelの基本的な使い方を見ていきましょう。

Local by Flywheelをいったん終了して、再び起動すると、ローカルサイトはストップした状態になっています。
起動にはしばらく時間がかかります。

サイトをスタート、ストップする

ではローカルサイトをスタートしてみましょう。
まず、起動したばかりのLocal by Flywheelは次のようになっていますので、先ほど作成したローカルサイトを選択します。

まだサイトはストップ状態となっています。
「START SITE」をクリックすると、サイトをスタートすることができます。

また、サイトをストップするときは、右上の「STOP SITE」をクリックします。

複数のローカルサイトがあり、それらを全てストップしたい場合は、左下の「STOP ALL」をクリックします。
全てのローカルサイトをストップ

ブループリントについて

ここまでで紹介したやりかたでは、一つのローカルサイトを作成するのに手間がかかります。
普段使うサイトの設定が決まっている場合、ブループリントを使うと便利です。

サイトの設定が完了したら、そのサイトを右クリックし、「Save as Blueprint」をクリックします。

SAVE BLUEPRINTをクリックします。

こうすることで、ローカルサイトを作成する画面でブループリントを選ぶことができるようになります。

まとめ

Local by Flywheelを使えば、GUIで簡単にローカルWordPress開発環境を作ることができます。
難しい操作もないので、ぜひ使ってみてください。

スポンサードリンク

関連コンテンツ

オススメ記事

マップ上をキャラが移動できるようにしよう!

小学生からのJavaScript。マップでキャラを動かせるようにしよう!

小学生からのプログラミング講座(こうざ)、第11弾です。 前回は、JavaScriptでのマップの作り方を紹介(しょうかい)しました。 しかし、まだマップを配置(はいち)しただけで、キャラクタ

ショートコード

BEMによるCSS設計の方法を解説。命名規則から使い方まで。

完璧を求めすぎて、平均以下な@It_is_Rです。 CSSは比較的簡単なものですが、CSS設計をしっかりしておかなければ、余分なコードが多くなったり、後から修正が大変になったりしてこまることにな

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

JavaScriptを使ってゲームを作成するのが好きです。@It_is_Rです。 JavaScriptはWebページに動きを出すのによく使われ、ブラウザゲームなども作ることができます。 今回は

MacでのAndroid Studioインストール手順

今回は Android Studio 3.4 をインストールする手順を解説します。 Android Studio のダウンロード Android Studio そのページから

Scratchで じゃんけんゲームを作ろう!

小学生から始めるScratch入門。じゃんけんゲームを作ろう!

小学生から始めるScratch入門です。 前回、スクラッチでシューティングゲームを作りました。 今回はじゃんけんゲームを作ってみましょう。 プロローグ [serif icon=

Scratchでピアノを 作ってみよう!

小学生から始めるScratch入門。ピアノ鍵盤を作って音を鳴らそう!

小学生から始めるScratch入門です。 前回はじゃんけんゲームを作りました。 今回はピアノの鍵盤を作って、音を鳴らしてみましょう。 プロローグ [serif icon="ar

scratch

小学生から始めるScratch入門。使い方とゲーム開発の基礎知識

小学生から始めるプログラミング入門です。 前回の記事で、プログラミングってどういうものなのか何となく理解してもらえたでしょうか? 少しだけScratch(スクラッチ)についてもふれましたが、ま

【Android Studio】新規プロジェクトを作成する方法。

インスタント焼きそばを作ろうとすると、なぜか焼うどんになります。 @It_is_R です。 しかも、ラーメン作ろうと思うと焼きそばができあがります。 前回、 Android Studio のイ

【Android Studio】TextView 文字の色やサイズ、書体を変更する方法。

サイズは大きいほど、押しがいがあります。@It_is_Rです。 スマホのボタンの話ですよ。何を考えてたんですか? Androidアプリ開発、8回目となりました。 今回はこれまでに学習した T

【Gitの使い方 – その2】GitをMacにインストールする方法!

いらないファイルは残っているのに、欲しいファイルに限って見つからない@It_is_Rです。 Gitの使い方、第2回目の今回はGitをMacにインストールする方法を紹介します。

コメントをどうぞ!

メールアドレスが公開されることはありません。