blogSetomits

以前続 COREBlog for ケータイで書いたのにちょっと手を入れました。

1. UserAgent の取得
まずは UserAgent を取得する箇所をひとつにすべく、 ua_check という名前の DTML メソッドを追加します。内容は

<dtml-call expr="REQUEST.set('ua', HTTP_USER_AGENT.lower())">

<dtml-if expr="ua.count('docomo') or ua.count('kddi')
 or ua.count('j-phone') or ua.count('vodafone') or ua.count('softbank')
 or ua.count('ddipocket') or ua.count('willcom') or ua.count('windows ce')">
<dtml-call expr="REQUEST.set('is_mobile', True)">
<dtml-else>
<dtml-call expr="REQUEST.set('is_mobile', False)">
</dtml-if>

という感じです。

追記 : 2008年2月22日
はてなブックマークへのポスト時に来るクローラ "Hatena2::RemoteDocument/0.02" と当たってしまうため、 "mot" を省きました。

2. ua_check の読み込み
blog_header という DTML メソッドの最初の方に

<dtml-var ua_check>

という1行を追加します。

3. ケータイ向けページのリダイレクト設定
Wii 向けの調整からはちょっと横道にそれますが、これまで通りケータイでアクセスした場合はケータイ向けの表示にリダイレクトすべく、 blog_header の読み込みの後に設定をします。

3.1. index_html

<dtml-var blog_header>

<dtml-if is_mobile>
<dtml-call "RESPONSE.redirect(blogpath + '/m_index_html')">
</dtml-if>

3.2. entry_html

<dtml-var blog_header>

<dtml-if is_mobile>
<dtml-call "RESPONSE.redirect(blogpath + '/' + id + '/m_entry_html')">
</dtml-if>

4. インターネットチャンネル用の CSS を用意
とは言え、このブログで普段使われている style.css の中の記述の一部をオーバーライドして、それぞれの文字を大きくするようにしました。具体的にはstyle.cssに対してwii.cssという感じです。

5. wii.css の読み込み設定
再び blog_header DTML メソッドの編集をして、通常の CSS が読み込まれている箇所の後に、下記のような記述を追加します。

<dtml-if expr="ua.count('wii')">
<link rel="stylesheet" href="<dtml-var blogpath missing="">/wii.css" type="text/css" />
</dtml-if>

これで心持ちテレビで見やすくなりました。まあ環境によるんでしょうけど...。