テーマ実装 easy

条件別ボディクラスを付与

is_front_page、is_single 等の条件でカスタムクラスを body タグに追加しCSS制御を容易にする。

解説

ページごとに CSS セレクタを分けたい場合、`body_class` フィルタでクラスを追加するのがベストプラクティスです。スラッグベースのクラス(is-page--about)を使えば、JS も含めてページ別制御をシンプルに記述できます。

いつ使うか

  • 独自テーマの開発
  • 既存テーマのカスタマイズ
  • クライアント案件の機能追加

適用時の注意点

テーマファイルを直接編集する場合、必ず子テーマで作業すること。親テーマの更新で変更が消えるリスクがあります。

よくある質問

このコードはどこに貼れば良いですか?
子テーマの functions.php もしくは Code Snippets プラグインに貼り付けて有効化してください。
WordPress のバージョンによって動きませんか?
本サイトは WordPress 6.x 系(2026 年時点)を前提に動作確認しています。
プラグインと競合する可能性はありますか?
同じフィルタフックを別プラグインが使っている場合、競合する可能性があります。
商用利用できますか?
はい。moatway がオリジナル制作した PHP コードは商用・個人問わず自由にご利用いただけます。