【WordPressテンプレートタグ】body_class():表示している状況に応じたCSSのclass名を出力

公開日: : 最終更新日:2016/03/24 テンプレートタグ

概要

トップページや固定ページ、投稿、カテゴリーなど、表示している状況に応じたCSSのclass名を<body>タグに出力する。
状況に応じてデザインを変更したい場合、body_classから出力されているclass名を確認して、その名前でCSSを用意することで対応できる。

書式

<?php body_class('class'); ?>

パラメーター

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(); ?>>
yaji_w200h50
<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

【WordPressテンプレートタグ】the_search_query():検索キーワードを表示

概要 検索が行われたとき、検索キーワードを表示する。 書式 <?php the_search_...

記事を読む

wordpress

【WordPressテンプレートタグ】the_author_posts_link():作成者別アーカイブへのリンクを表示

概要 投稿の作成者別アーカイブへのリンクを表示する。 「ユーザー」>「あなたのプロフィール」>「ブロ...

記事を読む

wordpress

【WordPressテンプレートタグ】single_tag_title():タグアーカイブのタイトルを表示または取得

概要 現在のページのタグアーカイブのタイトルを表示または取得する。 書式 <?php sing...

記事を読む

wordpress

【WordPressテンプレートタグ】get_the_author():作成者名を取得

概要 記事の作成者名を文字列として取得する。 (「ユーザー」>「あなたのプロフィール」>「ブログ上の...

記事を読む

wordpress

【WordPressテンプレートタグ】the_date_xml():フィード向けにY-m-d形式で記事の投稿日を表示

概要 フィード向けにY-m-d形式 (例 2015-07-10)で記事の投稿日を表示する 書式 &l...

記事を読む

wordpress

【WordPressテンプレートタグ】the_content():記事の本文を表示

概要 記事の本文を表示する。   本文中に <!--more--> クイックタ...

記事を読む

wordpress

【WordPressテンプレートタグ】wp_register():ユーザー登録ページのURLを表示または取得

概要 管理画面「一般設定」>「誰でもユーザー登録ができるようにする」 にチェックが入っていると...

記事を読む

wordpress

【WordPressテンプレートタグ】category_description():カテゴリーの説明を取得

概要 管理画面「投稿」>「カテゴリー」の「カテゴリーの説明」を取得する。 カテゴリーアーカイブ...

記事を読む

wordpress

【WordPressテンプレートタグ】comment_author_email_link():コメント投稿者のメールアドレスを、mailto:リンクとして表示

概要 コメント投稿者のメールアドレスをmailto:リンクとして表示する。 管理画面「設定」>「ディ...

記事を読む

wordpress

【WordPressテンプレートタグ】has_post_thumbnail():アイキャッチ画像が登録されているかを判別

概要 アイキャッチ画像が登録されているかどうかを判別する。 書式 <?php has_post...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

no image
エコノミークラス症候群

エコノミークラス症候群とは?  エコノミークラス症候群は、旅行に関連

no image
巻き爪・陥入爪

巻き爪・陥入爪ってなに?  巻き爪とは、主に親指の爪の両端が「巻く」

結婚お祝い金

披露宴に出る場合 祝儀袋の渡し方 受付でお祝いの言葉を述べ、祝儀袋をふ

結婚祝い

お祝い品選びと費用 お祝い品の選び方 新居を構える二人には、生活実用品

no image
ダニ除去マニュアル

ダニ除去マニュアルについて  基本的なダニアレルゲン対策としては、

→もっと見る

PAGE TOP ↑