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

スポンサードリンク

関連コンテンツ

オススメ記事

SCSS vs SASS どっちが便利か違いを比較。おまいら SASS 使えよ!

CSS を書くときに、 Sass はもう手放せません。 @It_is_R です。 さて、今回のテーマとなる Sass の表記には、2種類ありますよね。 SCSS と、 SASS です。

WordPressのテーマを自作してみよう。テーマ開発の方法を徹底解説!

WordPressテーマの自作方法を紹介していきます。 今回はテーマ作成における知識や、ツール、ファイル構成、実際の作り方などを書いていきます。 WordPressのテーマを自作する上

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

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

java

【Java】スーパクラス、サブクラスとは?継承について。

猿も木から落ちますが、Rは木から落ちません。だって登らないから。 @It_is_R です。いや、登ろうと思っても登れません。 Javaを使っていると継承という言葉をよく耳にしますよね。どういうも

画像を表示するよ

JavaScriptで画像を表示してみよう! 小学生からのプログラミング入門

みなさんこんにちは。今日もプログラミングの勉強をはじめていきましょう。 前回、「JavaScriptで今月の残り日数を計算してみよう! 小学生からのプログラミング入門」では、JavaScrip

クイックタグ

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

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

オブジェクトを使ってみよう!

【JavaScript】オブジェクトを使ってみよう! 小学生からのプログラミング入門

小学生からのJavaScript《ジャバスクリプト》入門講座《にゅうもんこうざ》、第6弾です。前回の講座《こうざ》では、HTMLやCSS、JavaScriptを分けて管理《かんり》する方法を紹介しま

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

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

【Mac】ローカルにWebサーバを立ち上げる超簡単な方法!

JavaScriptを使ってWebページなどの開発をしていると、Google ChromeやSafariなどのブラウザでうまく開けない場合が稀にあります。 そんな時、ローカルにWebサーバを立ち上げ

HTML5とCanvasを使うべ!

HTML5とCanvasを使ってみよう! 小学生からのプログラミング入門

小学生からのプログラミング講座《こうざ》、第9弾です。 これまでの講座《こうざ》では、JavScriptの基本《きほん》について学び、キャラクターの操作《そうさ》ができるようになりました。ここ

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

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