ウェブデザイナーの毎日のお仕事のメモ

作成日:2020.12.01  最終更新日:2021.02.18

WordPress

wordpressでbodyにslug名のクラスを付与する方法のメモ

ページ毎にslug名のクラスをつけたいときのメモです。同じスタイルシートを使って、ページ毎にスタイルを変えたい場合などにとても便利です。

slug名をbodyのクラスとして付与する方法

function.phpに記述

function.phpに以下を記述するだけでOKです。

<?php

 function add_slug_name_body_class ( $classes ) {
    global $post;
    if ( isset( $post ) ) {
        $classes[] = $post->post_name;
    }
    return $classes;
}
add_filter( 'body_class', 'add_slug_name_body_class' );

?>

body_classでbodyに自動的にクラスを付ける方法&独自のクラスを付ける方法

bodyに自動的にクラスを付ける方法&独自のクラスを付ける方法については、コチラに書いています。
併せてご確認ください!

【wordpress】body_classでbodyに自動的にクラスを付ける方法&独自のクラスを付ける方法

最新記事