ブログ
blog

WordPress 各固定ページのスラッグ名のclassを付与する方法

固定ページのスラッグ名のclassを付与する方法を解説する。

<?php if (is_page()):?>
 <div id="page" class="<?php echo esc_attr($post->post_name);?>">
<?php else:?>
 <div id="page">
<?php endif;?>

こうすることで、例えばcssで各固定ページごとに背景画像を設定する場合などに便利だ。

ちなみにbody直下のdiv(この例ではdiv#page)を対象としている。
bodyにつけてもいいが、bodyにはテンプレートタグ「body class」がつけられるのが一般的で、他にも様々なclassが付与されゴチャつく。そこを避ける意味で、body直下のdivを対象としている。

ページの先頭へ