[WordPress]body_class()関数を使ってbody要素にclassを指定する方法

[WordPress]body_class()関数を使ってbody要素にclassを指定する方法

body_class関数は、WordPressでbody要素にclassを指定するためのテンプレートタグです。
次のようにbody_classテンプレートタグを使用することでbody要素にclassを指定することができます。

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

このように指定することで、WordPressが自動的にbody要素に適切なclassを指定します。

例えば、トップページの場合は「home」、固定ページの場合は「page」、投稿記事の場合は「post」といったclassが指定されます。また、カテゴリーやタグなどの情報も反映されます。

body要素に独自のクラスを指定したい場合

また下記のようにbody_class関数には、引数を渡すことで、カスタムクラスを追加することもできます。

<body <?php body_class('custom-class'); ?>>

このように指定することで、「custom-class」というカスタムクラスがbody要素に追加されます。

body要素に複数のクラスを指定したい場合

複数のクラスを指定したい場合は下記のように指定します。

<body <?php body_class( 'class1 class2 class3' ); ?>>

このように独自のクラスを与えることでページごとに異なったカスタマイズをしやすくなります。