はじめてのWordPressテーマ(1) 環境構築

今日は一日、WordPressのテーマいじりをしていました。

今までは、Dashboardのテーマエディタを開いて、ぽちぽち調整して、見栄えを確認していましたが、いずれ集客数が増えるとそのようなオン・ザ・フライな変更はできなくなります。恥ずかしいので。

そこで、ローカルでもWordPressをつくって、やることにしましょう。とはいえ、めんどうなことが嫌いなので、楽で高速な方法を採用します。

1. VertrigoServをインストール

VertrigoServとは、PHP, Apache, MySQL, phpMyAdmin, SQLiteなどをまとめたall-in-oneパッケージです。
Apacheをコンパイルしてインストールするのも楽しいものですが、今回は高速に環境を整えるため、さらりと入れてしまいましょう。

2. VertrigoServの設定

設定パネルを開きます。パネルのhttpd.confをクリックして、

120行目 Listen 8080
211行目 ServerName VertrigoServ:8080

と書き直します。MySQLで使用するポートは、パネル上で、
3306 -> 3307
に変更しました。

31: $cfg['Servers'][$i]['host'] = 'localhost';
32: $cfg['Servers'][$i]['port'] = '3307'; /* 追加 */

と書き足します。ここで、ブラウザを開いて、http://localhost:8080/phpmyadminへアクセスしてみます。無事に、

こんな画面を見ることができれば、よろしいです。せっかくなので、「新規データベースを作成する」メニューから、”wordpress”というデータベースをつくっておきましょう。照合順序は、utf8を使用しているなら、utf8_unicode_ciでいいのではないでしょうか。

3. Wordpressのインストール

展開すると、このようにずらずらとファイルが出てきます。

4. Wordpressへのアクセス方法を設定

VertrigoServのsettingsメニューから、[apache settings and aliases]という項目を選びます。

下段の、apache aliaesという表に、

wp : d:homewordpress

という項目を追加しました(wpは、もちろんwordpressの略名です)。

5. 再起動

VertrigoServメニューから、Server -> Restartを選択してください。アイコンの色が、になっていれば設定完了です。

6.Wordpressの設定

// ** MySQL 設定 - こちらの情報はホスティング先から入手してください。 ** //
/** WordPress のデータベース名 */
define('DB_NAME', 'wordpress');

/** MySQL のユーザー名 */
define('DB_USER', 'root');

/** MySQL のパスワード */
define('DB_PASSWORD', 'vertrigo');

/** MySQL のホスト名 (ほとんどの場合変更する必要はありません。) */
define('DB_HOST', 'localhost:3307');

/** データベーステーブルのキャラクターセット (ほとんどの場合変更する必要はありません。) */
define('DB_CHARSET', 'utf8');

/** データベースの照合順序 (ほとんどの場合変更する必要はありません。) */
define('DB_COLLATE', '');

ローカル開発用なので、rootでアクセスしていたり、Vertrigoのデフォルトのパスワードを使用していたりと、セキュアではない感じはしますが、外からのアクセスされることは想定しないので、気にしないことにしましょう。

（実際のサーバの設定をする場合は、wordpress専用のMySQLユーザを作り、参照/変更の権限を”wordpress”だけに限定し、パスワードは推測されにくいものに変えるなどの処置を行ってくださいね）。

ここまで終われば、http://localhost:8080/wpに、アクセスするだけです。ブログ名などを入れて、クリックすれば、Wordpressが自動的に、データベースのテーブル定義などをやってくれます。

NetBeansとは、元はJava言語を開発するためのIDEでしたが、6.0以降、Ruby(on Rails)や、PHPもサポートするようになりました。非常に便利なコード補完機能がありますので、使わない手はないでしょう。

用途にあわせていくつかのバンドルが用意されていますが、今回はWordpressテーマいじりが目的なので、軽量なPHP用でよいでしょう。

ここからの作業は、http://wp.tekapo.com/2009/01/14/netbeans-で-wordpress-をいぢる、導入編/に丁寧な解説があるので、簡単に記しておきます。

1. [ファイル]/[新規プロジェクト]をクリックし、[PHP]/[既存のソースを使用するPHPアプリケーション]を選択。
2. ソースフォルダを、”D:homewordpress”に設定、プロジェクト名は”Wordpress”などでよいでしょう。
3. 次へ。実行方法は、先ほどインストールしたVertrigoServを使用するので、ローカルWebサイトです。URLは、http://localhost:8080/wp。

これで完了です。私の環境の場合、プロジェクトを開くと、「構文エラー」がたくさん出てきました。原因はわかりませんが、気にしないでおきましょう（エラーはしばらくすると消えました）。

さて、ここまでで役者はそろいました。次回以降で、実際のWordpressテーマおよびソースコードを読みながら、よいテーマを模索する旅をはじめたいと思います。