WordPressをローカル環境で作成

私はワードプレスのテーマを自作してブログを作成しています。

以前までは、本番環境のファイルを直接編集したり、Vagrantなどを用いてローカル環境を整備して編集を行なっていましたが、もっと簡単な方法がありましたので紹介したいと思います。

その方法はLocal by Flywheel（現在はLocalという名前になっているようです。以下Local）を使う！

Localは誰でも無料で簡単に使うことができ、「まだWordPressを使ったことがなくて試してみたい！」という方から、「本番環境で構築しているのもを編集するためにローカル環境を構築したい！」という方まで使えるツールとなってます。

Localでローカル開発環境を構築

手順

1. Localにアクセスしダウンロードする。
2. Localにアップロードするファイルを用意する
3. Localにアップロードし設定を進めていく

１.Localにアクセスしダウンロードする。

Localのサイトにアクセスして右上のダウンロードをクリックして必要項目を入力していき、ダウンロードを進めてください。

ダウンロードしたものを開き以下のようになればOKです。

２.Localにアップロードするファイルを用意する

Localにアップロードするファイル、以下の二点を用意します。

• phpMyAdminからエクスポートした.sqlのファイル
• 本番環境にある「wp-content」のフォルダ

phpMyAdminからエクスポート

こちらのサイトですね。ログインして.splのファイルをエクポートしましょう。

本番環境にある『wp-content』

本番環境にある『wp-content』のファイルを自身のFTPツールからデスクトップ等にダウンロードしてください。ドラッグ＆ドロップでできると思います。

この二つのファイル、フォルダをさらに一つのフォルダにまとめてください。そしてそのフォルダを圧縮します。Macであれば右クリックからできます。フォルダ名は好きなもので大丈夫です。

３.Localにアップロードし設定を進めていく

２で作成したzipファイルをLocalにドラッグ＆ドロップでアップロードすることができます。

後は順にWordPressのアカウント情報を入力していけば完了です。

使い方

右上の『START SITE』でローカルサーバー立ち上がります。

『ADMIN』でWordPressの管理画面にログインできます。

『VIEW SITE』でサイトにアクセスできます。

アップロードしたファイルを編集するには、
ブログタイトルの下のところをクリックし、app/public と進むとアップロードしたwp-contentのディレクトリにたどり着くことができるのでそこにあるファイル（CSS等）を編集していけばローカルサーバーでの編集ができます。

以上。参考になれば幸いです。