BMBでよく使うクラス名をまとめます(IDの時もあります)。基本的にはローワーキャメルケースで名づけます。編集可否が×の項目は、「このクラスをフックにしてCSSを適用させてはいけない」という意味です。
※加筆修正歓迎
| クラス名 | HTMLタグ | 意味 | 編集可否 |
|---|---|---|---|
| title | h1,h2など見出し。span等 | サイト内で頻出のタイトルのデザインに対してつけます。 | 〇 |
| pcOnly, spOnly, tbOnly | あらゆるタグ | PCのみ表示させたいとき、SPのみ表示させたいとき、タブレットのみ表示させたいときにそれぞれつける。display:blockで表示されます。 | × |
| clearfix | floatさせる要素の親要素 | フロートによる表示崩れを抑止します。 | × |
| active, is-show, fade | あらゆるタグ | たいていjsで付与したクラスです。条件によってクラスがついたりつかなかったりします。 | 〇 |
| hContainer, headContainer | header内div要素 | ヘッダーのレイアウト用に用意したdivです。 | 〇 |
| gNavi等 | header内div要素,ul要素等 | グローバルナビゲーションです。 | 〇 |
| fContainer, footContainer | footer内div要素 | フッターのレイアウト用に用意したdivです。 | 〇 |
| fNavi等 | footer内div要素 | フッター用のグローバルナビゲーションです。 | 〇 |
| ~Left,~Right/left~,right~ | div要素等 | float:leftの要素と、float:rightの要素を使ってレイアウトした部分です。 | 〇 |
| topBox | トップページのdiv,section 又は シングルページのdiv,,section | トップページで頻出する区切りという意味のときと、シングルページ等のページ上部の区切りの意味のときとがあります。 | 〇 |
株式会社ビーエムビー
〒114-0031 東京都北区十条仲原1-4-8 商店街会館311 TEL&FAX：03-5948-5996
東京都北区のWEBやDTP(印刷物)のデザイン制作会社です。ホームページ制作やLP（ランディングページ）の作成、ECサイト（楽天ストアなど）の構築などのWEBデザイン、チラシ･ポスター･名刺･パンフレット･看板などの印刷物デザインに対応しています。お客様の業務形態や用途に合わせたwordpressによるCMSサイトをフルスクラッチにて構築することが可能です。お気軽にお問い合わせください。