個人的によく使うID名とclass名

IDやclass名の命名規則みたいなものは、いくつかサイトを作っていくとお決まりのパターンができてきます。今日は最近の自分ルールをまとめておくことにします。

全体を囲んだり、ブロックにわけたり・・・

• #wrap
• #wrap-main
• #wrap-sub
• #wrap-extra

ヘッダー部分で使う

• #header
• #branding
  • #logo
  • #description

ナビゲーション

• #nav
• #navigation
• #global-nav

メインコンテンツ

• #contents
• #content-primary
• #content-secondary
• #content-third

コンテンツ内でブロック分けにつかえそう

• .col
• .column
• .section
• .area
• .widget
• .block

ブログの記事とかの部分

• .entries
• .entry
• .entry-header
• .entry-meta
  • .entry-category
  • .entry-day
  • .entry-year
  • .entry-date
• .entry-body
• .entry-footer

フッター部分

• #footer
• #footer-inner
• #footer-nav
• .copy

そのほかのレイアウトのため

• .items
• .item-block
• .item-text
• .item-img
• .item-name
• .item-desc
• .item-price
• .photo
• .ads

WP独自のクラス

• .size-thumbnail
• .size-medium
• .size-full

とりあえず、最近よく使ってるID、class名を列挙してみました。

関連する投稿

• モダンブラウザとIEに対応したopacity指定 (0)