CSS用クラス名一覧(セレクタ)
ページ全体を囲むdivに付与しているクラス
全体を囲むdivには
page
クラスが付与されており、さらにそれぞれのページに対して個別のクラスが付与されています。トップページには
page-_top
クラスが付与されています。パーマリンクを設定したページにはそのパーマリンクのURL文字列が
page-about
のような形で適用されます。パーマリンクを指定していない場合にはURLにもなっているページIDが割り当てられます。CSS
パンくずリストに応じたクラス
全体を囲むdivにはパンくずリストに応じた
pageMap
から始まるクラスも付与されています。CSS
例えば、トップページ配下のblogページ配下の個別ページにスタイルを当てたい場合にはこのようなcssを書けば適用できます。
CSS
タイトルエリア
.contents内で
- ページアイコン
- パンくずリスト(階層リスト)
- ページタイトル
- ページ日時
を含むタイトルエリアを囲むsectionおよびdivに付与されるクラスです。
.titleSectionは画面幅いっぱいなので、.titleSection__contentsWrapperを利用してコンテンツと横幅を揃えられます。
CSS
タイトル部のページアイコン
CSS
パンくずリスト
タイトル上部と、コンテンツ下部のどちらも同じCSSクラスが指定されます。
CSS
ページタイトル
h1に付与されるクラスです。
CSS
日付
pageDatetime__created
の中に pageDatetime__created__day
と pageDatetime__created__time
が入ります。日付だけ表示したい場合は pageDatetime__created__time
へ display: none;
を指定してください。CSS