2005/12/16 Friday 23:50
携帯電話用の表示を頑張ってみる
携帯電話用テンプレートの変更 : Serene Bach on the Prairieさまを拝見して。
なんとなく中身を覗いてその存在こそは知ってはいたものの、生来の物臭のためか何なのかやる気なくそのままにしていました。携帯電話で見るのはパソコンが使えない場にいる時の自分だけだろうしなぁ…とも思っていたので。
携帯表示時に使用されているデフォルトテンプレートは、コメントやトラックバックを確認したいと思っても、エントリにアクセスしなければそれらがあるのか無いのか分からない、というものです。これだとパケット代が記事閲覧分だけ余計にかかってしまいます。
ですので、携帯表示のトップページにコメント数とトラックバック数を載せられたらいいなぁ…と思ってちょっと頑張ってみました。
…が、うまくいきません（いきなりオチ）。
いや、何となく出来ることには出来たのですけれども、ちょっと表示がおかしい。
以下、デフォルトテンプレートの一部。
<!-- BEGIN mobile_top -->
<h1><a href="{site_mobile}">{blog_name_only}</a></h1>
<p>{blog_description}</p>
<hr />
{selected_entry_list}
<hr />
<div align="center">{prev_page_link} {page_now}/{page_num} {next_page_link}</div>
<!-- END mobile_top -->
これを、このように改造。
<!-- BEGIN mobile_top -->
<h1><a href="{site_mobile}">{blog_name_only}</a></h1>
<p>{blog_description}</p>
<hr />
<!-- BEGIN entry -->
<p>{entry_date}<br />
<a href="http://twilightbookstore.org/mb.cgi?eid={entry_id}">{entry_title}</a> (<a href="http://twilightbookstore.org/mb.cgi?eid={entry_id}&com=0">{comment_count}</a>:<a href="http://twilightbookstore.org/mb.cgi?eid={entry_id}&tb=0">{trackback_count}</a>)</p>
<!-- END entry -->
<hr />
<div align="center">{prev_page_link} {page_now}/{page_num} {next_page_link}</div>
<!-- END mobile_top -->
で、その結果がこちら（宵闇書房 Twilight bookstoreモバイル版）。
エントリのタイトル横の括弧内、最初の数字がコメントの数とリンク、次の数字がトラックバックの数とリンクです。
entryブロックを使用しているため、個別エントリに飛んだときにも日付、エントリのタイトル等が表示されてしまいますが、まぁこれは仕方がないとして。
問題は、画像挿入部分は通常ならばテキストに変換された上でそこから画像へのリンクが貼られるのですが、なぜか画像がそのまま表示されてしまっています。やはり、{entry_id}を使用したいが為にentryブロックを使ったことに原因があるのか、それともふうこさんの指摘する以下の部分が関係しているのか。
ただし、通常テンプレート用の独自タグで携帯電話用デフォルトテンプレートに書かれていないものは、携帯電話用表示に使用される場合のことが殆ど考慮されていません。
携帯電話用テンプレートの変更 : Serene Bach on the Prairieさまより
あ、上のテストとしてつくった携帯表示用ですが、個別エントリへアクセスすると上に書きましたように一部画像がそのまま表示されてしまうため、パケット代が無駄に消費されてしまいます。パソコンでご覧下さい（ダメじゃん）。
でも、アクセスするのは自分だけだ！と思っている方ならばこれでも大丈夫かも。
comments
- naka | 2005/12/31 Saturday 13:02
- トルキーさん、こんにちは。
自分のblogを（通常のURLで）携帯で見たらあまりに見づらくて驚いていたところだったので、こちらのエントリーはとても参考になりました。
携帯用のテンプレが用意されていたのも知らなかったもので･･･
文字の大きさや色も変更してみたのですが、CSSは効かないんですかねぇ 仕方なくfontタグを使いました。
こちらのblogは涼しげで見やすいテンプレが素敵ですね。
今度はテンプレートをお借りしに伺うと思いますので よろしくお願い致します。
ありがとうございました。
- トルキー | 2005/12/31 Saturday 20:40
- ＞nakaさま
こんにちは。
この改造を適用しますと、個別エントリを表示した際に画像がそのまま出てしまうので実はあまり好ましく無いなぁと思いつつ、このままにしています。自分以外携帯で見る人はあまりないだろうなぁと思ったりして…。
携帯電話向けのCSSはここら辺が詳しそうです。自分ではまだ試していないのですが、恐らくうまくいくのではないかな、と思います。
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/CSS.html
では、また遊びにいらしてくださいませ！
- Emi-Rin | 2006/02/07 Tuesday 17:43
- はじめまして。
携帯電話での表示で頭を悩ませていた所
こちらを拝見しまして、とても参考になりました。
ありがとうございました。
- トルキー | 2006/02/08 Wednesday 00:32
- ＞Emi-Rinさま
初めまして、こんにちは。
エントリ内にも書きましたが、副作用として画像がそのまま表示されてしまう、という問題がありますれば、その点だけお気を付け下さいませ＾＾
お役にたてまして幸いです！
- kaeru | 2006/02/08 Wednesday 04:52
- こんにちは、いつも更新楽しみに見ています。私はパソコンに向かう時間がなかなかとれないので、携帯アクセスが多いのですが、トルキーさんの所、携帯用テンプレートを改造されてから、続きを読む以降が見れません。知っているかなぁ？と思いつつ…ご報告でした。
- トルキー | 2006/02/09 Thursday 00:00
- ＞kaeruさま
こんにちは。
＞携帯用テンプレートを改造されてから、続きを読む以降が見れません。
がっ…！ま、全く気付いておりませんでした。確かめたつもりが念には念を入れてちゃんと検証しなきゃダメですね…。
ということで、デフォルトに戻しました。
この数ヶ月間、申し訳ありませんでした（泣）。
内部改造を出来ればいいのですが…付け焼き刃では無理そうなので断念。今後に期待したいところですね…。
- kaeru@pcより | 2006/02/09 Thursday 01:30
- わー、直ってました。また携帯からお邪魔できます。
コメント数もわかるし、コメントに直接飛べるのも便利で良いテンプレートだったのですが、続きが読めなくて寂しかったのです＾＾。
ありがとう。
- トルキー | 2006/02/09 Thursday 23:40
- ＞kaeruさま
ということで、携帯での閲覧も遠慮なくどぞ（笑）。
自分でもコメント見たりするときに活用していたのですが、さすがに続きを読めないというのは問題ですね…。
こちらこそ、ご報告下さいましてありがとうございました！
comment form
trackback url
トラックバックは承認制です。言及リンクがない場合には公開致しませんのでご了承下さい。
http://twilightbookstore.org/blog.cgi/331
trackback
- 携帯版もできた！
- ::BOLO:: | 2005/12/31 Saturday 12:49
- 宵闇書房さんのエントリーを参考に、携帯での表示をカスタマイズしてみた。今日こそ年賀状を作ろうとPCを立ち上げたはずなんだけど･･･コメントとトラックバックを記事タイトルのすぐあとに表示するという素晴しい...
