[WordPress]body_class()にスラッグを追加したり任意クラスを追加する方法

WordPress

2019.05.132022.02.09

「WordPressのbody_class()関数は、ページごとに異なるCSSクラスをbodyタグに追加するために便利な機能です。

しかし、デフォルトで提供されるクラスだけではカスタマイズが足りない場合もあります。

そこで今回はは、body_class()にスラッグを追加したり任意のカスタムクラスを動的に追加する方法について解説します。

body_class()にスラッグや任意クラスを追加
1. body_class()にスラッグを表示
2. bodyに任意のクラスを追加（例：drawer drawer–top）

body_class()にスラッグや任意クラスを追加

functions.phpに以下のコードを追加します。

body_class()にスラッグを表示

function pagename_class($classes = '') {
	if (is_page()) {
		$page = get_page(get_the_ID());
		$classes[] = $page->post_name;
	}
	return $classes;
}
add_filter('body_class','pagename_class');

function pagename_class($classes = '') {

if (is_page()) {

$page = get_page(get_the_ID());

$classes[] = $page->post_name;

}

return $classes;

}

add_filter('body_class','pagename_class');

bodyに任意のクラスを追加（例：drawer drawer–top）

add_filter( 'body_class', 'my_class_names' );
function my_class_names( $classes ) {
	$classes[] = ' drawer drawer--top';
	return $classes;
}

add_filter( 'body_class', 'my_class_names' );

function my_class_names( $classes ) {

$classes[] = ' drawer drawer--top';

return $classes;

}