WordPressでbodyタグのクラス属性を出力する方法

このページでは、WordPressでbodyタグのクラス属性を出力する方法について説明していきます。

bodyタグのクラス属性を出力するには、body_class()関数を用います。
body_class()関数については、こちらのページ(英語)でご覧いただけます。

body_class()関数

構文

<body <?php body_class(); ?>>

出力結果

固定ページ(標準テンプレート)の場合
<body class="page-template-default page page-id-9 logged-in admin-bar customize-support">
  • page-template-default:固定ページ(標準テンプレート)で表示されます。
  • page:固定ページで表示されます。
  • page-id-9:ページIDが「9」の固定ページで表示されます。
  • logged-in:ログインしている時に表示されます。
  • admin-bar:サイトを見る時にツールバーを表示している場合に表示されます。
  • customize-support:ログインしている時に表示されます。
固定ページ(カスタムテンプレート)の場合
<body class="page-template page-template-demo page-template-demo-php page page-id-790 logged-in admin-bar no-customize-support">
  • page-template:固定ページ(カスタムテンプレート)で表示されます。
  • page-template-demo:カスタムテンプレートファイルの名称を「demo.php」としたときに表示されます。
  • page-template-demo-php:カスタムテンプレートファイルの名称を「demo.php」としたときに表示されます。
  • page:固定ページで表示されます。
  • page-id-790:ページIDが「790」の固定ページで表示されます。
  • logged-in:ログインしている時に表示されます。
  • admin-bar:サイトを見る時にツールバーを表示している場合に表示されます。
  • customize-support:ログインしている時に表示されます。
フロントページの場合
<body class="home page-template-default page page-id-12 logged-in admin-bar customize-support">
  • home:サイトフロントページで表示されます。
  • page-template-default:固定ページ(標準テンプレート)で表示されます。
  • page:固定ページで表示されます。
  • page-id-12:ページIDが「12」の固定ページで表示されます。
  • logged-in:ログインしている時に表示されます。
  • admin-bar:サイトを見る時にツールバーを表示している場合に表示されます。
  • customize-support:ログインしている時に表示されます。
個別投稿ページの場合
<body class="post-template-default single single-post postid-775 single-format-standard logged-in admin-bar  customize-support">
  • post-template-default:個別投稿ページで表示されます。
  • single:個別投稿ページで表示されます。
  • single-post:個別投稿ページで表示されます。
  • postid-775:IDが「775」の個別投稿ページで表示されます。
  • single-format-standard:個別投稿ページで表示されます。
  • logged-in:ログインしている時に表示されます。
  • admin-bar:サイトを見る時にツールバーを表示している場合に表示されます。
  • customize-support:ログインしている時に表示されます。

まとめ

このように、body_class()関数を用いることで、そのページの種類に応じて、bodyタグのクラス属性を表示させることができます。

こちらの記事もおすすめ

WordPressでbodyタグのクラス属性を出力する方法

WordPressでフロントページのURLを取得する方法

WordPressでキャッチフレーズを取得・表示する方法

WordPressでサイトタイトルを取得・出力する方法

WordPressで現在のテーマディレクトリまでのURLを取得する方法