はてなテーマハック

FrontPage

はてなの構造 全てclassタグになっている

• table
• h1
• hatena-body
  • main
    • day
  • sidemenu
• footer このうち、mainタグ、sidemenuタグは、「デザイン管理」-「詳細」のページのヘッダ、フッタ中にデフォルトとして入っている。 これを消してしまうとはてなデフォルトテーマでは、sidebarの表示が異常になる。

h1タグがタイトルになっている。 タイトル中にメニューなどを埋め込むには、 h1タグ中に入れる方法があるが、SEO的に感心しない。 nanbulogの独自拡張として、h1タグをDIV要素で囲むという案があるが、 互換性をより重視したいのでこれは却下。

したがって、nanbulogではこのデザインを作るために、nanbulog-titlestackというクラスを作成した。 はてなで実現するには、「デザイン管理」-「詳細」のページのヘッダに書けば良い。　

CSS Tips †

頭に @charset 'euc-jp';と書いておくと良い

%指定は、@pageを除いて包含ブロックの横幅。だからmargin-topなども、縦では無く横幅