WordPressサイトを作成する際に、トップページとそれ以外のページでデザインを変えたい場合があります。例えば、download.php内のdivタグに対して、
- トップページ →
background-pink-dot - その他のページ →
background-blue-dot
といった形でクラスを変更したいとします。
実装方法
WordPressには、現在のページがトップページかどうかを判定できる関数 is_front_page() があります。この関数を利用して、クラスを出し分けることができます。
コード例
<div class="<?php echo is_front_page() ? 'background-pink-dot' : 'background-blue-dot'; ?>">
<!-- ここにコンテンツを記述 -->
</div>
1. is_front_page() は、現在のページがトップページかどうかを判定するWordPressの関数です。
- トップページの場合 → true を返す。
- それ以外のページ → false を返す。
2. <?php echo is_front_page() ? 'background-pink-dot' : 'background-blue-dot'; ?> の部分で、条件によって適用するクラスを変更しています。
-
is_front_page()が true の場合、クラスはbackground-pink-dot - それ以外のページでは
background-blue-dot
動作イメージ
| ページ | 適用されるクラス |
|---|---|
| トップページ | background-pink-dot |
| その他のページ | background-blue-dot |
まとめ
この方法を使うことで、特定のページだけデザインを変更することができます。WordPressテーマをカスタマイズする際にぜひ活用してみてください！