最後の30分ほど6名のライトニングトークでは、マルチサイトでブログポータルをつくったころぐが印象的だった。昨年のWordCampのライトニングトークで紹介していたサービスが開始した、という報告だ。やってるな！という感じがするし、WordPressでこういうことができるんだと知るのは嬉しい。
公式テーマが登録された勢いがあったので、私もここで話す機会を戴いた。聞いてくださった皆様ありがとうございます！
»「公式テーマ登録への道」の資料はこちら

「BirdTIPS」は、このブログで使用しているシンプルなテーマである。それでいて申請開始から登録までに2ヵ月かかった。テーマレビューがいかに丁寧なものか分かる。Tracを使ったフィードバックは、英語に不慣れでも分かりやい箇条書きで、どんな場合に不具合が出るかなどのスクリーンショットも添付される。WordPressの最新仕様を取り入れつつ、前バージョンにも対応するよう求められる。ひごろ勉強不足のため、この機会に知った機能も少なくない。

さて、未完成ながらBirdTIPSはこちら！

テーマレビューで、titleタグをカスタマイズする場合にはwp_titleフィルタを使うように指摘があった。つまりheadタグ内に記述してよいのはwp_title()のみである。キャッチフレーズや投稿タイトルなど追加したい場合はフィルタで行う必要があるため、functions.phpで処理するのが正しいのだ。

function my_title( $title ) {
    global $page, $paged;

    $title .= get_bloginfo( 'name' );
    $site_description = get_bloginfo( 'description', 'display' );

    if ( $site_description & ( is_home() || is_front_page() ) )
        $title .= " | $site_description";

    if ( $paged >= 2 || $page >= 2 )
        $title .= ' | ' . sprintf( __( 'Page %s', 'birdtips' ), max( $paged, $page ) );

    return $title;
}

add_filter( 'wp_title', 'my_title' );

twentyeleven以上のクオリティを求められるテーマレビュー、やはり厳しい。

テーマレビューが急に厳しくなった思ったら、前回の申請中にガイドラインが更新されていた。そこに以下の明記があった。

• テーマURIはテーマに関するサイトか、記事であること
• ライセンスの表記方法
• ドキュメントは必須
• 名前空間は小文字

さて、いつ戻ってくるかなぁ。

• 新作スクープ！WordPress 3.4
• WordPressでYahoo!APIを使ってみよう！
• プラグインカスタマイズを始めた理由、カスタマイズで良かった点・苦労した点
• 【漫談】PHP Ninja開発の裏側＋α

に加えてライトニングトークという濃い内容だった。
来月には出てきそうな新バージョンは、テーマプレビューやテーマ検索が改良されている。テーマレビューが急に厳しくなったのはこのためだろうか？デフォルトテーマはミニマルでカスタマイズしやすそうなTwenty Twelveとなる。また翻訳機能が改善されて、フロント側とadmin側で翻訳ファイルが分かれるそうだ。早く使ってみたい！

さて、いつもの勉強会であるところのWordBench Tokyoと見せかけて、今回の目的はカニを食べる会だった。同会場で行われた懇親会は福井直送のカニに湧き上がった。越前カニおいしい～行ってよかった！

つくってみたのがこのページ。

1. テーマURIが不適切。デモサイトが日本語だから？？？ではないだろうけど、分からない。
2. 説明文でスペルと文法に問題がある。き、きびしぃ・・・grammarなどいまさらどうすれというのだ？
3. ライセンスの表記が足りない。以前は「WordPressに準ずる」でよかったが。
4. 翻訳に使用するテキストドメインは小文字の必要がある。そ、そうなの！？
5. ドキュメントファイルがない。推奨とあるけど、必須らしい。
6. テーマで使用している画像のライセンス表記も必要とのこと
7. h1とh2が同じ文字サイズではだめ。
8. 記事内のページリンクでフロートをクリアすべき。
9. 最大幅の定義が実際と異なる。適当だった
10. タイトルがない記事で一覧からページに移動できない。ごもっとも
11. function.phpで定義する関数の接頭語は、小文字が望ましい。

Media Queries
レスポンシブWebを実現するにはCSS3でMedia Queries という手法を使う。完成形のCSSを定義した後に、画面幅が一定ピクセル以下になったらカラムを減らしたり、余白や文字を小さくしたりと、HTMLを変更しないままCSSだけで段階的に適応していく。具体的には公式テーマの「TwentyEleven」の動作やコードを観察するのがよい。

IE対応
IE8以下ではMedia Queriesが使えない。その場合でも以下のJavaScriptライブラリを使うとよい。なんとIE6まで対応できてしまう。
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>


スマホ対応
レスポンシブWebなテーマが完成したので本ブログに適用した。さっそくスマホから確認してみると、なんということかPCとあまり変わらない表示！？わざわざ幅1000px、800px、650px、450pxと4段階も対応したというのにトホホ・・・。Twenty Elevenとの違いをチェックにかかったところ、HTMLのhead内に記述忘れがあった。レスポンシブとかいう前にこれ重要！
<meta name="viewport" content="width=device-width" />

晴れて、PCから見てもスマホから見ても(たぶんiPadも？)いいかんじ！

キー名が不特定多数であるかないか分からない場合もある。そんなときは、以下の方法で任意の投稿に関するすべてのカスタムフィールドを取得することができる。

$custom_field_keys = get_post_custom_keys();
foreach ( $custom_field_keys as $key => $keyname ) {

 $value = get_post_meta($id, $keyname, true);

}