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