元Webデザイナー兼コーダーの備忘録

HTML,CSSの入門記事やブログのカスタマイズについてアウトプットしています。

 メニュー

はてなブログカスタマイズ:各ページのクラス名

各ページのCSSのクラス名

CSSで各ページをカスタマイズする際の参考にしてください。下記は、bodyタグについているクラス名を抜粋したものです。はてなブログの無料版が対象です。有料版のCSSについては、ここでは扱っていません。

  • トップページ
    • .page-index
  • 記事ページ
    • .page-entry
  • アーカイブページ
    • .page-archive
  • カテゴリページ
    • .page-archive-category
    • .page-archive
  • aboutページ
    • .page-about
  • 404ページ
    • .page-index
  • 検索結果ページ
    • .page-archive

備考

上記のクラス名を指定すると、ページごとにCSSを適用できます。クラス名が同じページがあるので、そこは工夫してカスタマイズしてください。