スポンサーサイトそろそろ
記事情報
- 投稿日時
- 2008-08-08T04:32:09+09:00
- カテゴリー
記事本文
記事情報
- 投稿日時
- 2008-02-17T23:52:11+09:00
- カテゴリー
- WebDesign
- タグ
記事本文
FC2ブログの新管理画面統合のアナウンス(今度こそ延期しないよね)も出たわけだし、いい加減そろそろテンプレを共有登録申請したいところです。もうひと息という感じではあるんですが、しかしFC2ブログにはすでに膨大な数の共有テンプレが存在しているため、今さら下手な作品を登録したところで、それはテンプレ探しの邪魔にしかならないんじゃないかと思うんです。それでだいぶ慎重になっています。
とりあえず申請予定のテンプレの特徴を簡単に整理しておきます。
- XML宣言つきのXHTML1.0 Transitional。
- 内容的にはStrictなマークアップ。記事が適切にマークアップされていれば、基本的にAnother HTML-lintでも100点(あんまり意味はないけど)。
- 画像不使用ですごく地味で野暮ったくて垢抜けないデザイン。
- スクリプトはフォームのテキスト入力欄のonblur/onfocusの部分のみ(fc2の広告もですが)。
- CSSを切っても(切ったほうが……?)きれい。
- ページによって1カラムだったり2カラムだったり。サイドバーの類は必要なときにだけ表示します。
- 可変幅。簡単に固定幅にもできます。
- 普通のブログっぽくないですが、普通のブログっぽく読みたい人のために上部のグローバルナビに"Browse(拾い読み)"という項目を設け(ただページエリアに飛ぶだけですが)、過去の記事を辿れるようにしています。
- 重要な(読ませるべき)ものほどソースの頭のほうへ記述しています。記事個別ページなら記事タイトルが一番上。そのすぐ下に本文。ページ上部のグローバルナビは、フッター直前に書いたものをpositionで飛ばしています。
- link要素でのナビゲーションを搭載。
- 個別記事ページでは、
meta name="keywords"の内容にカテゴリーとタグを指定。効果があるかどうかは知りませんが。
- 記事タイトルの見出しレベルは、個別記事ページでは
<h1>、それ以外では<h2>。このとき、見出しレベルが不定になることによって記事本文で見出しを使えないという問題が起こりそうですが、個別記事ページでは記事タイトル(h1)のすぐ下に「記事本文(h2)」という見出しが挿入される、もっと正確にいうと記事が「記事本文(h2)」「コメント(h2)」「トラックバック(h2)」の3つに分割されるようにしてあるので、記事本文内では<h3>から見出しをつければ常に正しい文書構造を保てます。ちなみに「記事本文」という見出しはdisplay:noneで非表示にしてあります。
- ページごとに表示内容を変えているため、独自変数を含めたテンプレのソース自体は長ったらしいです(主にページエリアのせい)。しかし出力されるソースはかなり軽いです。
- CSSではひと通りの要素についてスタイルを定義しています。
- 後方互換・標準準拠いずれで解釈されても同じように表示されるようにしてあります(たぶん)。
- 大きめのフォント(というかこれが標準だと思うんですが)。前はYUIのFonts CSSを使ってたんですが、別に必要ないやと思ってやめました。
- コメントフォームにtabindexやaccesskeyを指定。不要どころか邪魔かもしれませんが、一応。
- 検索フォームに、コメント検索用のチェックボックスをつけました。
- search_areaへ最初に移動したときの、ちょっとした仕掛け。
- 例の裏技は結局使ってます。仕様なんて変わるときには変わるんだしまあいいかなと。
- 記事が存在しない場合にメッセージを表示するの改良版を搭載。contentプロパティを使っているのでIEでは表示されません(レイアウトが崩れたりはしない)が、ソースに余計なものが残らないのでいくらかマシかと思います。
- その他にもいくつか小細工。
- Macこわい。
文章を書くのが面倒でリストにしてしまいました。しかも全然整理できてない。まあいいか。
トラックバック
- トラックバックURL
- http://kofumo.blog28.fc2.com/tb.php/13-95e43338
ナビゲーション
奥付