WordPressの構造の理解を深める為に、テンプレートを使用せずにテーマを作成しようと思い、「WordPressレッスンブック 2.8対応—ステップバイステップ形式でマスターできる」という本を参考書代わりに、「理解・分解・再構築」を目指した。

もちろん、Google先生に尋ねれば、散らばった情報を手に入れる事はできるだろう。しかし、今回は散らばった情報は本書で補えきれなかった場合に尋ねる事にした。

本書の良いところはタイトルの通り、ステップバイステップでサイト（ブログ）を（再）構築できるところだろう。
前知識として、スタイルシートを用いたHTMLを書く事が出来れば、簡単に「理解・分解」まで進めるはずだ。
後はどういったサイト（ブログ）を「再構築」したいのかによって変わってくるが、基本通りに進めるのであれば本書をそのまま読み進めればよい。jQueryなどを用いたプラスαの要素はGoooooogle先生に尋ねながら、「再構築」をすれば思い描いたサイト（ブログ）ができるはずだ。

• コメント、トラックバック周りの実装。
• 404ページ（こだわりは無い）
• CSSを整理する。
• 今回の作業のまとめ。
• 工房見学。

ざっと思いついたものをあげてみたけど、工数が結構ありそうな悪寒だが、今回の新装でトップページに写真を掲載できる仕様にしたのでモチベーションがあがった気がする。

またGRを片手にぷらぷら撮影でもしよう。

追記（2010/09/22）

• コメント、トラックバック周りの実装。
• 404ページ（こだわりは無い）

ここまでやった。
ついでに

• jQuery版のligntboxの導入。
• Ktai Style設置。
• 過去記事の整理。

もやった。

XREAの場合PHPがセーフモードで動作しているので、以下のコードをwp-adminに.htaccessとして設置しなければならない。

<Files update.php>
AddHandler application/x-httpd-phpcgi .php
</Files>

WordPress2.5にしてから、Mobile Gateにログインできないようだ。
いまさら気がつくあたりに利用頻度の低さを伺えるな。
まぁ、しばらくは放置しておこうかな。

例えば、更新情報というカテゴリーだけでいいのならget_posts()という選択肢もある。
しかし、複数のカテゴリーにまたがっている場合はquery_posts()を使うする。

例えば、カテゴリーIDが1と2のカテゴリーを一緒にして、５件表示する。

<dl><?php query_posts($query_string . "&cat=1,2&showposts=5"); ?>
<?php while(have_posts()):the_post() ?>
<?php the_date('Y/n/j','<dt>','</dt>'); ?><dd><a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>"><?php the_title(); ?></a></dd>
<?php endwhile; ?>
<?php query_posts($query_string . ""); //初期化 ?></dl>

HTMLタグはお好きなように書き換えてください。

それよりも、
これ重要

<?php query_posts($query_string . ""); //初期化 ?>

最後の１行が無いとページャーが発生してしまう。（しかも、表示しているページを起点にしてしまうので、ページが無い可能性が高い。）

Google Maps API について質問があります
Google Maps API は、無料でアクセスが可能なウェブ サイトのみでご利用いただけます。弊社の利用規約（英文）に同意のうえ、商業サイト内でご利用いただくことには問題はありません。（略）

とあるので、一般的なお店や企業ページで利用する分には問題がないようだ。
もちろん、有料コンテンツ内での利用はアウトだ。

この問題はゼンリンとかが絡んでるから利用できないのかと思ったが、人力検索はてなを読んで安心した。

ちなみにCakePHPで利用できるものもあるようだ。
EmojiHelper – キャリアを意識せずに絵文字を出力できるCakePHPのHelperクラス – 芋ではない日記

しかし、WordPressで利用する場合にはいずれにしても不向きな感じがする。

さらに調べてみるとApacheモジュールを利用した手法が見つかった。

ユーザエージェントから端末を判断し、絵文字や画像の3キャリア変換を自動処理するApacheモジュール
mod_chxj

疑問点
これを利用すると、携帯電話から絵文字付きコメント投稿が可能になるのかな？
PCで絵文字の表示（画像置換）は可能なのか？

参考サイト
とりあえず: mod_chxj
SourceForge.jp: Project Info – mod_chxj
mod_chxj を Apache 2.2 で動かす – Devel::Bayside

類似品として「mod_ktai」というのが近々公開されるらしい。（何が日本初？）

mod_chxjは開発が再開されてから活発にアップデートされているので、安定版が出るまで待ったほうがいいかもしれない。
近々リリースされる予定のWordPress2.5と組み合わせて利用できたらいいなぁ。

探すこと半日。（実時間２時間。あとは寄り道。）
さんざん探したら改造している人を発見しました。

WordPress2.3.2でも動くようにmobile gateを改造してみた – ふぃふmemo
しかし、WordPress2.3.2にインストールしたところ、カテゴリの選択がうまく機能していませんでした。

そのほか、いくつか修正した項目があるので、それぞれ見出しをつけてまとめてみました。

探し回ってみるもんだなぁ。
しかも、「WordPress2.3以降に向けたモバイル投稿用のスクリプトを組んでみたい」というから期待してしまいます。

SOMY Mobile Gateは開発が止まってしまっているので、出来上がり次第では乗り換えもありだと思います。

とりあえず思ったのは、手軽に実装できる。利用者が多いのでドキュメントが豊富。
toggleの利用も簡単だ。（jQuery – Emotional Webを参照）

以前、prototypeを利用していた。または利用予定があり、jQueryも併用したいのであれば、これだけは覚えておこう。
コンフリクトを起こさないおまじない。

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script type="text/javascript">
	jQuery.noConflict();
</script>

参考サイト

• jQuery 開発者向けメモ
• jQuery – Emotional Web
• ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）

サンプルコード

Accessible News Slider: A jQuery Plugin

アクセシブルなスライダーを実装するプラグイン。複数の商品画像などを見せる時に良いかも。

シマシマなテーブルをjQueryで作る – Emotional Web

読んで字のごとく。

jQueryでクロスフェードをやってみる – Emotional Web

Flashを使用しないで高画質な画像をスライドショーできる。
また、画像は単体なので入れ替えも容易にできる。

JQuery Corner Demo

角丸を簡単に実装できます。

もう少し掘り下げて調べてみる価値あり。

おまけ
jQueryサンプルファイル