プラグインやハードコーディング

WordPressをCMS的に使うときにどうしても必要になるけども、扱いにくいのが表の存在です。HTMLでいうtableですね。

WordPressのビジュアルエディタにはtableを挿入できるようなものがないので（ですよね？）、まず考えられるのはHTMLでハードコーディングすること。ただ、運用担当者がHTMLをあまり知らない場合はプラグインで解決するという方法もあります。使ったことはないですが、例えば、WP-Tableなどはできそうですね。

でも、最近個人的に気に入っているのがカスタムフィールドを使う方法です。ただし、この方法は採用情報などフォーマットが一定の場合にしか使えません。

カスタムフィールド

コードでいうと、あらかじめ次のようなコードが書かれた独自のテンプレートを作っておきます。

<table class="recruit">
<tbody>
<tr>
	<th>勤務時間</th>
	<td><?php echo post_custom('勤務時間'); ?></td>
</tr>
<tr>
	<th>休日</th>
	<td><?php echo post_custom('休日'); ?></td>
</tr>
<tr>
	<th>給与</th>
	<td><?php echo post_custom('給与'); ?></td>
</tr>
<tr>
	<th>備考</th>
	<td><?php the_content(); ?></td>
</tr>
</tbody>
</table>

とこんな感じであらかじめ独自のテンプレを作っておいて、あとは運用担当者にカスタムフィールドを使って値を入れてもらえれば表が生成されるという方法です。これなら運用担当者がHTMLを知らなくても表を作成することができます。

ちなみに、このときの投稿の本文は「備考欄」を別に作っておき、そこに収納されるような形にしています。

もちろん、オーサリングツールなどで表を作ってもらい、コードを貼り付けてもらうことも可能なのですが、こういう方法があることを知っていると表現の幅が広がりそうな気がします。

さて、今回からWordPress as CMSということで、どんなコードでWPをCMSっぽく使うのかについて書いていきたいと思います。第1回目はいきなり英語ブログのエントリー紹介から始めます。

エントリーは、みんな大好きWebDesign WallからBuilding Custom WordPress Themeです。

Building Custom WordPress Theme

1. WordPressのデフォルトテーマの構造がどのようになっているのかをよく観察する（ヘッダー、記事タイトル、サイト内検索など）。
2. デフォルトテーマで基本的なことが分かったらPhotoshopでモックアップを作る。
3. モックアップをベースに各ページごとに静的なHTMLとCSSを作る。
4. デフォルトテーマのフォルダをよく見てみて、WordPressのテーマがどのように動作しているのかを分析する（テンプレート入門やテンプレート階層を参考のこと）。
5. 作ったHTMLとCSSが入ったフォルダをwp-content/themesにコピーする。デフォルトテーマのフォルダのcomments.phpとsearchform.phpも一緒にコピーする。
6. デフォルトテーマのCSSファイルのコメント部分（冒頭の9行ほど）を新しいテーマのCSSファイルにコピーする。
7. HTMLファイルをいくつかのPHPファイル（header.php、sidebar.php、footer.php）に分割する。
8. HTMLのヘッダー部分をheader.phpとして保存し、デフォルトテーマを参考にしながら、title要素やmeta要素、グローバルナビなどをテンプレートタグに置き換える。
9. HTMLのサイドバー部分をsidebar.phpとして保存する。カテゴリやサイト内検索、アーカイブなどをテンプレートタグに置き換える。
10. HTMLのフッター部分をfooter.phpとして保存し、必要に応じてテンプレートタグに置き換える。
11. HTMLファイルの残り部分はコンテンツのみになったので、get_headerなどで各PHPファイルを読み込ませ、構造を作る。
12. ループを理解する。ループは単純にいうと、記事がブログ内にあればそれを表示し、なければ見あたりませんと表示する命令のことだ。
13. デフォルトテーマから<div id=content>..</div>までをコピーし、HTMLファイルに貼り付ける。また、投稿日時や記事タイトル、カテゴリ、前後の記事へのリンクなどをテンプレートタグに置き換える。
14. プレビューでテーマを確認する。
15. single.phpというファイル名で同じような作業を行う。
16. page.phpでも同じことをする。ただし、こちらにはコメントや投稿日時などは必要なければ消しておくこと。
17. あとは新しいテーマのフォルダからHTMLファイルを削除すれば完成だ。あとはsearch.phpや404.phpなども作ればよい。

WP as CMSのために

基本的なサイトの作り方は僕もこの流れとほとんど一緒です。特に、まずモックアップからHTMLファイルを作って、各パーツにバラバラにしていき、それからテンプレートタグというのは全く一緒ですね。ただ、CMS化するのであれば、コメントを必要とされることがあまりないから、そのへんは飛ばしますかね。

