WEB制作 wordpress

Local By FlywheelでWordPressローカル環境を構築する方法

2021年7月26日

me
悩んでいる人

WordPressのローカル環境構築は何を使うのがおすすめ?

WordPressの学習を始めるにあたって、必要になってくるのがローカル環境です。

MAMPやXAMPPなど有名どころがありますが初心者には設定が難しく、かなり時間がかかってしまう為、最悪この時点で挫折してしまう可能性があります。

それに比べて、今回ご紹介するLocal By Flywheelは比較的簡単に、直感的にローカル環境を構築することができるのでかなりおすすめです。

そこで今回は、WordPressのローカル環境を簡単に構築できる、Lcal By Flywheelの使い方を解説します。

この記事でわかること

・Local By Flywheelを使用するメリット

・Local By Flywheelを使ったWordPressローカル環境構築方法

チェック!
"独学でOK" 未経験でもWordPress案件を取れる学習方法
"独学でOK" WordPress案件を取れる学習ロードマップ

続きを見る

Local By Flywheelを使うメリット

個人的にLocal By Flywheelをおすすめするのには、主に以下の理由があります。

メリット

・mac,windows両方使える

・初心者でも簡単にローカル環境を構築できる

・ローカル環境でSSL化することが出来る

Mac,Windows両方使える

Local By Flywheelでは、アプリインストール時に簡単にMacかWindowsを選択することができます。

XAMPPやMAMPはどちらかしか使えなかったり、または使うために別途設定が必要だったりします。

それぞれの導入方法、使い方が同じなので、この時点で躓く可能性はかなり低いので、おすすめです。

初心者でも簡単にローカル環境を構築できる

後に詳しい設定、導入方法は解説しますが、Local By Flywheelを使用するとかなり簡単にローカル環境を構築することができます。

僕自身もWordPressを学習していたとき、ローカル環境構築で戸惑っていたのですが、このLocal By Flywheelを使用し簡単に構築することができました。

ローカル環境でSSL化することが出来る

最近のwebサイトはSSL化がかなり主流になっています。

本番環境に移行したときにSSL化が原因でうまく機能しないなどのトラブルを解消できるので、ローカル環境でもSSL化はしておきましょう。

Local By FlywheelでWordPressローカル環境を作る方法

それでは、Local By Flywheelを使って、WordPressのローカル環境を構築する手順を解説していきます。

Local By FlywheelでWordPressローカル環境を作る方法1

まず、Local By Flywheelの公式サイトに飛び、ダウンロードボタンからダウンロードします。

Local By FlywheelでWordPressローカル環境を作る方法2

ダウンロードボタンをクリックすると、上記のポップアップが表示されるので、Mac,Windowsを選択しその他の情報を入力してGET IT NOWボタンをクリックします。

インストールが完了したら、アプリを立ち上げましょう。

アプリを立ち上げ、Let's GoボタンをクリックしてPCのパスワードを入力します。(Mac)

Windows版は「このアプリがデバイスの変更を加えることを許可しますか?」と表示され、はいをクリックするようです。

Local By FlywheelでWordPressローカル環境を作る方法3

上記の画面になったら、初期設定は完了です。

それでは、WordPress環境を構築していきます。

Local By FlywheelでWordPressローカル環境を作る方法4

左下のプラスボタンをクリックします。

Local By FlywheelでWordPressローカル環境を作る方法4
ユーザーネームを入力し、CONTINUEボタンをクリック。
Local By FlywheelでWordPressローカル環境を作る方法5

次に環境設定ですが、基本的にはデフォルトのPreferanceのままCONTINUEで問題ありません。

Local By FlywheelでWordPressローカル環境を作る方法6

WordPressログイン用のユーザーネーム、パスワード、メールアドレスを入力し、ADD SITEをクリックするとローカルのWordPressサイトが作成されます。

Local By FlywheelでWordPressローカル環境を作る方法7

左側に作成したローカルサイトが表示されます。

サイト名の横の緑ボタンが光っている時、サイトが立ち上がっている状態で、緑のボタンをクリックするとサイトが停止します。

