【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テンプレートタグ】comment_author_email_link():コメント投稿者のメールアドレスを、mailto:リンクとして表示
概要 コメント投稿者のメールアドレスをmailto:リンクとして表示する。 管理画面「設定」>「ディ...
-
-
【WordPressテンプレートタグ】the_title_attribute():属性値用の記事タイトルを表示または取得
概要 属性値用の記事タイトルを表示、または文字列として取得する。 記事タイトル部分にHTMLタグを含...
-
-
【WordPressテンプレートタグ】the_author_posts():作成者の総投稿数を表示
概要 作成者の総投稿数を表示する。下書きや非公開の記事はカウントしない。 書式 <?php t...
-
-
【WordPressテンプレートタグ】the_time():記事の公開時間を表示または取得
概要 記事の公開日時を表示または取得する。 同じ日に複数の記事がある場合でも毎回表示される。 デフォ...
-
-
【WordPressテンプレートタグ】next_posts_link():次のアーカイブへのリンクを表示
概要 記事一覧ページ(メインページ・アーカイブページ・カテゴリーなど)の次ページ(日付の古い記事一覧...
-
-
【WordPressテンプレートタグ】the_content():記事の本文を表示
概要 記事の本文を表示する。 本文中に <!--more--> クイックタ...
-
-
【WordPressテンプレートタグ】comments_link():コメント部分へのリンクを表示
概要 記事のコメント部分へのURLを表示する。 書式 <?php comments_link(...
-
-
【WordPressテンプレートタグ】edit_comment_link():コメント編集画面へのリンクを表示
概要 コメント編集画面へのリンクを表示する。 書式 <?php edit_comment_li...
-
-
【WordPressテンプレートタグ】the_ID():記事IDを表示
概要 現在の記事IDを表示する。 書式 <?php the_ID(); ?> パラメータ...
-
-
【WordPressテンプレートタグ】the_excerpt():記事の抜粋を表示
概要 記事の抜粋を表示する。 抜粋の文末には (角括弧+三点リーダー)をリンクなしで表...