【たった10分】WordPressローカル環境を構築する方法

プログラミング技術
この記事は約3分で読めます。

今使っているWordPressのテーマをカスタマイズしてみたい。コーディングしたデータをWordPressに反映させたい。

こんな時にいきなり本番環境で作業をするのは怖いですよね。そこで便利なのがローカル環境でカスタマイズや開発を行うことができるLocal by Flywheelです。

環境構築ってなんか難しそう…。

プログラミングの環境構築ってなかなか面倒で時間かかるイメージありますよね?
しかしLocal by Flywheelを使えばたった10分でインストールから環境構築までできてしまいます。

Local by Flywheelでローカル環境を構築する手順

Local by Flywheelをインストール

Local by Flywheelの公式サイトからインストールを行います。

1. 「OR DOWNROAD FOR FREE >」 をクリック

画像に alt 属性が指定されていません。ファイル名: 01-2-5-1024x554.jpg

2.使用PCとユーザー情報を入力して「GET IT NOW!」をクリック

画像に alt 属性が指定されていません。ファイル名: 03-2-14-1024x671.jpg

ここからMacとWindowsで分かれます。該当の方をご参考ください。4から共通操作に戻ります。

3.【Mac】Finderのダウンロードから開く

画像に alt 属性が指定されていません。ファイル名: 04-4-1-1024x688.jpg

 【Mac】Local.appをApplicationにドラッグしてインストール完了

画像に alt 属性が指定されていません。ファイル名: 05-6-4.jpg

3.【Windows】エクスプローラーのダウンロードから開く

画像に alt 属性が指定されていません。ファイル名: 2021-03-25-3-1024x706.png

【Windows】お好みの方を選択して「次へ」をクリック

画像に alt 属性が指定されていません。ファイル名: 2021-03-25-1.png

【Wirndows】インストール先(デフォルトで◎)を選んでインストール

画像に alt 属性が指定されていません。ファイル名: 2021-03-25-5.png

【Windows】「完了」をクリックでインストール完了

スポンサーリンク
画像に alt 属性が指定されていません。ファイル名: 2021-03-25-6.png

4.Local by Flywheelを立ち上げ左下の「+」をクリック

画像に alt 属性が指定されていません。ファイル名: 06-8-6-1024x684.jpg

5.プロジェクト名を入力し「CONTINUE」をクリック

画像に alt 属性が指定されていません。ファイル名: 11-6-1024x684.jpg

6.環境設定をする(わからない人はPreferredでOK)

画像に alt 属性が指定されていません。ファイル名: 12-2-4-1024x684.jpg

7.WordPressログインに使うユーザーネームとパスワードの設定

画像に alt 属性が指定されていません。ファイル名: 13-5-1024x684.jpg

8.ローカル環境が完成。「ADMIN」からWordPress管理画面へ入る

画像に alt 属性が指定されていません。ファイル名: 14-1-1-1024x684.jpg

ローカル環境のWordPress管理画面にログイン

1.先ほど設定したユーザーネームとパスワードを入力しログイン

画像に alt 属性が指定されていません。ファイル名: 15-1024x935.png

2.管理画面>Settings>Generalから言語設定を行う

画像に alt 属性が指定されていません。ファイル名: 16-4-1024x950.jpg

3.言語と時間を設定し「Save Changes」から保存

画像に alt 属性が指定されていません。ファイル名: 17-1-1024x764.jpg

以上でLocal by Flywheelを使ったWordPressのローカル環境構築は完了です。

まとめ

ローカル環境と本番環境は同期していないのでブログやサイトのカスタマイズや開発を安心して行うことができますし、通常通りのブログ運営も行うことができます。

Local by Flywheel以外を使ったローカル環境構築もありますがこの方法がプログラミング知識をほぼ必要としないので初心者の方にはおすすめです。

スポンサーリンク

コメント

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