簡単に自分のパソコン（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】をクリックします。
手順２．次に下のダウンロード画面が表示されますので、画面中程の【Current Version】と書いてある下の青いボタンをクリックしてダウンロードします。
※VER4.5のファイルサイズは73MB程度
手順３．ダウンロードが完了すると「InstantWP_4.5.exe」というexeファイルができるので実行する。 ※数字の4.5はバージョン
手順４．インストール画面で導入するフォルダーを指定して【install】ボタンを押すと開始する。 ※USBドライブの指定もできる
インストールが完了したら【close】ボタンを押して終了
無事にインストールできるとフォルダー「InstantWP_4.5」内は下記の画像のようになる。
Instant WordPress導入後の設定作業
出来上がった「InstantWP_4.5」の InstantWP.exeを実行すると下の管理画面が表示されるので、右上の【Wordpress Admin】をクリックするとログイン画面が表示される。
ユーザー名：admin パスワード：password 言語は日本語（ja）を選択してログインする。
Instant WordPress Ver4.5では日本語対応などの作業は要りませんでした。
WordPressのバージョンを最新にアップデート
ログインできたらWordpressの管理画面（ダッシュボード）から最新のワードプレスに更新する。
使い慣れているブラウザに変更
Instant WordPressのデフォルトブラウザは IE に成っています。
普段使っているブラウザに変更する事もできます。
手順は、インストールした「InstantWP_4.5」フォルダー内の「iwpserver」フォルダー内の【pms_config.ini】をテキストエディターで開いて25行目の”BrowserPath= ../system/InstantWP_GUI.exe”の部分を変更する。
パスの部分に書くのは、変更したいブラウザのアプリケーション（exe）ファイルのプロパティを開いて場所を確認する。下のコード例は chrome の場合
|
1 2 3 4 5 6 7 |
pms_config.ini【変更前】22～27行目 [Browser] BrowserType=EXTERNAL BrowserCommandOptions= BrowserPath= ../system/InstantWP_GUI.exe WorkOfflineTitle=InstantWP BrowserSize= |
|
1 2 3 4 5 6 7 |
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 パソコン内開発環境構築のまとめ
Instant WordPressを使ってローカル環境でテーマカスタマイズやプラグイン開発を行う場合は、メニュー画面の【Plugins Folder】【Themes Folder】をクリックしたら解るが、インストールしたフォルダ「InstantWP_4.5」内のフォルダ階層は[iwpserver]→[htdocs]→[wordpress]になっている。
[wordpress]フォルダ内にサーバー環境と同様の[wp-content]があるので、テーマのカスタマイズ作業は[themes]フォルダ、プラグイン開発なら[plugins]フォルダ内で作業して、テストが完了したらＦＴＰソフトでサーバにアップして稼働テストを行う。
AD
関連記事
-
-
WordPressテーマ『mono-lab | CUBIC』を少しカスタマイズしてみた
現在はStinger3で運用しています。 このブログは（モノラボ）mono-lab | CUBIC というテーマを使っています。GPL
-
-
「Stinger3」に１カラム テンプレートを追加する方法
このブログで使っているテーマ「Stinger3」はメインコンテンツ領域（横幅）が550pxとやや狭いです。いろんな方が横幅を広げるカスタ
-
-
カテゴリーページや投稿タグページに入力した説明文を反映させる方法
WordPressのテーマではカテゴリーページや投稿タグページに各々の編集画面で入力した説明文を表示するテーマは少ないのですが、今回入力
-
-
人気のWordPress無料テーマ「Stinger3」に変えてみた
ブログのテーマをスマホ対応済の人気無料テーマ「Stinger3」に変更しました。 一つ前に適用していたモノラボさんのテーマ CUBIC
-
-
スマホ対応テーマ（レスポンシブデザイン）での投稿記事内の画像横並び表示方法
スマートフォン対応（スマホ最適化）したテーマを選んでも投稿する記事内のhtmlタグの書き方によっては表示が想定外って事もありますよね
-
-
レスポンシブweb対応のWordPress無料テーマ「wsc7」を使ってみたので少し解説
Wordpressのレスポンシブデザイン無料テーマ「wsc7」を触ってみたので少し解説含む覚書メモです。 2011年10月25日にリリ
-
-
著作権表示が要らない素材サイト「pixabay」が使えるプラグイン
ブログにアイキャッチ画像を設定することは、魅力的な画像が記事本文へと読み進みみたくなる要素の一つでありＳＮＳでシェアされた時に目を引
-
-
プラグイン『ALL in One SEO Pack』って使う必要はあるのか？
WordPressでSEO対策としてTITLEタグとメタタグのDescriptionとkeywordsをページ単位に設定できるプラグイン
-
-
WordPressで記事を書き始める前に入れた方がいいプラグイン
ワードプレスのインストールが無事終わったら、早速記事を書いてどの様に表示されるのか試してみたくなりますが、その前に最初に設置・設定してお
-
-
WordPressの固定ページの拡張子にhtmlをつけるfunction.phpのコードサンプル
WordPressを始めた頃にパーマリンク設定で悩んだこともあった。拡張子.htmlが付いた静的ページっぽい方がSEO的にも優位なのでは
