条件別ボディクラスを付与
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 コードは商用・個人問わず自由にご利用いただけます。