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』ボタンをクリックします。これは、クライアントさんとサイトの表示を確認する際に、とても便利な機能ですね。

 

ローカル環境から本番環境への移行については、後日公開予定です。しばらくお待ちください。

 

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

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

【意外と簡単?!】FTPソフト『FileZilla』のダウンロードから使い方まで次のページcyclists

関連記事

  1. 洗濯物

    WEB

    横並びさせた要素の端のマージンを調整する方法

    幅が 960px の inner の中に、幅が 300px、右側のマー…

  2. 海に浮かぶ男性

    WEB

    float 解除と clearfix

    要素を float させた場合、次の現象が起こります。 …

  3. 緑のドア

    WEB

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

    WordPress でブログを始めるには、レンタルサーバーとの契約、ド…

  4. ネットショッピング

    WEB

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

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

  5. mistake

    WEB

    『FileZilla』で転送に失敗した場合の操作方法について

    FTPソフト『FileZilla』で転送する際に、『失敗した転送』が発…

  6. チェーン

    WEB

    footer を最下部に固定したい場合のコード

    ウェブサイトを制作中に、footer が浮き上がってきて困ったことはあ…

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

wordpress

よく読まれている記事

  1. ネットショッピング
  2. パソコンを前に困っている女性
  3. ケーブル
  4. local by flywheel
  5. 海を背景にフレームを持つ女性の手
  6. pencils
  7. いいえ、結構です。
  8. cyclists
  9. wordpress,ワードプレス
  10. 緑のドア

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

Gutenberg 完全対応のテーマならコレ!!

Adobeを買うのならどこよりも安い?!

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

パソコンを覗き込む二人の女子
  1. 黄色い壁を背に喜ぶ女性

    WEB

    画像圧縮なら『TinyPNG』、使い方とその実力を検証します
  2. ブランコに乗る女の子

    WEB

    エックスサーバーで『サブドメイン』を設定して、WordPressをインストールし…
  3. fontAwesome

    WEB

    超簡単!!Font Awesome(Version 5)の使い方
  4. パソコンを前に困っている女性

    WEB

    WordPress簡単移行ができずに手動で移行作業を行う方法
  5. ドメイン

    WEB

    お名前.com でドメインを取得する方法
PAGE TOP