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

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

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

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

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

スポンサードリンク

関連コンテンツ

オススメ記事

zsh

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

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

java

Eclipseによる、Javaでじゃんけんゲームプログラムの作り方

※追記(2018/8/29) より分かりやすい記事になるよう修正しました。 今回はJavaを使って、じゃんけんゲームを作る方法を紹介します。 eclipseがインストールされ

クイックタグ

【WordPress】クイックタグを編集し効率よく記事を書こう!

WordPressで記事を投稿するとき、クイックタグを使うと便利です。 デフォルトで用意されているクイックタグもありますが、それだけでは少々不便なところもあります。 今回は効率よく記事を書くた

.zshrc で zsh をカスタマイズしてみよう。(プラグイン無し)

昔、車に幽霊が乗っていたので、じっと目を凝らして見ていたら、ただの人だったことがあります。@It_is_Rです。 あの時は気まずかった。。。女性の方でした。 さて、今回はターミナルをかっこよく

【webpack 4】npm-scriptsでオリジナルのコマンドを設定する方法

※追記(2018/5/15) 殆ど意味のない例を使っての説明にのちのち後悔し、余分な部分を大幅に削除しました。 畳んだ布団が飼い猫のお気に入りの場所になってます。@It_is_Rです。

WordMove | 運用中の WordPress 環境をローカルと FTP で同期

道が覚えられない、@It_is_Rです。 人生さえ彷徨い続けてここにいます。 さて、運用中の WordPress サイトの環境を、ローカル開発環境と同期したい時、 WordMove を使うとと

Ameba customize

アメーバのOwndで、無料で超簡単にホームページ作ってやろうぜ!!

どうも、@It_is_Rです。 ホームページを作成するには、まずHTMLを使う能力、若しくはソフトが必要になります。 さらにサーバーを借りなくてはなりません。するとお金がかかったりします。 では

WordPressカスタムヘッダーを完璧に使いこなしたい人へ告ぐ!

森の中に昔から住んでる@It_is_Rです。 WordPressのカスタマイズをする上で、カスタムヘッダーを使うと、色やヘッダー画像をWordPressの管理画面から操作できるようになり便利です

今月の残り日数を計算するべ!

小学生からのJavaScript入門。今月の残り日数を計算してみよう!

小学生からのJavaScript入門、第2弾です。 今回はJavaScriptでの演算(えんざん)の方法を学び、今月の残り日数を計算してみましょう。 演算というのは、足したり、引いたり、割った

Android アプリ開発入門! Android Studio のインストール手順。

人の笑顔が大嫌い。 @It_is_R です。 Android アプリ開発では、 Eclipse や Android Studio を使ってアプリを開発するのが一般的です。 一般的に言語は Ja

コメントをどうぞ!

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