bodyタグにスラッグを元にしたCSS ID指定

キャプチャ

ページによってcssの指定を変えたい場合がある。

cssの書き方はさまざまだと思うが、ボク(前の会社のcss大先輩:同級生だけど)の書き方ではbodyにidを記載してカテゴリを分けていた。

そのため、wordpressでも同様のことができると嬉しい。

標準のタグでもある程度はできるが、post idなどでの指定になるため、ちょいと気持ちが悪い。

ということで、スラッグをidにできないか試したところ実現できそうなので試してみた。

[php]
<?php
//ページのスラッグを取得
if( is_page() ){
$pageid=$post->ID;
//ページスラッグを取得
$pageSlug = get_page($pageid)->post_name;
$cssBodyID=’ id="’.$pageSlug.’"’;
}else{
$cat = get_the_category();
$catslug = $cat[0]->category_nicename;
$cssBodyID=’ id="’.$catslug.’"’;
}
?>
<body <?php echo $cssBodyID ;?>>
[/php]

上記はページの場合はスラッグを指定し、投稿の場合はカテゴリスラッグでbodyにidを表示するようにしてみた。

もうちょいスマートな書き方がありそうなので、お気づきの方はご教授いただけると幸い。

また、スラッグをidとした場合、スラッグの指定忘れで日本語になってしまうと不具合がでそう。

投稿する際に気をつけねば。