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

個人的によく使う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名を列挙してみました。

そうのひとりごと

© 2017 PAOLOG