2021-10-27

【WordPress】body_classでページごとに付与されるclass一覧

今回は、「body_classでページごとに付与されるclass一覧」を紹介したいと思います。

かなり便利なテンプレートタグなので、是非使ってみてください！

body_classとは？

body_classとは、ページの種類ごとに自動でclassを付与することが出来るテンプレートタグです。

使い方は簡単で、bodyタグを以下のようなコードに書き換えるだけです。

<body <?php body_class(); ?>>

body_classを使うことで、ページ毎に違うclassが付与されるので、ページ毎にCSSを修正することが出来るメリットがあります。

それでは、body_classでページごとに付与されるclass一覧を見ていきましょう！

他にもたくさんありますが、普段使うものだけ知っておけばOKですね。

<body class="home ...など"></body>

<body class="single postid-{記事ID} ...など"></body>

<body class="page-id-{記事ID} ...など"></body>

ページ毎に好きなclassをつけたい場合は、以下のようにパラメーターに好きなclassの文字列を入れてあげましょう。

今回は「class-name」といったclass名を入れてみました。

<body <?php body_class('class-name'); ?>

するとページに「class-name」のclassが付与されているでしょう。

以上が、「body_classでページごとに付与されるclass一覧」でした。

便利なテンプレートタグなので、毎回必須でbodyタグに指定しておきましょう！

DOWNLOAD

ブログ用WordPressテーマを無料配布中

実務で使える構成・設計をベースにしたテーマです。
すぐにブログ運用を始めたい方はこちらからダウンロードできます。

Webサイトの集客や導線設計でお悩みではありませんか？

当社では、データ分析（GA4・検索データ）をもとに、
成果につながるWeb制作・改善をご提案しています。

課題の整理からでも大丈夫ですので、まずはお気軽にご相談ください。

Yujiro

大阪のWEB制作会社で働くコーダー。コーディングにハマり、気づいたらWEB制作を仕事にしていました。現在は新規のWEBサイト制作やWordPressカスタマイズしたり、当技術ブログを運営しています。