『Vagrant+VCCW』でWordPressローカル環境を構築してみよう | vdeep

こんにちは、okutani(@okutani_t)です。お店のサイトやブログなんかを立ち上げる時、WordPressを使うとかんたんにリッチなWebサイトが作れて便利です。 ふつうにWordPressを利用する分には、サーバーにWordPressをインストール&ログインで、更新作業なんかポチポチすればOKの楽チン作業。 ですが、デザインをHTMLやCSSで変えたかったり、コーディング作業をしなければならない場合は、ローカル環境を構築して利用するのがベターです。 『VCCW』というVagrantで動作するテンプレートを使うことで、ローカル環境にWordPressをサクッとインストールすることができます。 というわけで、VCCWを使うには『Vagrant + VirtualBox』が必要になってくるので、まだ導入していない方は下記記事を参考に前準備を済ませておきましょう。 LINKMacに「Vagrant」+「VirtualBox」を導入する手順 | vdeep なお本記事では、Mac上でVCCWの設定を進めています。Windowsでは多少設定が違ってくるかと思いますのでご了承ください。 ではさっそく、VCCWの導入方法を見ていきましょう。 VCCWのダウンロード VCCWのダウンロード方法は2パターンあり、「公式サイトからZIPをダウンロード」「gitコマンドを使ってダウンロード」があります。どちらでもお好きな方法でダウンロードしましょう。 公式からのダウンロードは次のとおりです。公式TOPの「Download .zip」を選択でOK。 LINKVCCW – A WordPress development environment. 解凍&好きな名前にリネームしておきましょう。 gitコマンドを使ったダウンロードは次のとおりです。 これでVCCWがローカルPCに取得できました。公式を見る限りは、gitコマンド経由ではなくてZIPから導入する手順で書かれています。なので、本記事ではZIPファイルから導入を進めていきます。 今回は、一例として当ブログをVCCWで管理できるように進めるので「vdeep」とサイト名にリネームしておきます。 ダウンロードしたVCCW本体を、次の場所に配置しておきました。

情報源: 『Vagrant+VCCW』でWordPressローカル環境を構築してみよう | vdeep

Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ | コリス

Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れて

情報源: Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ | コリス