Home

Office L

function.php で widget の出力内容を変更するメモ

WordPress 2.5 のデフォルトテーマなどに含まれている function.php はサイドバーの名称が数字で表される上に、なぜか全体を <li> で囲むという仕様になっています。(これはもちろん、sidebar.php が widget 全体を <ul> で囲っているからだが。)別にそれがダメだと言い切るつもりはないけど、イマイチ気持ち悪い感は否めないんです。

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '</li>',
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));
}

そこでこの <li> を外して <div> に変更してみました。ついでにCSSで処理しやすいように内側に <div> を追加し(ソコdiv厨とか言わないw)さらにきれいに改行して見栄えもよくしてみました(注:2008年4月16日現在の当サイトでは使っていません。別のサイトで採用しています)。

if ( function_exists('register_sidebar') ){
    register_sidebar(array(
        'name' => 'sidebar1',
        'before_widget' => "\\n<div id=\"%1\$s\" class=\"widget %2\$s\">\\n<div class=\"widget-inner\">\\n",
        'after_widget' => "\\n</div>\\n</div>\\n",
    ));
}

参考になるのは次の点

before(after)_title の記述は削除
デフォルトと同じ記述だったら不要なので。もちろん class 名を変更したい場合にはつければOK。
name で名前をつけた
管理画面で表示されます。複数のサイドバーをセットする際に管理しやすいです。
before(after)_widget への代入を”(ダブルクォーテーション)にする
\n(改行のしるし)を活かせるので、出力結果をきれいにフォーマットできます。ただし、中に含まれる”をエスケープする必要があります。
閉じ忘れない
内部的に div を増やしたので閉じ忘れないこと。MT でのCSS作成に慣れた人には、inner class は使い勝手がよいと思います。これの最大のメリットは、最近流行りのビッグフッターをウィジェットで作成するときのコントロールのしやすさだと思うので(横に並べてマージンをとったり、背景画像で装飾したりしやすくなる)。

WP に限らずテンプレートシステムからのアウトプットは汚くなりがち。ソース上の見栄えがちょっとでもきれいになって、それをうれしい、と思う人の参考になれば幸いです。

WPのバージョンアップとテーマ変更

最近他のサイトのことばっかりで、本体をいじる暇がなかったんだけど、ちょっと時間ができたので、このサイトのWordpressを、RC1から正式版にアップグレードし、ついでにテーマのテストで、Wordpress Magazine にしてみました。

インストールガイドもついてて丁寧なんだけど、ちゃんとやってないのでいろんなところが壊れているwぼちぼち直していかなきゃ。。。

WordPress 2.5 正式版のリリース

本家版のWordPress 2.5 が3月30日、ついにリリースされたようですね。RC1でのテストは概ね済んでいるので、順次正式版に切り替えていこうと思います。

WordPress2.5RC1リリース

皆さんお待ちかねのWordPress2.5がリリースされたようです。RC1ですけれどもw

でもさっそくテスト中のサイトに組み込んでみちゃうわけですよ。早くいじりたーいw

もちろんご利用は自己責任ですよ。RC1のバグ報告は歓迎って書いてあるけど、それでぎゃーぎゃー文句言っちゃダメですよ。

WordPress の管理画面テーマやプラグイン

WordPress の管理画面用のテーマやプラグインのまとめエントリーがありました。The Best Wordpress Admin Themes You Could Possibly Find(英語なので注意w)

雰囲気としては WP Tiger Administration がよさげな雰囲気です。もっと他にもあるぜ、というのがあったら教えてください!

Six Apart の ProNet SOHO

前のサイトは Six ApartMovableType を利用していたのですが、テストも兼ねて WordPress に乗り換えています。

本日その SixApart から、ProNet SOHOに関する発表がありました。正直、もうMTに戻る気が失せました。SOHO支援制度と言いながら、むしろSOHOを食い物にした制度にしか見えません。これは個人的見解なので、これについて誰かと議論する気などこれっぽっちもありませんが、どうしてこんなことになってしまったのやら。さようなら Six Apart 。。。。

タグのテスト

個人的には、WP を CMS として使用してサイトを構築する場合、タグは不要かな、と思っている(=カテゴリで対処する)のだけれど、このテーマの雰囲気から言っても、タグを利用するのは悪くない気がしている。サイトのようにページを意識して長文を書く、というよりも、半分思いつきのようなエントリーを重ね、それをタグで分類しておくことによって、後々再構成の役に立つと思うから。ちょうど KJ法 をやるようなイメージだろうか。とにかく、これは Prologue Theme のタグの表示テストのためのエントリーなのだw

日付表示

  • 2008-02-18 (月)
  • ToDo

詳しく見てなかったから気がつかなかったけど、日付がUTCで表示されてる。。。9時間ずれてるじゃんね。どこで設定するんだっけ。。。(汗

CSS 修正

  • 2008-02-18 (月)
  • ToDo

テーマファイルの CSS をチェックしてみたところ、英語圏用の指定がちらほらと。もちろんそれはそれでOKだけど、日本語フォントだとちょっと読みにくい。もう少し見やすく修正しようっと。

使っておいてなんだけれども

  • 2008-02-18 (月)
  • ToDo

Author ページの画面くずれが気になりますね。テーマファイルの修正も視野にいれとかないと。

Home

Search
Feeds
Meta


Return to page top