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開発環境を作ることができます。
難しい操作もないので、ぜひ使ってみてください。

スポンサードリンク

関連コンテンツ

オススメ記事

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

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

ファイルを分けるべよ!

小学生からのJavaScript入門。ファイルを分けて管理してみよう!

小学生からのJavaScript入門講座(にゅうもんこうざ)、第5弾です。 前回はりこちゃんを方向キーで操作(そうさ)することができるようになりました。 しかしプログラムを作ってくと、コンピュ

WordPressカスタムヘッダーを完璧に使いこなしたい人へ告ぐ!

森の中に昔から住んでる@It_is_Rです。 WordPressのカスタマイズをする上で、カスタムヘッダーを使うと、色やヘッダー画像をWordPressの管理画面から操作できるようになり便利です

KSSでスタイルガイドを作る方法。インストールと使い方。

そのうちWordPressのテーマを作る方法の解説とかしたいなーと思っている@It_is_Rです。 いま準備中ですので、もうちょっとお待ちくださいねー。 そして今回ですが、KSSを使ったスタイ

Bootstrap 4によるボタンの作り方。色やサイズなどの指定方法!

Bootstrap4の使い方、第5回目となりました。 Bootstrapの機能のひとつとして、クラスを組み合わせて指定するだけで、色々なボタンが作れます。 今回はBootstrap4を使ったボ

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。文字の大きさを設定する。

こんにちわ。美しいものほど濁って見える@It_is_Rです。 今回もFC2ブログの"最強"カスタマイズを始めていこうと思います。 今回は文字の大きさや色など、ブログ内の文字の設定をしていきます

【Android Studio】アプリ開発の基本とそれぞれのファイルの役割を覚える。

iPhone持ってないみなさん、一緒にAndroidアプリ開発しましょう。@It_is_Rです。 Androidアプリ開発、5回目となりました。 今回は Android Studio でアプリ

【Xcode7】Swift2でMacアプリ開発。Storyboardでボタンを作る。

喧嘩するほど仲がいいとは言いますが、喧嘩する相手がいません。友達がいないということでしょうか。@It_is_Rです。 前回、StoryboardでMacのウィンドウに文字を表示しました。しかし、

【Bootstrap 4】ボタングループ使い方。ボタンの一まとめにする方法

Bootstrap4の使い方、第6回目です。 前回、Bootstrap4でのボタンの作り方を紹介しましたが、今回はそのボタンをグループにしてひとまとめにする方法です。 Bootstrapにはボ

java

Eclipseによる、Javaでじゃんけんゲームプログラムの作り方

※追記(2018/8/29) より分かりやすい記事になるよう修正しました。 今回はJavaを使って、じゃんけんゲームを作る方法を紹介します。 eclipseがインストールされ

コメントをどうぞ!

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