簡単に自分のパソコン（PC）にWordPress開発環境を作る方法

公開日： 2015/11/05

簡単に自分のパソコン（PC）にWordpress開発環境を作る方法の記事に使った画像
ワードプレス（Wordpress）で既に稼働中サイトのテーマをカスタマイズする時に直接テーマファイルを触るのは危険です。別途サーバー上にテスト環境を用意する方法も考えられますが、簡単に自分のパソコン内にWordpressが動く環境を作って、カスタマイズ作業とテストをしてからサーバーにアップした方法のメモ書きです。

スポンサードリンク

WordPress環境を簡単に作れるツール

WordPressは、PHPとMySQLがベースで動きます。この環境をパソコン上に作るのに有名なのが、WindowsでもMACでも動くフリーソフトの「XAMPP（ザンプ）」です。「XAMPP（ザンプ）」を使うと、◎Webサーバー：Apache HTTPサーバー、◎データベース：MySQL、◎プログラミング言語：PHP、Perlがセットされてますからパソコン内にサーバー環境を作る事ができますが「XAMPP（ザンプ）」はインストールと設定の手順が多い事とコントロールパネルで操作しないといけないので、Windows環境に限定されますが、今回は、もっと簡単にWordpress環境が作れるフリーソフト「Instant WordPress」を選択しました。

簡単に導入できる「Instant WordPress」

Instant WordPressは、ワードプレスを動かす為に必要な Apache、PHP、MySQLがパッケージ化されていますからダウンロードして実行ファイルを起動するだけです。パソコン内以外にもUSBメモリーにも設置できますから社外に持ち出す時にも便利です。

Instant WordPress 導入手順

手順１．提供元のサイト http://www.instantwp.com/ にアクセスすると下記の画面が表示されます。黄色の右側ボタン【Download Now】をクリックします。
Instant WordPressのサイトキャプチャ

手順２．次に下のダウンロード画面が表示されますので、画面中程の【Current Version】と書いてある下の青いボタンをクリックしてダウンロードします。
※VER4.5のファイルサイズは73MB程度
Instant WordPressダウンロード画面
手順３．ダウンロードが完了すると「InstantWP_4.5.exe」というexeファイルができるので実行する。　※数字の4.5はバージョン
手順４．インストール画面で導入するフォルダーを指定して【install】ボタンを押すと開始する。　※USBドライブの指定もできる
Instant WordPressインストール画面

InstantWordpressインストール中画面

インストールが完了したら【close】ボタンを押して終了
無事にインストールできるとフォルダー「InstantWP_4.5」内は下記の画像のようになる。
InstantWordpressインストールフォルダー内

Instant WordPress導入後の設定作業

出来上がった「InstantWP_4.5」の InstantWP.exeを実行すると下の管理画面が表示されるので、右上の【Wordpress Admin】をクリックするとログイン画面が表示される。
InstantWordpressメニュー画面
InstantWordpressログイン画面
ユーザー名：admin　パスワード：password　言語は日本語（ja）を選択してログインする。

Instant WordPress Ver4.5では日本語対応などの作業は要りませんでした。

WordPressのバージョンを最新にアップデート

ログインできたらWordpressの管理画面（ダッシュボード）から最新のワードプレスに更新する。
InstantWP　ダッシュボード

使い慣れているブラウザに変更

Instant WordPressのデフォルトブラウザは IE に成っています。
普段使っているブラウザに変更する事もできます。
手順は、インストールした「InstantWP_4.5」フォルダー内の「iwpserver」フォルダー内の【pms_config.ini】をテキストエディターで開いて25行目の”BrowserPath= ../system/InstantWP_GUI.exe”の部分を変更する。
パスの部分に書くのは、変更したいブラウザのアプリケーション（exe）ファイルのプロパティを開いて場所を確認する。下のコード例は chrome の場合

pms_config.ini【変更前】22～27行目
[Browser]
BrowserType=EXTERNAL
BrowserCommandOptions=
BrowserPath= ../system/InstantWP_GUI.exe
WorkOfflineTitle=InstantWP
BrowserSize=

pms_config.ini【変更前】22～27行目

[Browser]

BrowserType=EXTERNAL

BrowserCommandOptions=

BrowserPath= ../system/InstantWP_GUI.exe

WorkOfflineTitle=InstantWP

BrowserSize=

pms_config.ini【変更後】22～27行目
[Browser]
BrowserType=EXTERNAL
BrowserCommandOptions=
BrowserPath="C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"
WorkOfflineTitle=InstantWP
BrowserSize=

pms_config.ini【変更後】22～27行目

[Browser]

BrowserType=EXTERNAL

BrowserCommandOptions=

BrowserPath="C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"

WorkOfflineTitle=InstantWP

BrowserSize=

Instant WordPress導入設定作業はこれだけです。

WordPress パソコン内開発環境構築のまとめ

InstantWordpressメニュー画面
Instant WordPressを使ってローカル環境でテーマカスタマイズやプラグイン開発を行う場合は、メニュー画面の【Plugins Folder】【Themes Folder】をクリックしたら解るが、インストールしたフォルダ「InstantWP_4.5」内のフォルダ階層は[iwpserver]→[htdocs]→[wordpress]になっている。
[wordpress]フォルダ内にサーバー環境と同様の[wp-content]があるので、テーマのカスタマイズ作業は[themes]フォルダ、プラグイン開発なら[plugins]フォルダ内で作業して、テストが完了したらＦＴＰソフトでサーバにアップして稼働テストを行う。

Post Categories: Wordpress Tags:TIPS