WordPressをローカル環境で使う方法解説【令和元年版・初心者向け】

上記のリンクからVegrantをダウンロードするね。最初のページにあるDOWNLOADをクリックしてね。

次にスクロールダウンして、macOSの下にある64-bitをクリックしてね。これでダウンロードが始まるよ。

Vagrantのダウンロードが終わったら、上のリンクからVirtualBoxをダウンロードしよう。下のスクショのDownload VirtualBox 6.0クリックしてね。

次にOS X hostsをクリックしてね。するとVirtualBoxのダウンロードが始まるよ。

ダウンロードしたそれぞれのファイルをダブルクリックして、インストールを開始してね。

インストールが完了したら、それぞれちゃんとインストールされたか、確認しよう。確認にはターミナルを起動起動して、そこから確認を行うよ。ターミナルの起動方法は以下の記事を参考にしてね。

上の記事にある方法でターミナルを起動して、”vagrant -v”と入力してリターン、”VirtualBox –help”と入力してリターンとして、下のスクショのようにそれぞれのバージョンが表示されたら、インストールは成功だよ。

ここまでで、半分終了かな。次のVCCWと関連ツールをインストールして、Vagrantを起動すれば、ローカル環境は構築できるよ。ゆっくり落ち着いて頑張ろう。

まずは、プラグインの”vagrant-hostsupdaterをインストールしよう。ターミナルから下のスクショの赤い長方形で囲まれた部分をキーボードから入力して、リターンを押すと自動的にインストールが始まるよ。インストールが始まると、次の列に、”Installing ……..”の表示が現れるので、そのまま少し待とうね。

下の緑色の表示が現れたら、インストレーションは完了だよ。

次にVagrant Boxをダウンロードしよう。下のスクショの赤い長方形で囲まれた部分をターミナルへ入力しよう。ダウンロードには少し時間がかかるよ。Vagrant Boxの作業はこれで終了だよ。

上のリンクからVCCWのURLにアクセスしよう。そして下のスクショのアイコンをクリックして、VCCWをダウンロードしよう。

あっという間にダウンロードが終わって、下のようなファイルとフォルダーがダウンロードファルダーに現れるよ。ダウンロードしたときはVCCWというフォルダーに入っているので、適当な名前（この例では”miyukimedaka”）に変えて、ホームディレクトリ（通常は”Users/ユーザー名”）の直下に”Vagrant”というディレクトリーを作って、その中に名前を変えたVCCWのフォルダーを移動しよう。

ついにVagrantの起動だよ。ターミナルから、①のコマンドを入力してVCCWのあるディレクトリーに移動して、②のコマンドでvagrantを起動しよう。環境にもよるけど、かなり時間がかかるよ。気長に待とうね。

軌道の途中で下のスクショのようにパスワードを訪ねてくるので、みんながMacを起動するときに使うパスワードを落ち着いて入力しよう。キーボードから入力しても画面には表示されないから、表示がなくても心配しないでね。

次にターミナルから、下のスクショにあるような表示があったら終了だよ。

使っているブラウザーのアドレスバーに”http://vccw.test/”または、”http://192.168.33.10/”入力すると下のスクショのようにWordPressのサイトが表示されるよ。おめでとう！。

次に管理画面にアクセスしよう。”http://vccw.test/wp-login.php”もしくは”http://192.168.33.10/wp-login.php”をブラウザーのアドレスバーに入力すると、管理画面にアクセスできるよ。アクセスの途中でユーザー名とパスワードを求められるので、ともに”admin”と入力しよう。下のスクショを参考にしてね。

下のスクショがWordPressno管理画面だね。本番環境と同じようにブログを作って編集できるよ。色々試してね。お疲れ様でした。

そうだね。でも心配しないで。日本語表示への変換方法を説明するよ。

下のスクショにあるように、”Settings”をクリックして、現れたメニューの”General”を再度クリックしてね。

“Site Language”から”日本語”を選択してね。

“Site Language”①が”日本語”に変更されているのを確認して、最後に”Save Changes”②をクリックしよう。

これで下のスクショのように日本語表示になったね。