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

 


関連情報

関連関数は ヘッダで使われる関数 を参照してください。

 


関数一覧
  • 1.WPのエスケープ処理
  • 2.WPプログラムの基本
  • 3.ヘッダ/フッタ/サイドバで使われる関数
  • 4.DBからの読込関数
  • 5.一般テンプレートの中で使われる関数
  • 6.その他のWP関数
  • add_shortcode()
  • bloginfo()
  • body_class()
  • date_i18n()
  • dynamic_sidebar()
  • edit_post_link()
  • esc_attr()
  • esc_html_e()
  • esc_html()
  • esc_url()
  • get_ancestors()
  • get_cat_ID()
  • get_cat_name()
  • get_category_link()
  • get_category_parents()
  • get_category()
  • get_footer()
  • get_header()
  • get_home_url()
  • get_post_format()
  • get_post_meta()
  • get_post_thumbnail_id()
  • get_query_var()
  • get_search_query()
  • get_sidebar()
  • get_site_url()
  • get_stylesheet_directory_uri()
  • get_stylesheet_uri()
  • get_template_directory_uri()
  • get_template_part()
  • get_the_category()
  • get_the_content()
  • get_the_date()
  • get_the_excerpt()
  • get_the_ID()
  • get_the_modified_date()
  • get_the_modified_time()
  • get_the_permalink()
  • get_the_post_thumbnail()
  • get_the_tags()
  • get_the_time()
  • get_the_title()
  • get_uploaded_header_images()
  • get_year_link()
  • has_category()
  • has_custom_logo()
  • has_header_image()
  • has_header_video()
  • has_nav_menu()
  • has_post_thumbnail()
  • has_tag()
  • header_image()
  • home_url()
  • is_admin()
  • is_category()
  • is_date()
  • is_front_page()
  • is_home()
  • is_main_query()
  • is_page()
  • is_search()
  • is_single()
  • language_attributes()
  • the_category()
  • the_content()
  • the_custom_header_markup()
  • the_custom_logo()
  • the_date()
  • the_excerpt()
  • the_ID()
  • the_modified_date()
  • the_modified_time()
  • the_permalink()
  • the_post_thumbnail()
  • the_search_query()
  • the_tags()
  • the_time()
  • the_title()
  • update_post_meta()
  • wp_get_attachment_image_src()
  • wp_nav_menu()
  • WP_Query()