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

スポンサードリンク

関連コンテンツ

オススメ記事

【Bootstrap 4】badgeを使ってテキスト横に小さな文字を入れる方法

前にBootStrap4の記事を書いていましたが、日にちが空いてしまいましたね。@It_is_Rです。 前回は全体的な機能とアラートの使い方を紹介しました。 今回はバッジの使い方を紹介していき

WordPress テーマ自作 | Pug ( Jade ) で記事一覧ページを作る方法!

愛と勇気だけが友達の@It_is_Rです。 今回はPugでWordPressテーマを作る方法を少し紹介します。 詳しいテーマの作り方はこちらをご覧ください。 WordPressのテーマを自作

zplug を使ってプラグインをインストール、管理する。

二つのことを同時にできない、@It_is_Rです。 今回はターミナルをかっこよくするシリーズ、第三回目です。 zplug を使って、プラグインをインストールする方法を紹介します。

WordPress|ショートコードの作り方&使い方。確実に使いこなす為のガイド。

前回、WordPressで、特定のカテゴリ一覧を表示する方法について書きました。 改めまして、@It_is_Rです。 特定のカテゴリ一覧を表示したとき、ショートコードというものを使いましたが、

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

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

迷路やRPGで使えるマップを作ってみよ!

小学生からのJavaScript。迷路やRPGで使えるマップを作ってみよう!

小学生からのプログラミング講座(こうざ)、第10弾です。 前回はHTML5とCanvasを使って、キャラクターがキーボードの入力(にゅうりょく)で移動(いどう)するところまで、紹介(しょうかい)

ファイルを分けるべよ!

小学生からのJavaScript入門。ファイルを分けて管理してみよう!

小学生からのJavaScript入門講座(にゅうもんこうざ)、第5弾です。 前回はりこちゃんを方向キーで操作(そうさ)することができるようになりました。 しかしプログラムを作ってくと、コンピュ

【Android Studio】開発したアプリの実機テストを行う方法。

どうも、頭がすっからかんの@It_is_Rです。 やかましいわ。 今回は Android Studio で実機テストする方法を紹介します。 これからアプリ開発をしていく上で必要不可欠な実機テ

【Android Studio】TextView を使ってテキストを変更、追加する方法。

TextViewの文字列を変更するより、これまでの人生を変更したい@It_is_Rです。 Android Studioを使ったアプリ開発講座6回目です。 今回はアプリに表示されたテキストを変更

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。【準備編】

いつもどうもです。@It_is_Rです。 少し前まで、私は FC2ブログ を使っていました。 やはり個性を大切にしたい私にとって、用意されたテンプレートを使うことに抵抗がありました。 「

コメントをどうぞ!

メールアドレスが公開されることはありません。