画像ファイル名

「ページ名」_「部位」_「種類:必須」_「詳細」「番号(連番)」_「状態」.「拡張子」

・種類

種類 規則
画像、図、写真 img
サムネイル thumb
バナー bn
ボタン btn
ロゴ logo
ナビ nav
見出し ※1 ttl
テキスト txt
アイコン icon
(アイコン以外の)背景 bg
矢印 arrow
line
ページトップ ※2 pagetop
スペーサー ※2 spacer
ロード中 ※2 loading
  • ※1見出し要素(hx)に使用する画像は、hxの名称を付けない方が、見出しレベルが変更になった際に、画像名の変更を伴わないため更新性が高い。
  • ※2単独で使用することが多いため、「種類」のみで使用する。
    例)ページトップ > pagetop.gif
      スペーサー > spacer.gif

・部位

部位 規則
新着情報 news
ブログ blog
お問い合わせ contact
ページ全体 container
ヘッダー header
サイドバー side
フッター footer
メインコンテンツ main
サブコンテンツ sub
セクション section
記事 article
コピーライト copyright
次へ next
前へ prev
お知らせ info
リスト list
注釈 notes
広告 pr
レイアウトのためのボックス unit,box,col,area
  • ※「部位」とは使用している場所を示す。
  • 使用する場所のid・class名を組み合わせて名前を付ける

PDFファイルはコチラ