【WP】自動でページごとに異なるclassを追加

WordPress

こんなことが出来ます

  • カテゴリーごとにデザインを変えたい
  • 今表示しているページはどのテンプレートを使っているのか知りたい
  • ページ上の特定の要素だけスタイルを変えたい

 

テンプレートのbodyタグを以下のように記述すると、bodyタグ内にページごとのclassが追加されます。

<body <?php body_class(); ?>>

 

デフォルトでは

  • home
  • blog
  • archive
  • category
  • tag
  • logged-in
  • page-id-(ID)

などが付与されます。

一覧は
テンプレートタグ/body class – WordPress Codex 日本語版
でご確認ください

 

独自のクラスを追加したい場合は

<body <?php body_class("追加したいクラス名"); ?>>

で追加できます。