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

スポンサードリンク

関連コンテンツ

オススメ記事

fish shell

Fish shellの使い方。プラグインなしでもここまで可愛くできる!

先日、Macをフォーマットしたため、今まで構築したきた開発環境が消えました。 といっても、バックアップはとってあるので戻すことはできるのですが、せっかく綺麗に全部消えたので、もう一度作り直そうかな、

M1 Mac対応。DockerでWordPress開発環境を構築する方法

みなさんこんにちは。@It_is_Rです。 ローカルにWordPressの開発環境を作りたいとき、Dockerを使うと、とても簡単に構築することができます。しかし、実際に運営しているWordP

webpackでSass(SCSS)をCSSにコンパイルする最もシンプルな方法

webpackを使うと、JavaScriptをまとめることができて便利です。しかし、webpackにはたくさんの機能があり、パッケージをインストールすることで、様々な機能が使えるようになります。

【Android Studio】エミュレータを起動してプログラムを実行する方法!

何をやっても長続きしない@It_is_Rです。 このままでは人生さえも長続きしないかも知れない。 さて、しばらくぶりになってしまいましたが、今回は Android Studio 2.3.2 を

WordPress|ショートコードの作り方&使い方。確実に使いこなす為のガイド。

前回、WordPressで、特定のカテゴリ一覧を表示する方法について書きました。 改めまして、@It_is_Rです。 特定のカテゴリ一覧を表示したとき、ショートコードというものを使いましたが、

カスタムロゴの使い方。 WordPress サイトのタイトルを画像に変更!

笑いたい時に笑えず、笑っちゃいけない時に笑えてくる@It_is_Rです。 今回はカスタムロゴの使い方を紹介したいと思います。 このシリーズの前回の記事はこちらです。 【 WordPres

.zshrc で zsh をカスタマイズしてみよう。(プラグイン無し)

昔、車に幽霊が乗っていたので、じっと目を凝らして見ていたら、ただの人だったことがあります。@It_is_Rです。 あの時は気まずかった。。。女性の方でした。 さて、今回はターミナルをかっこよく

【Unity】開発したゲームをAndroidで実機テストする方法

こんにちは。現在、最新ゲーム熱意製作中の@It_is_Rです。 さて、今回はUnityで開発したゲームをAndroidで実機テストする方法です。Unity上で再生したときは動いていたゲームも、

【Android Studio】TextView を使ってテキストを変更、追加する方法。

TextViewの文字列を変更するより、これまでの人生を変更したい@It_is_Rです。 Android Studioを使ったアプリ開発講座6回目です。 今回はアプリに表示されたテキストを変更

WordPressのテーマを自作してみよう。テーマ開発の方法を徹底解説!

WordPressテーマの自作方法を紹介していきます。 今回はテーマ作成における知識や、ツール、ファイル構成、実際の作り方などを書いていきます。 WordPressのテーマを自作する上

2件のコメント “Local by Flywheelの使い方。かんたんWordPressローカル環境構築方法

  1. はじめまして。minakと申します。
    記事を読ませて頂きました。ありがとうございます。
    worepressですでに運営しているサイトがあるのですが、
    Local by Flywheelをインストールした場合
    この2つは別々の画面で管理することになるのでしょうか?
    それとも、一つのwordpressで2つを管理することになるのでしょうか?
    お手数ですが、お答え頂けないでしょうか。

    1. >minakさん
      はじめまして。It is Rです。
      コメントありがとうございます。

      まず、Local by Flywheelは、パソコン上にインストールし、ローカルにWordPressの環境を作るものです。
      つまり、現在minakさんが運営しているWordPressのサイトと、もうひとつ別の公開されていないサイトがある状態になります。

      もしも、ローカルのサイトを、運営中のサイトと同じ状態にしたい場合は、サーバからサイトのデータをダウンロードしてきて、同じになるようにしてあげる必要があります。
      逆に、ローカルで作成したサイトを、公開中のサイトに反映したいのならば、そのデータをサーバにアップロードする必要があります。

      ご質問の内容は、運営中のサイトとLocal by Flywheelで作成したサイトの管理画面は別々か、とのことでしたが、この2つのサイトは別物ということになりますので、管理画面も別々になります。
      お役に立てれば幸いです。

コメントをどうぞ!(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です