WordPressの関数を少しずつまとめていきます。
今回は、ページの種類に応じたclass属性を出力する関数「body_class」です。
～ 目次 ～
- 基本的な使い方
- single_post_title()関数の応用：タイトル前に文字列を表示
- single_post_title()関数の応用：タイトルを出力せずに関数の戻り値にする
基本的な使い方
body要素に、ページの種類に応じて適切なclass名を割り当てる関数です。
- パラメータ
- 追加したいclass名
- 戻り値
- 無し
- 利用箇所
- どこでも利用可能
通常はパラメータを指定せずに、body要素に対して以下のように書きます。
<body <?php body_class(); ?>>
出力されるclass名は、テンプレートの種類に応じて決まります。
| メインブログページ | home blog |
|---|---|
| フロントページ | home page page-id-ページID |
| 投稿ページ | single single-post postid-ページID |
| 固定ページ | page page-id-ページID page-template page-template-テンプレート名 page-parent（親ページ） page-child（子ページ） parent-pageid-parent-ID（子ページ） |
| カテゴリー・アーカイブページ | archive category category-カテゴリーのスラッグ |
| タグ・アーカイブページ | archive tag tag-タグのスラッグ |
| 月日系・アーカイブページ | archive date |
| ユーザー・アーカイブページ | archive author author-ユーザー名 |
| 検索結果ページ | search search-results search-no-results（検索結果なし） |
body_class()関数の応用：class名を追加
body要素に独自のclass名を追加したい場合は、そのclass名をパラメータで指定します。
例
body要素にclass名「sub-page」を追加する
<body <?php body_class( 'sub-page' ); ?>>
制作のご依頼を受け付けています
星月WEBデザインでは
ホームページ（WEBサイト）・バナー画像等の制作依頼を受け付けています。
遠隔地の方は、クラウドソーシングのランサーズからお申し込みください。