かなり雑な訳ですが、原文の方はスクリーンショットもついていますし、サンプルデザインもダウンロードできますので、英語だとあまり引いちゃわずにぜひとも試してみてください。

前回のエントリーの最後で、

次回は年が代わったあたりくらいにまた何か書ければいいですねー。

と言っていたので有言実行（誤字あるのに引用するのってなんだかイヤですけど）。といっても、相も変わらずネタは少ないですが、自分が持ってる数少ないネタの中からWordPressのテーマをどのようにCMSっぽく使っているのかについて書いていこうかなと思っています。

今でもTRANSのWordPressテーマ（テンプレート）カスタマイズのまとめ（日本語訳）などは多くの人に毎日のように来てもらっているわけですしね。

といっても多くのネタを持っているわけでもないので（しつこい）、あんまり長期間書けないかもしれませんが、よろしくどうぞ。

あと、WPのテーマというと、PHPが絡んでくるんですが、はっきりいって僕はPHPがグダグダなレベルなので、突っ込みどころは容赦なく突っ込んでください。

こんにちは、TRANSの小嶋です。今回はちょっと番外編ということで、こんな記事を書いてみました。

去年、TRANSでWordPressで企業サイトを作る際によく使うプラグインというのを書いて、久々に見返すと使っているプラグインが結構変わっていたり、WordPress自体もどんどん機能が洗練されてきて、正直プラグインを選ぶ機会は減っているのですが、それでも使い続けているプラグインを自分の備忘録として書き出しておきます。

ちなみに、ここで取り上げるプラグインは「パーソナルブログの作り方」で事例として取り上げているNPtech.jpでも使っています。

特に企業サイトを制作する際に使っているプラグイン

では、早速ですが列挙しておきます（2009年7月1日に更新しました）。

Akismet

説明の必要はないですね。ブログ用のスパム対策のプラグイン。WP2.5系でもデフォルトでインストールされています。

• 参考記事：最強の呼び声高いブログ用対スパムプラグイン「Akismet」 – GIGAZINE

WP Multibyte Patch

WPのマルチバイト文字の不具合を直してくれるプラグイン。同様にデフォルトでインストール済み。

• 参考記事：WP Multibyte Patch | EastCoder;

Google (XML) Sitemaps Generator for WordPress

Googleのサイトマップを自動的に作ってくれるプラグイン。ほかにもYahooやMSN、Ask.comなども自動生成。

• 参考記事：Wordpressでサイトマップを作成する[to-R]
• 配布場所：Google (XML) Sitemaps Generator for WordPress
• 日本語化：Google XML Sitemaps 日本語ファイル – MMRT daily life

FeedBurner FeedSmith

WPのフィードをFeedBurnerにリダイレクトするプラグイン。これ、みなさん.jp（日本語）で動きますか？僕は.com（英語）のほうを使っています。Googleのアカウントに一本化されているのであまり関係なくなったのかも。

• 配布場所：FeedBurner Help Center – Creating your WordPress feed (self-hosted WordPress)

WP Super Cache

WPが生成するページをキャッシュしてくれて、ページの表示速度を速くしてくれるプラグイン。

• 配布場所：WP Super Cache

WP-PageNavi

ページネーションを割り振ってくれるプラグイン。これは必須というわけでもないのですが、結果的にほぼ間違いなく使っているので一緒に入れています。

• 配布場所：PHP ? Programming ? Portfolio | lesterchan.net
• 日本語化：WP-PageNavi 日本語版 – MMRT daily life

WP-DBManager

DBのバックアップをメールやファイルなどで手軽にできるプラグイン。

• 配布場所：PHP « Programming « Portfolio | lesterchan.net
• 日本語化：WP-DBManager 日本語版 – MMRT daily life

Revision Control

投稿やページの変更履歴を保存する機能をWordPressは持っているのですが、その機能をオフにしたり履歴を保存したりすることができます。

• 配布場所：WordPress › Revision Control « WordPress Plugins

雑談

企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き） | Web担当者ForumでWordPressが紹介されなかったので、WPもCMSとして頑張ってくれるんだよ！という主張です。

それにしても1年前と比べると利用するプラグインが本当に減りました。テーマの作り方がうまくなったのか、いややっぱりWPがうまく成長しているんでしょうね。TRANSでは以下の記事も参考に。

• WordPressテーマ（テンプレート）カスタマイズのまとめ（日本語訳）
• WordPressでECサイトっぽいテンプレートを作る。
• WordPressで企業サイトを作る際に押さえておくべき10個のこと