bodyタグのclass属性に自ページと親ページのslugを追加する方法

特定の固定ページや、親ページを持つ固定ページなどだけでに独自のCSSを当てたい場合に、body_class()に、自ページや親ページのslugを追加することで対応できることがあります。

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

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

これで body_class()で出力されるclass属性に「page-xxxx」や「page-xxxx-child」のような属性値が追加されます。