local by flywheel

WEB

『Local by Flywheel』を使って、ローカル環境を構築してみよう

『Local by Flywheel』は、簡単に WordPress のローカル環境を構築できるとても便利なツールです。

ここでは、そのインストール方法と使い方についてご紹介します。

またサーバーは、エックスサーバーで契約していることを前提に説明を進めます。

『Local by Flywheel』をダウンロードする

まずは、Local by Flywheel からインストールファイルをダウンロードしましょう。

 

1、画像左下の『FREE DOWNLOAD!』ボタンをクリックする

local by flywheel

 

2、OS環境を選択、メールアドレスを入力し『GET IT NOW!』をクリックする

local by flywheel

 

3、ダウンロードが開始される

local by flywheel

ダウンロードが始まらない場合は、赤枠で囲んだ『click here』をクリックします。

 

『Local by Flywheel』をインストールする

私の OS は Mac なので、『local-by-flywheel-3-2-1-mac.dmg』というDMGファイルがダウンロードされました。

それをダブルクリックすると、次のように表示されます。

local by flywheel

『Local by Flywheel.app』をドラッグして、『Applications』のフォルダに移動させます。

これで、インストールは終了です。

 

ローカル環境を作成する

インストールが終わると、次のように表示されます。

1、『 + CREATE A NEW SITE 』をクリックする

local by flywheel

 

2、サイト名を入力し、『CONTINUE』をクリックする

local by flywheel

 

3、ローカル環境を選ぶ

Preferred』か『Custom』かを選択します。

私はカスタマイズしやすい『Custom』を使っているので、そちらで説明します。

クリックすると拡大します。

local by flywheel

① の PHPのバージョン と ③ の MySQLのバージョン は、Xserver のホームページで確認しましょう。

② の Webサーバー は、sv2001.xserver.jp 以降であれば『nginx』を選択してください。

 

設定が終わったら、『CONTINUE』をクリックします。

 

4、WordPress のログイン情報を入力する

local by flywheel

ユーザーネーム、② パスワード、③ メールアドレス を入力します。

本番環境で使用する情報を入力しておけば、後で変更する必要がありません。

入力が済んだら『ADD SITE』をクリックします。

 

少しすると次のように表示されるので、PCのパスワードを入力して『OK』をクリックします。

local by flywheel

 

5、ドメインを変更する

次はドメインを変更しましょう。

クリックすると拡大します。

local by flywheel

初期設定では『サイト名.localとなっていますが、『Site Domain』の『CHANGE』をクリックして、本番環境と同じになるように変更します。

注意!!

既存サイトのお引越しをお考えの方は、本番環境とは違うドメイン名にしておいて下さい。

hostsファイルが書き換えられる為、ドメイン名が同じ場合、あなたのPCからだと強制的にローカルサイトが表示されてしまいます。

ですので、本番環境にアップする直線に『Local by Flywheel』のドメイン名を、本番環境と同じものに変更することをお勧めします。

 

local by flywheel

ドメイン名を入力し『CHANGE DOMAIN』をクリックします。

 

これで、ローカル環境に WordPress のデータが作成されました。

 

サイトを表示させてみよう

1、『VIEW SITE』をクリックする

local by flywheel

 

このように表示されれば、成功です。

local by flywheel

 

2、WordPress の管理画面に入る

『ADMIN』をクリックします。

local by flywheel

 

先ほど設定したユーザーネームまたはメールアドレスパスワードを入力します。

local by flywheel

 

管理画面が英語表記になっているので、SettingsGeneralSite Language で日本語に設定してください。

あとは WordPress サイトを構築していきましょう。

 

ローカルサイトを一時的に外部に公開する機能を使ってみよう

Local by Flywheelには『Live Link』という機能があり、ローカルサイトを一時的に外部に公開することができます。

まずは、赤枠で囲んだ『ENABLE』をクリックしてみてください。

local by flywheel

 

すると、下の画像のように『Live Link』の右側に緑の文字で URL が表示されます。

それをクリックすると、サイトを表示させることができます。

local by flywheel

公開を終了させたければ、その隣にある『DISABLE』ボタンをクリックします。

これは、クライアントさんと確認する際にとても便利な機能ですね。

 

ローカル環境から本番環境への移行については、後日公開予定です。

しばらくお待ちください。

 

 
スポンサードリンク
 
スポンサードリンク

関連記事

  1. 3匹のカエル

    WEB

    アメブロの見出しをカスタマイズする方法

    今更ながらアメブロデビューしました。そこで気づいたのですが、ア…

  2. fontAwesome

    WEB

    超簡単!!Font Awesome(Version 5)の使い方

    アイコンフォント『Font Awesome』の使い方について説明します…

  3. ドメイン

    WEB

    エックスサーバー(エックスドメイン)でドメインを取得しよう

    エックスサーバー(XSERVER)でサーバー契約を済ませたら、次はドメ…

  4. コントローラー

    WEB

    WordPress でレイアウトが崩れる自動整形を回避する方法

    WordPress で固定ページを作成しようと思い、コードを記述して表…

  5. いいえ、結構です。

    WEB

    お名前.comの自動更新の設定を解除する方法

    お名前.com でドメインを取得する際にクレジットカード払いを選択する…

  6. パン

    WEB

    MAGでトップページのみ、パンくずリストを非表示にする方法

    TCDさんのテーマ『MAG』は、デフォルトのままだとトップページにもパ…



== WORDPRESS 完全マニュアル ==

wordpress

よく読まれている記事

  1. 腕を交差させる草原に座った男性
  2. 海に浮かぶ男性
  3. ガネーシャ
  4. pencils
  5. カメラ
  6. コントローラー
  7. サーバー
  8. mistake
  9. 窓
  10. fontAwesome

カテゴリー

当サイトで使用しているテーマはこちら!!

アフィリエイトサイトにはDiverもお勧め!!

WordPressでブログ始めてみませんか?

パソコンを覗き込む二人の女子
  1. fontAwesome

    WEB

    超簡単!!Font Awesome(Version 5)の使い方
  2. シャットダウン

    WEB

    XSERVER(エックスサーバー)で設定したドメインを削除する方法
  3. ドメイン

    WEB

    エックスサーバー(エックスドメイン)でドメインを取得しよう
  4. カメラ

    WEB

    WordPressで最低限おさえておきたい画像処理について
  5. 緑のドア

    WEB

    ドメインって何? どうやって決めるの?
PAGE TOP