1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. WordPress
  6. »
  7. 一瞬でWordPressローカル環境を作成! Local by Flywheelの使い方

一瞬でWordPressローカル環境を作成! Local by Flywheelの使い方

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

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

Local by Flywheelのダウンロード

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

サイトにアクセスして FREE DOWNLOAD をクリックします。
すると、次の様な画面になりますので、 Mac か Windows のどちらで使用するか選択し、 Work Email(Eメール) と Number of websites(Webサイトの数) を入力します。
Local by Flywheel

Local by Flywheelのインストール

インストールしていきます。

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

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

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

サイトを作成する

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

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

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

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

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

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

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

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

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

Setup WordPress

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

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

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

サイトの管理

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

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

ブループリントについて

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

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

SAVE BLUEPRINTをクリックします。
Local by Flywheel

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

まとめ

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

スポンサードリンク

関連コンテンツ

オススメ記事

wordpress

【WordPress】パンくずリストをプラグイン無しで自作する方法

※追記(2018/2/12) もっと高機能になるように、改良修正しました。 人生で3回ほど死にそうになったことがある@It_is_Rです。 WordPressのパンくずリストを作

迷路やRPGで使えるマップを作ってみよ!

小学生からのJavaScript。迷路やRPGで使えるマップを作ってみよう!

小学生からのプログラミング講座(こうざ)、第10弾です。 前回はHTML5とCanvasを使って、キャラクターがキーボードの入力(にゅうりょく)で移動(いどう)するところまで、紹介(しょうかい)

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

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

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

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

普段から猫に遊ばれている@It_is_Rです。 今回は JavaScript について、初心者の人にも分かりやすく、丁寧に解説していきます。 JavaScript と EcmaSc

Android アプリ開発入門! Android Studio のインストール手順。

人の笑顔が大嫌い。 @It_is_R です。 Android アプリ開発では、 Eclipse や Android Studio を使ってアプリを開発するのが一般的です。 一般的に言語は Ja

【Gitの使い方 – その1】GitHubのアカウントを取得する方法!

Gitを使うとバージョン管理が簡単になりますが、それ以前に自分の頭の中を管理するのが大変な@It_is_Rです。 Gitの使い方をいくつかの記事に分けて紹介していきたいと思います。 まず今回は

JavaScriptマンガ講座。初心者でも痛いほど理解できる変数の使い方。(実践編)

押入れが部屋になっている@It_is_Rです。 今回の記事はJavaScriptマンガ講座、2回目となりました。 この企画はJavaScriptをフザケまくって覚えようというものです。

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

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

wordpress

WordPress – デフォルトで用意されたショートコード一覧と使い方。

昔は WordPress の画面が真っ白になって、頭も真っ白になったこともありました。@It_is_Rです。 WordPress では、プラグインを使ったりしない限り、投稿記事のなかで php

小学生からのJavaScript入門。画像の表示と移動をしてみよう!

小学生からのJavaScript入門、第3弾です。 今回はゲーム開発(かいはつ)へもう一歩踏み込んでみましょう! [serif icon="aru-s.jpg" name="アル"]うーん……

コメントをどうぞ!

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