WordPress カスタム投稿の詳細記事スラッグ名を、bodyのclassに追加する方法

当サイトには広告が含まれています。

こんにちは。タイトルが訳わかんなくなっちゃいましたが…WordPressのカスタム投稿の詳細ページ(single)ごとにCSSで調整をかけたいときがあったので、bodyのところに投稿のスラッグ名がclass名として付与されるようにfunctionsを編集していきます。

該当コードはこちら

functions.php
function add_custom_post_type_slug_to_body_class($classes) {
    if (is_singular('●●●●')) {
        global $post;
        $post_type_slug = $post->post_name;
        $classes[] = $post_type_slug;
    }
    return $classes;
}
add_filter('body_class', 'add_custom_post_type_slug_to_body_class');

●●●●のところにカスタム投稿タイプ名(英数字のやつ)を入れてください。

こうすることで、各カスタム投稿の個別詳細ページのbodyに、class名としてスラッグが付与されます。

スラッグ名は英数字で指定してくださいね。スラッグ名を指定し忘れないように!

目次

なぜこれをやろうとしたのか

お客様のサイトにLPというカスタム投稿タイプを設けて、そこにLP扱いにするページを投稿していく仕様にしたため。

LPは通常の固定ページと違い、凝ったデザインやレイアウトにしたり、個別にCSSを指定したい部分が多かったため、このようにしました。

どなたかの参考になれば幸いです。

デザイン作るの難しい〜!と感じたら

デザイン・ホームページで

お困りのことがありましたら、
私たちクートスラボにご依頼ください!
実績多数の女性クリエイターチームが、

どんなお悩みも解決します。

\ 南大阪・泉州でデザインのご依頼はこちら /

シェアお願いします!
  • URLをコピーしました!
目次