記事内に広告が含まれています。

WordPressローカル環境を簡単構築!『Local by Flywheel』の基本的な使い方

ローカル環境
記事内に広告が含まれています。

前回、Local by Flywheelのインストールとローカル環境の構築までを解説しました。

WordPressローカル環境を簡単構築!『Local by Flywheel』のインストール
今回は、WordPressのローカル環境『Local by Flywheel』のインストール方法を解説します。 以前はVagrantとVirtualBoxで構築したり、「Instant WordPress」を利用したりしていましたが、最近で...

今回はlocalの使い方を解説します。

スポンサーリンク

1.Local by Flywheelとローカルサイトの起動

まずは、Local by Flywheelアイコンをクリックします。

起動したら、作業するサイト名を選択。

右上の「START SITE」を押す、又は左のサイト名を右クリックして「START」を押すと、WordPressローカルサイトが起動します。

 

終了するときは、「STOP」をクリックしてサイトを停止しましょう。

2.サイトの表示

 

「VIEW SITE」クリックでWordPressサイトがブラウザで表示されます。

デフォルトだと、下のようなWordpressサイトが表示されます。

 

3.管理画面の表示

 

「ADMIN」をクリックします。

ログイン画面が表示されるので、ユーザー名とパスワードを入力してログインします。

 

管理画面が表示されますが、デフォルトでは英語で表示されます。

 

3-1.WordPressを日本語化する

 

WordPress管理画面を日本語環境に設定変更しましょう。

・「Settings」→「General」→「Site Language」で「日本語」を選んで、保存します。

 

4.PHPとMySQLバージョンの変更

 

「CHANGE」を押して「Custom」を選択すると、PHPやMySQLのバージョン変更とサーバーをnginxかApacheか選択できます。

 

5.ローカルサイトの追加

 

新しいローカルサイトを追加するには、左下の「+」ボタンを押します。

その後は、インストール後のサイト構築と手順は同じで、サイト名やユーザー名、パスワードなどを入力すると、すぐに追加が可能です。

5-1.同じ設定で複数サイトを追加【Blueprint】

 

既存のローカルサイトの設定をコピーして、追加することも可能です。

まずは、既に作成したローカルサイト名を右クリックして「Save as Blueprint」をクリック。

 

すると、次のような画面になるので、わかりやすい名前をつけて「SAVE BLUEPRINT」を押して保存します。(ここでは「test」と名前をつけました)

 

新しいローカルサイトの追加時、最初のサイト名を入力するところで「ADVANCED OPTIONS」を開きます。

下の「Don’t use a Blueprint」をクリックすると、先程保存した設定(test)が表示されるので、それを選択して「CREAT SITE FROM BLUEPRINT」を押すと、同じ設定のサイトが追加されます。

 

既存のローカルサイトがssl化している場合は、Blueprintで追加したサイトもssl化してからでないとブラウザで確認できないのでSSL対応にしましょう。

 

6.ローカルサイトのSSL化

 

サイトのSSL化といえば、と~~~っても面倒くさいのですが、「Local by Flywheel」では、さくっとSSL化が完了します。

「SSL」タブ内にある「TRUST」ボタンを押すだけなんです!簡単ですね。

「ユーザーアカウント制御」のダイアログが表示されかもしれません。「はい」をクリックして問題ありません。

7.ファイルの場所

 

ローカルサイトのファイルの場所(localがインストールされている場所)も、ひとっ飛びで確認できちゃいます。

確認したいローカルサイトを選択して、赤枠で囲まれた箇所をクリックするだけです。

 

こんな感じでファイルの場所までいけます。

7.MySQLの表示

 

MySQL(データベース)も簡単に確認可能です。

DATABASEタブの「ADMINER」をクリックすると、ブラウザにデータベースが表示されます。

 

とっても簡単!

 

8.他デバイスでのサイト確認方法

 

ngrokを利用することで、他のデバイスから一時的にローカルサイトが確認できます。

スマホやタブレットでの表示を確認したい場合や、離れている人にサイトを見てもらう場合などに便利です。

・サイト選択後、下の「ENABLE」をクリックします。

 

すると、「〇〇〇.ngrok.io」このようなアドレスが表示されるので、このアドレスでアクセスすると別の端末でもサイトが確認できるようになります。

 

別端末で確認が終わったら、横の「DISABLE」を押して停止しましょう。

一時的なアクセスなので、一度停止したあと再度「ENABLE」を押すと、別のアドレスが割り振られます。他の人に教える場合、その都度アドレスを確認しましょう。

 

9.まとめ

 

全てが簡単に、直感的に使いやすいlocal。
複数のローカルサイトがこのツール一つで作業できるのは本当に助かります。
動きも軽く、他のデバイスからの確認も簡単!これで無料というのが信じられませんが、大助かりです!

ゲームのラグ解消!おすすめネット回線
オンラインゲームに最適な回線【NURO光】
ポイント
  • 最大2Gbpsの超高速回線
  • 独自配線網利用で安定性が高い
最大速度 最大2Gbps
月額料金 5,200円
キャッシュバック 45,000円
基本工事費 実質無料
セット割 でんき・ガス・ソフトバンク携帯
他社解約金還元 最大20,000円

最大2Gbpsの高速回線と、独自整備のネットワーク網で混雑が少なく安定してゲームを楽しめる回線です。キャッシュバックやセットサービスなども豊富。PlayStation5のレンタルやソニー製Wi-Fiルーターに対応しているのも魅力的です。

独自ネットワークで混雑しにくい【auひかり】
ポイント
  • KDDI独自回線でピーク時も安定
  • au・UQモバイルユーザーにおすすめ
最大速度 最大1Gbps
月額料金 戸建て:6,160円
(マンション:4,180円)
キャッシュバック 最大70,000円
基本工事費 月額料金に含まれる(割引含む)
セット割 au・UQモバイル
他社解約金還元 最大30,000円

KDDI独自の回線網で夜間のピーク時でも高速&安定!最大1Gbpsの回線の中でも1番速度がでやすいと評判です。

全国どこでも利用可能でフレッツ光よりも安い!【SoftBank 光】
ポイント
  • NTT回線だから全国の広いエリアで利用可能
  • ソフトバンク・ワイモバイルユーザーにおすすめ
最大速度 最大1Gbps
月額料金 戸建て:5,720円
(マンション:4,180円)
キャッシュバック 25,000円
基本工事費 最大26,400円(のりかえ新規)
セット割 ソフトバンク・ワイモバイル
他社解約金還元 満額還元

エリアの限られている【NURO光】や【auひかり】が利用できない方におすすめなのが【SoftBank 光】。NTT光回線使用でほぼ全国どこでも利用可能。しかも、IPoE(IPv6)接続だからNTT回線の混雑を受けずに高速・安定して利用できます。

ローカル環境
スポンサーリンク

コメント

タイトルとURLをコピーしました