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

スポンサードリンク

関連コンテンツ

オススメ記事

【Bootstrap 4】ボタン(btn)の作り方。色やサイズなどの指定方法!

Bootstrap4の使い方、第5回目となりました。 Bootstrapの機能のひとつとして、クラスを組み合わせて指定するだけで、色々なボタンが作れます。 今回はBootstrap4を使ったボ

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

宇宙一分かりやすい JavaScript のかなり詳しい基本の解説。

普段から猫に遊ばれている@It_is_Rです。 今回は JavaScript について、初心者の人にも分かりやすく、丁寧に解説していきます。 JavaScript と EcmaSc

WordPress

WordPressカスタマイズ。テンプレートのファイル構成をチェック。

二兎を追う者は一兎をも得ず。でも、三兎を追えばそのうちの一兎ぐらい得られるんじゃ無いかと思い、その努力の割に何も得られないのが@It_is_Rです。やかましいわ。 今回の記事は初のWordPre

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

小学生からのJavaScript入門。キャラを決まった間隔ずつ動かす!

小学生からのプログラミング入門講座(にゅうもんこうざ)、第11弾です。 前回は、キャラクターの画像(がぞう)をスムーズに動かす方法でしたが、スピードが速すぎたので、画像の移動間隔(かんかく)を短

マップ上をキャラが移動できるようにしよう!

小学生からのJavaScript。マップでキャラを動かせるようにしよう!

小学生からのプログラミング講座(こうざ)、第14弾です。 前回は、JavaScriptでのマップの作り方を紹介(しょうかい)しました。 しかし、まだマップを配置(はいち)しただけで、キャラクタ

【 WordPress 】functions.php で色んな機能を使ってみよう!【基本】

馬鹿は風邪を引かないといいますが、どうやら引いたようです。@It_is_Rです。 ちなみに、「馬鹿は風邪を引かない」ということわざは、「馬鹿は風邪を引いても気がつかない」という例えだって知ってました

WordPress|特定カテゴリーに属する記事を一覧表示させる方法!!

今まで、何度かに分けて書いた記事でも、その一覧がなかったので見にくいなーと思っていた@It_is_Rです。 昨日、記事の一覧表示をするショートコードを作って、記事の一覧が欲しい記事にだけ貼り付けてみ

JavaScriptマンガ講座。初心者でも痛いほど理解できる変数の使い方。(実践編)

押入れが部屋になっている@It_is_Rです。 今回の記事はJavaScriptマンガ講座、2回目となりました。 この企画はJavaScriptをフザケまくって覚えようというものです。

wordpress

WordPress – デフォルトで用意されたショートコード一覧と使い方。

昔は WordPress の画面が真っ白になって、頭も真っ白になったこともありました。@It_is_Rです。 WordPress では、プラグインを使ったりしない限り、投稿記事のなかで php

【Gitの使い方 – その1】GitHubのアカウントを取得する方法!

Gitを使うとバージョン管理が簡単になりますが、それ以前に自分の頭の中を管理するのが大変な@It_is_Rです。 Gitの使い方をいくつかの記事に分けて紹介していきたいと思います。 まず今回は

コメントをどうぞ!

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




オリジナルゲーム.com