右側の枠で囲われている「ADMIN」をクリックするとWordPress管理画面に、「OPEN」をクリックするとサイトが表示されます。

Local By FlywheelでWordPressサイトをSSL化する方法

以下では、作成したWordPressサイトのSSL化をする手順を解説していきます。

スクリーンショット 2021 07 26 16.10.06

作成したサイトのSSLの「TRUSTE」をクリックすると上記画像のように「TRUSTED」に変わります。

この状態ではまだサイトはSSL化されないので注意してください。

スクリーンショット 2021 07 26 16.14.27

WordPress管理画面の設定から、上記のURLをhttpからhttpsに変更して保存、サイトを表示させるとSSL化させていることを確認できます。

(Local By Flywheel内の「OPEN SITE」から表示させるとSSL化していないサイトにアクセスされることがあります。)

まとめ

いかがでしたか?

Local By Fluwheelを使ってWordPressローカル環境を構築する事はできましたでしょうか?

初心者でも簡単に環境構築ができるので、すぐにWordPress学習を始めたい人にはおすすめです!

no image

大学生

2021/10/18

【暇な大学生におすすめ】暇な時間を有効活用できる方法

悪質な情報商材に騙されないポイントと怪しいと思った時の対処法【実体験】

WEB制作 ブログ運営 プログラミング

2021/10/16

悪質な情報商材に騙されないポイントと怪しいと思った時の対処法【実体験】

211007アートボード 1 のコピー 42

ブログ運営

2021/10/7

【特化ブログ運営4ヶ月目】アクセス微増、収益4桁達成!!

【テックアカデミー】PHP/Laravelコースで身に付くスキル、評価は?

プログラミング

2021/9/30

【テックアカデミー】PHP/Laravelコースで身に付くスキル、評価は?

【特化ブログ運営3ヶ月目】ちょっとサボっちゃったけど収益とアクセスは?

ブログ運営

2021/9/5

【特化ブログ運営3ヶ月目】ちょっとサボっちゃったけど収益とアクセスは?

【web制作挫折防止】クラウドソーシング案件で消耗しない為のポイント

WEB制作

2021/9/30

【web制作挫折防止】クラウドソーシング案件で消耗しない為のポイント

簡単なサムネ、バナーの作り方!

WEB制作 ブログ運営

2021/8/19

【簡単】短時間でサムネ、バナーを作る手順!

no image

WEB制作

2021/8/18

webデザイナーはコーディングできないといけない??

no image

WEB制作

2021/8/19

【web制作は大変?】実際に経験した感想を語る

no image

WEB制作

2021/10/8

webデザイナーは絵が下手でもなれる?!

no image

WEB制作

2021/8/15

web制作案件に必要なスキルセット【初心者必見】

【文系もOK】レバテックルーキーの評判、口コミと使ってみた感想

プログラミング

2021/10/16

【文系もOK】レバテックルーキーの評判と使ってみた感想

【Udemy】web制作が学べるおすすめ講座  

WEB制作

2021/10/14

【Udemy】web制作が学べるおすすめ講座  

5149301 s

ブログ運営

2021/8/20

【特化ブログ運営2ヶ月目】アクセス数と収益は先月から変わった??

fv e1622358020615

ブログ運営

2021/8/13

ブログのコンタクトフォームの必要性と実装方法

【Local By Flywheel】WordPressのローカル環境構築手順

WEB制作 wordpress

2021/8/23

Local By FlywheelでWordPressローカル環境を構築する方法

undraw warning cyit

プログラミング

2021/8/23

プログラミングスクール卒業生が「使えない」と言われる理由と解決策

WordPressの子テーマのメリットデメリット

wordpress

2021/10/12

【WordPress】子テーマの作成方法とメリットを解説

undraw researching 22gp

プログラミング

2021/10/12

文系大学生が新卒でエンジニア就職する方法

【安い】大学生に本気でおすすめのwebデザインスクール4選!

WEB制作

2021/9/29

大学生におすすめのwebデザインスクール4選【安い】

-WEB制作, wordpress

© 2021 よしブログ Powered by AFFINGER5