WordPressをローカル環境で構築する最も簡単な方法
![WordPressをローカル環境で構築する最も簡単な方法](https://masapapa-life.com/wp-content/uploads/2021/06/wordpress-local.png)
自分のパソコン内にWordPress環境を構築する方法があるのをご存知でしょうか?
今は無料ブログサービスを利用しているけどWordPressに挑戦してみたいと考えている方、まずはレンタルサーバーを借りる前にローカル環境で試してみるのはいかがでしょうか。
CSSやJavascript、またはPHPファイルをいじってみたい!プラグインを導入したいけど不具合がでないか怖い!という方もローカル環境であれば問題が発生しても読者に影響が出ることはありません。
今回はそんな願いを叶えてくれるツールをご紹介します。
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-01.jpeg)
『ローカル環境』というのはサーバーではなく自身のパソコンの中に開発環境を構築することを言います
WordPressを動かすために必要な環境
WordPressを動かすには、最低限としてWEBサーバー、ドメイン、データベース、PHP動作環境が必要になります。
WordPress対応のレンタルサーバーを借りると一気にクリアされるので特に気にする必要はありませんが、費用が発生してしまいます。お金をかけずにまずはWordPress環境を試してみたいという方は簡単に環境を構築できるフリーソフトをおすすめします。
少し前までは、XAMPP・MAMP・LAMPというソフトを使うことが多かったのですが、今回は『Local』をご紹介します。私が使った中でもっとも簡単にローカル環境を構築できたソフトです。
- 簡単にローカル環境を構築できる
- Windows、Macどちらでも使用できる
- WEBサーバー、データベース、PHPのバージョンを選択できる
- ローカル環境なのでファイルのFTP転送がいらない
- 外部公開が可能
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-02.jpeg)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-02.jpeg)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-02.jpeg)
こんなに早くできるの!?と、驚くと思います!
Localのインストール手順
ソフトウェアのダウンロード
まずは Local公式ホームページ からお使いのOSに合わせた『Local』をダウンロードします。
![Localダウンロード方法](https://masapapa-life.com/wp-content/uploads/2021/06/local-download1.png)
![Localダウンロード方法](https://masapapa-life.com/wp-content/uploads/2021/06/local-download1.png)
※『GET STARTED』ボタンはPro版(有償)のダウンロードページに遷移します
![Localダウンロード方法(OS選択)](https://masapapa-life.com/wp-content/uploads/2021/06/local-download2.png)
![Localダウンロード方法(OS選択)](https://masapapa-life.com/wp-content/uploads/2021/06/local-download2.png)
今回はWindows版をダウンロードしてご説明しますが、操作感はほとんど同じです。
![Localダウンロード方法(Mail入力)](https://masapapa-life.com/wp-content/uploads/2021/06/local-download3.png)
![Localダウンロード方法(Mail入力)](https://masapapa-life.com/wp-content/uploads/2021/06/local-download3.png)
![Localダウンロード方法(スタート)](https://masapapa-life.com/wp-content/uploads/2021/06/local-download4.png)
![Localダウンロード方法(スタート)](https://masapapa-life.com/wp-content/uploads/2021/06/local-download4.png)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-01.jpeg)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-01.jpeg)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-01.jpeg)
メールアドレスを登録するとお知らせや案内メールが届くようになるのでサブで使用しているメールアドレスの登録をおすすめします。
ソフトウェアのインストール
ダウンロ―ドが完了したら、早速インストールを行います。
![Localインストール方法(exeファイル)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install1.png)
![Localインストール方法(exeファイル)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install1.png)
![Localインストール方法(オプション)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install2.png)
![Localインストール方法(オプション)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install2.png)
![Localインストール方法(インストール先)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install3.png)
![Localインストール方法(インストール先)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install3.png)
![Localインストール方法(インストール)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install4.png)
![Localインストール方法(インストール)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install4.png)
![Localインストール方法(インストール完了)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install5.png)
![Localインストール方法(インストール完了)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install5.png)
![Localインストール方法(利用規約)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install6.png)
![Localインストール方法(利用規約)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install6.png)
※初回起動時のみ表示されます
![Localインストール方法(エラー報告)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install7.png)
![Localインストール方法(エラー報告)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install7.png)
※初回起動時のみ表示されます
![Localインストール方法(お知らせ)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install8.png)
![Localインストール方法(お知らせ)](https://masapapa-life.com/wp-content/uploads/2021/06/local-install8.png)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-02.jpeg)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-02.jpeg)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-02.jpeg)
インストールはこれだけ!
次はサイトの作成をしてみましょう。
Localの環境設定手順
新規サイトの作成
それでは、ローカル環境に新規サイトを構築してみましょう
![Local環境設定方法(新規サイト作成)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting1.png)
![Local環境設定方法(新規サイト作成)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting1.png)
![Local環境設定方法(サイト名入力)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting2.png)
![Local環境設定方法(サイト名入力)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting2.png)
『ADVANCED OPTIONS』をクリックすると入力したサイト名(英語入力時のみ)でドメイン・保存先パスが設定されます。変更したい場合のみここで設定を行います。『Blueprint』というのは一度作成したサイトの環境を複写できる仕組みですがここでは使用せずに進めます。
※サイト名は英語をおすすめします。海外のソフトウェアは日本語を考慮していない場合が多く、不具合の原因となることが多いので
![Local環境設定方法(サーバー設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting3.png)
![Local環境設定方法(サーバー設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting3.png)
『Custom』を選択するとPHP・Web Server・データベースの種類、バージョンを指定することが可能です。今後レンタルサーバーと契約する予定があれば環境を合わせると良いかと思いますが、特にこだわりがなければ『Preferred』のまま、『CONTINUE』をクリックします
- PHPってなに?
-
Web開発でよく使用されるプログラミング言語の1つです。
WordPressのコア部分はPHP言語で書かれているのでなくてはならない存在!
- Web Serverってなに?
-
WEBブラウザから送られたリクエストに対してHTML、CSS、画像などの情報を返すサーバーをいいます。
- データベースってなに?
-
『データの集まり』のことをいいます。WordPressを利用するために必要な情報(設定情報・記事情報等々)を格納します。
![Local環境設定方法(管理者設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting4.png)
![Local環境設定方法(管理者設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting4.png)
Emailについてはデフォルトのままで問題ありません。
![Local環境設定方法(コントロール画面)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting5.png)
![Local環境設定方法(コントロール画面)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting5.png)
サイトが作成されるまで5分ほどかかるかと思います。こちらの画面が表示されると完了です。
サイトの起動と停止方法
サイトの作成が完了すると自動的に起動しますが、手動での切り替えも可能なので説明しておきます。
サイトの起動
![Local環境設定方法(サイトの起動)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting7.png)
![Local環境設定方法(サイトの起動)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting7.png)
左端のサイト一覧(上図は1つのみの図)から該当のサイト名を選択し、右上の『START SITE 』をクリックすると起動します。
サイトの停止
![Local環境設定方法(サイトの停止)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting6.png)
![Local環境設定方法(サイトの停止)](https://masapapa-life.com/wp-content/uploads/2021/06/local-setting6.png)
左端のサイト一覧(上図は1つのみの図)から該当のサイト名を選択し、右上にある『STOP SITE』をクリックすると停止します。作成したサイトが複数ある場合ですべてのサイトを停止したい場合は中央下の『STOP ALL』をクリックします。
WordPressの初期設定手順
WordPress管理画面の表示とログイン
サイトの起動が完了したら、WordPressの管理画面にログインしてみましょう。
![WordPress(管理画面の表示)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress1.png)
![WordPress(管理画面の表示)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress1.png)
『OPEN SITE』をクリックすると作成したサイトをブラウザで確認できます。
![WordPress(ログイン)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress2.png)
![WordPress(ログイン)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress2.png)
![WordPress(ダッシュボード)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress3.png)
![WordPress(ダッシュボード)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress3.png)
WordPressの言語とタイムゾーンの設定
初期状態は英語に設定されているので日本語に変更を行います。
![WordPress(設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress4.png)
![WordPress(設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress4.png)
![WordPress(一般設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress5.png)
![WordPress(一般設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress5.png)
![WordPress(サイト言語・タイムゾーン)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress6.png)
![WordPress(サイト言語・タイムゾーン)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress6.png)
![WordPress(保存)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress7.png)
![WordPress(保存)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress7.png)
サイトのSSL化
Localでサイトを作成するとSSL化されていない状況(通信が暗号化されていない)で構成がスタートします。ローカル環境の運用だけであれば特に問題はありませんが、Localで作ったサイトを本番環境に移行する可能性がある場合はSSL化することをおすすめします。SSL化はSEO的に優遇されるだけでなく、ブラウザによってはSSL化していないと警告が表示されてしまいます。
![WordPress(SSL化-設定前)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress8.png)
![WordPress(SSL化-設定前)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress8.png)
![WordPress(SSL化-設定後)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress9.png)
![WordPress(SSL化-設定後)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress9.png)
![WordPress(SSL化-一般設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress10.png)
![WordPress(SSL化-一般設定)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress10.png)
![WordPress(SSL化-URL変更)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress11.png)
![WordPress(SSL化-URL変更)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress11.png)
![WordPress(SSL化-保存)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress12.png)
![WordPress(SSL化-保存)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress12.png)
保存が完了するとログアウト状態となりますので再度ログインしてください。
![WordPress(SSL化-URL確認)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress13.png)
![WordPress(SSL化-URL確認)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress13.png)
サイトの表示
初期設定が完了したら、サイトを表示してみましょう。デフォルトテーマとして『Twenty Nineteen(2021.6月時点)』が選択されているので、実際の動きをブラウザで見ることができます。表示は以下2つの方法があります。
Localのコントロールパネルから表示する方法
左端のサイト一覧から該当サイトを選択し、右上の『OPEN SITE』をクリック
![WordPress(管理画面の表示)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress1.png)
![WordPress(管理画面の表示)](https://masapapa-life.com/wp-content/uploads/2021/06/local-wordpress1.png)
WordPress管理画面から表示する方法
左上の『Demo Site(作成したサイト名)』を選択し、『サイトを表示』をクリック
![サイトを表示](https://masapapa-life.com/wp-content/uploads/2021/06/local-site1.png)
![サイトを表示](https://masapapa-life.com/wp-content/uploads/2021/06/local-site1.png)
サイト表示(サンプル)
デフォルトテーマ『Twenty Nineteen』だとこのような表示となります。
![Localデモサイト](https://masapapa-life.com/wp-content/uploads/2021/06/local-demosite.png)
![Localデモサイト](https://masapapa-life.com/wp-content/uploads/2021/06/local-demosite.png)
今回は『Local』を使用して、WordPressのローカル環境を構築する方法をご紹介しました。
説明は長くなりましたが、慣れるとここまでの作業は10分もかからず終えることができます。何個でもサイトを作成することができるので、サイト毎にテーマを変えてみたり、プラグインを比較してみたりとカスタマイズを楽しむことができます。
『Local』を使用して、もっと本格的にWordPressの勉強がしてみたいという方は少し前の本ですがテーマの構成がよくわかるこちらの本がおすすめです。
![](https://masapapa-life.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://masapapa-life.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
プロに学びたいという方は『TechAcademy』のWordPress講座がおすすめです。下手な人に教えてもらうより、プロから教わると身につく力が大きくかわります。自身もまだまだですが、PHPのコードを読むのが好きになれました。
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-02.jpeg)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-02.jpeg)
![](https://masapapa-life.com/wp-content/uploads/2021/02/masapapa-02.jpeg)
受講終了者を対象とした副業案件紹介や支援サービスもあります!
今後も楽しいWordPressライフをお過ごしください。
コメント