1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. WordPress
  6. »
  7. VCCW で、超簡単に WordPress のローカル開発環境を整える方法。

VCCW で、超簡単に WordPress のローカル開発環境を整える方法。

考えすぎて間違った方向へ進む、@It_is_Rです。

WordPress のローカル開発環境を作りたい時、 VCCW を使うと便利です。
今回は、 その方法を紹介します。

目次
  1. VCCW を使う前に
  2. VCCW の使い方
  3. ローカルの WordPress にログイン
  4. WordPress の日本語化、その他の設定

VCCW を使う前に

VCCW
VCCW を使うには、まず VirtualBox と Vagrant をインストールする必要があります。
VirtualBox と Vagrant のインストールは、【 Mac 】 Vagrant と VirtualBox のインストール方法。をご覧ください。

vagrant-hostsupdater をインストール

さらに、 Vagrant のプラグイン、 vagrant-hostsupdater をインストールする必要があります。

$ vagrant plugin install vagrant-hostsupdater

vagrant box をダウンロード

vagrant box をダウンロードします。

$ vagrant box add vccw-team/xenial64

少々時間がかかります。

VCCW をダウンロード

cd コマンドを使って、ダウンロードしたいディレクトリへ移動しておきます。
その後、以下のコマンドで、 VCCW をダウンロードします。

$ git clone https://github.com/vccw-team/vccw vccw

VCCW の使い方

では、実際に使ってみましょう。

ダウンロードしたディレクトリへ移動

では、先ほどのダウンロードで作成した vccw ディレクトリへ移動します。

$ cd vccw

Vagrant を起動

Vagrant を初回起動すると同時に、 WordPress の開発環境が作成されます。
では、起動してみましょう。

$ vagrant up

パスワードをきかれたら、入力します。
少々時間がかかりますので、気長に待ちましょう。

Vagrant を停止

作業が終了し、 Vagrant を停止する場合は、次のコマンドを実行します。

$ vagrant halt

ローカルでサイトを開く

では、今作った開発環境のサイトを見てみましょう。

vagrant upで Vagrant を起動した状態のまま、http://vccw.test/もしくはhttp://192.168.33.10/にアクセスします。

無事以下のような画面が開けば、完了です。
VCCW

ローカルの WordPress にログイン

では、今作った環境の WordPress にログインしてみましょう。

http://vccw.test/wp-adminにアクセスします。
VCCW

Username or Email Address : admin
Password : admin

ユーザー名とパスワードを入力し、ログインしましょう。
VCCW

WordPress の日本語化、その他の設定

では、 WordPress の設定をしていきます。

設定は、 provision の中の default.yml をコピーして使います。

$ cp provision/default.yml site.yml

コピーした site.yml を編集します。
WordPress Settings という項目を探して、以下のように変更してください。

#
# WordPress Settings
#
version: latest
lang: ja
title: サイトのタイトル
multisite: false
rewrite_structure: /archives/%post_id%

その後、以下のコマンドを実行します。

$ vagrant provision

サイトが日本語化され、サイト名も変更されます。
VCCW

スポンサードリンク

関連コンテンツ

オススメ記事

WordPress のテーマ開発に絶対必須な gulp プラグイン9選!

3Dゲームに酔ってしまう@It_is_Rです。 今回は、テーマを自作するのに必須な gulp プラグインの紹介と使い方について書いていきます。 gulp について gulpは、sas

Scratchで じゃんけんゲームを作ろう!

Scratchでじゃんけんゲームを作ろう! 小学生からのプログラミング入門

こんにちは! 今日(きょう)もプログラミングのお勉強(べんきょう)をはじめていきますよ! 前回の「Scratchの使い方と、ゲーム作りの基礎知識を学ぼう!」では、Scratch(スクラッチ)っ

【Android Studio】じゃんけんゲームの作り方(アプリ開発の基本)

限りなくじゃんけんが弱い@It_is_Rです。 Androidアプリ開発、11回目となりました。 そろそろ何かアプリを作ってみたいですよね。基本は大事ですが、一番つまらないですね。 そこ

npm-scriptsの使い方。自作のコマンドによるタスク実行方法

畳んだ布団が飼い猫のお気に入りの場所になってます。@It_is_Rです。 npm-scriptsを使うことで、あらかじめタスクをかんたんな名前で指定しておき、そのタスクを素早く実行できるように

【Android Studio】エミュレータを起動してプログラムを実行する方法!

何をやっても長続きしない@It_is_Rです。 このままでは人生さえも長続きしないかも知れない。 さて、しばらくぶりになってしまいましたが、今回は Android Studio 2.3.2 を

FC2でブログを始めよう!誰でも簡単にできるブログの作り方

FC2ブログは、FC2が運営する無料でブログを開設できるサービスです。(有料版もあります) また、FC2のサービスには、動画、ライブ配信、アフィリエイト、小説など、様々なものがあります。 今回

zsh

enhancd で cd コマンドを超便利に! インストールと使い方。

曲を作っても、再生数が伸びない。@It_is_Rです。 やかましいわ。 ターミナルをカッコよくするシリーズ4回目です。 今回は enhancd というプラグインを使って cd コマンドを便利

キャラを決まった間隔ずつ動かすよ!

【JavaScript】キャラを決まった間隔ずつ動かす! 小学生からのプログラミング入門

小学生からのプログラミング入門講座《にゅうもんこうざ》、今回もはじめていきましょう! 前回は、キャラクターの画像《がぞう》をスムーズに動かす方法でしたが、スピードが速すぎたので、画像の移動間隔

JavaScriptマンガ講座。条件分岐(if文)の真偽値による使い方。(実践編)

生まれも育ちもド田舎、@It_is_Rです。 JavaScriptマンガ講座、第3回目です。 笑いあり、涙あり(?)のマンガで、JavaScriptを覚えようというものです。 今回は条件

wordpress

WordPress管理画面のテーマカスタマイザーに独自の項目を追加。

WordPressみたいに私自身の人生もカスタムできたらいいのに。@It_is_Rです。 WordPressのカスタマイズは、公開しているサイトだけではありません。 管理画面をカスタマイズする

コメントをどうぞ!(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です