【WordPressテンプレートタグ】body_class()：表示している状況に応じたCSSのclass名を出力
公開日： : 最終更新日：2016/03/24 テンプレートタグ
概要
トップページや固定ページ、投稿、カテゴリーなど、表示している状況に応じたCSSのclass名を<body>タグに出力する。
状況に応じてデザインを変更したい場合、body_classから出力されているclass名を確認して、その名前でCSSを用意することで対応できる。
書式
パラメーター
- class
- デフォルトのclass名のほかに、追加したいclass名(初期値：なし)
デフォルトで挿入されるclassの代表的な例
| ページ | class |
|---|---|
| フロントページ | home |
| メインページ | blog |
| アーカイブページ | archive |
| 投稿ページ | single single-post postid-(id) single-paged-(page number) |
| 固定ページ | page page-id-(id) paged-(page number) page-paged-(page number) page-template-(template file name) 親ページ page-parent 子ページ page-child parent-pageid-(id) |
| 404ページ | error404 |
| カテゴリーページ | category category-(slug) category-paged-(page number) |
| タグページ | tag tag-(slug) tag-paged-(page number) |
| 日付ページ | date date-paged-(page number) |
| 著者ページ | author author-(user_nicename) author-paged-(page number) |
| 検索ページ | search search-paged-(page number) 検索結果あり search-results 検索結果なし search-no-results |
| 添付ファイルページ | attachment attachmentid-(id) attachment-(mime-type) |
| ログイン | logged-in |
| 他 | rtl |
使用例
初期設定での使用
<body <?php body_class(); ?>>
<body class="home blog">
<body class="single single-post postid-256 single-format-standard">
<body class="page page-id-390 page-child parent-pageid-388 page-template-default">
<body class="archive category category-site_production category-16">
関連
関連記事
-
-
【WordPressテンプレートタグ】the_permalink()：記事のパーマリンクのURLを表示
概要 投稿や固定ページなど記事詳細ページへのURLを表示する 書式 <?php the_per...
-
-
【WordPressテンプレートタグ】the_author_link()：作成者のウェブサイトへのリンクを表示
概要 作成者のウェブサイトへのリンクを表示する。ウェブサイトの設定がない場合は作成者名のみ表示する。...
-
-
【WordPressテンプレートタグ】the_tags()：投稿の属するタグ名とリンクを表示
概要 投稿につけられたタグ名とタグアーカイブへのリンクを表示する。 書式 <?php the_...
-
-
【WordPressテンプレートタグ】category_description()：カテゴリーの説明を取得
概要 管理画面「投稿」>「カテゴリー」の「カテゴリーの説明」を取得する。 カテゴリーアーカイブ...
-
-
【WordPressテンプレートタグ】bloginfo()：サイトに関する基本情報を表示
概要 サイトに関するさまざまな基本情報を表示する サイトタイトルを表示する bloginfo( 'n...
-
-
【WordPressテンプレートタグ】the_date_xml()：フィード向けにY-m-d形式で記事の投稿日を表示
概要 フィード向けにY-m-d形式 (例 2015-07-10)で記事の投稿日を表示する 書式 &l...
-
-
【WordPressテンプレートタグ】comments_link()：コメント部分へのリンクを表示
概要 記事のコメント部分へのURLを表示する。 書式 <?php comments_link(...
-
-
【WordPressテンプレートタグ】comments_number()：記事へのコメント数を表示
概要 サイト閲覧者からコメントがあった場合、承認されたコメント数を表示する。 書式 <?php...
-
-
【WordPressテンプレートタグ】wp_login_url()：ログインURLを取得
概要 ログインURLを文字列として取得する。 書式 <?php wp_login_url( '...
-
-
【WordPressテンプレートタグ】the_author_posts_link()：作成者別アーカイブへのリンクを表示
概要 投稿の作成者別アーカイブへのリンクを表示する。 「ユーザー」＞「あなたのプロフィール」＞「ブロ...
