2024年06月13日
WP関数:body_class()
この関数の説明
WP関数の body_class() は、HTMLの<body>タグにページ毎に異なるクラスを自動出力させたい時に利用する関数です。
投稿ページや固定ページ等にCSSで体裁を変更させたい場合に利用します。
関数
body_class( $class )
パラメータ
$class(文字列)(オプション)
独自のクラスを追加します。
戻り値
複数のクラスが出力されます。
[ページ毎に出力されるクラス名一覧]
ページ種類 |
出力されるクラス |
HOMEページ | home page page-id-XX 等
xxはページID |
固定ページ | page page-id-xx 等
xxはページID |
投稿ページ | single single-post postid-xx 等
xxは投稿ID |
カテゴリ一覧ページ | archive category category-xx 等
xxはカテゴリのスラッグ名 |
アーカイブページ | archive date 等 |
検索ページ | search search-results 等 |
事例
①bodyに自動でクラス名を出力させる
<body <?php body_class(); ?>>
■固定ページの場合、下記の様なクラスがHTMLとして出力されます。
・page
・page-id-15
・page-template-default
・page-child
・parent-pageid-3394
・logged-in
・custom-background
■投稿ページの場合、下記の様なクラスがHTMLとして出力されます。
・single
・single-post
・post-template-default
・postid-3890
・single-format-standard
・logged-in
関連情報
関連関数は ヘッダで使われる関数 を参照してください。