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』のドメイン名を、本番環境と同じものに変更することをお勧めします。

 

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

local by flywheel

これで、ローカル環境に 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. ケーブル

    WEB

    『お名前.com』で取得したドメインを『エックスサーバー』に紐付けする方法

    ここでは お名前.com で取得したドメインを、エックスサーバー(XS…

  2. チェックリスト

    WEB

    『wpX Speed』でDNSレコードから所有権を確認する方法

    WordPress 専用クラウド型レンタルサーバー『wpX Speed…

  3. Google Search Console
  4. ネットショッピング

    WEB

    エックスサーバーで常時SSL化する方法について

    こちらでは、Webサイトを常時SSL化する方法について、説明していきま…

  5. 窓

    WEB

    TCDのテーマ『MAG』で『関連記事カードリンク』を新しいタブで表示する方法

    私も大のお気に入りで、このブログでも使用しているTCDさんのテーマ『M…

  6. 郵便受け

    WEB

    要素の高さを揃える 『matchHeight.js』の使い方

    float させた横並びのカラムの高さをそろえたい!! だけど、ボック…



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

wordpress

よく読まれている記事

  1. 郵便受け
  2. 黄色い壁を背に喜ぶ女性
  3. 3匹のカエル
  4. 洗濯物
  5. 子猫をのせた乳母車を押す親猫
  6. 歩道を歩く男性
  7. 郵便受け
  8. カレンダー
  9. シャットダウン
  10. 404

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

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

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

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

    WEB

    お名前.com でドメインを取得する方法
  2. 海を背景にフレームを持つ女性の手

    WEB

    Photoshopで簡単!!画像に枠線を作る方法
  3. 広告

    WEB

    『DIVER』で、AMP対応のディスプレイ広告を表示させる方法と注意点
  4. 窓

    WEB

    TCDのテーマ『MAG』で『関連記事カードリンク』を新しいタブで表示する方法
  5. チェックリスト

    WEB

    『wpX Speed』でDNSレコードから所有権を確認する方法
PAGE TOP