WordPressサイトを作成する際に、トップページとそれ以外のページでデザインを変えたい場合があります。例えば、download.php内のdivタグに対して、

といった形でクラスを変更したいとします。

実装方法

WordPressには、現在のページがトップページかどうかを判定できる関数 is_front_page() があります。この関数を利用して、クラスを出し分けることができます。

コード例

<div class="<?php echo is_front_page() ? 'background-pink-dot' : 'background-blue-dot'; ?>">
    <!-- ここにコンテンツを記述 -->
</div>

1. is_front_page() は、現在のページがトップページかどうかを判定するWordPressの関数です。

2. <?php echo is_front_page() ? 'background-pink-dot' : 'background-blue-dot'; ?> の部分で、条件によって適用するクラスを変更しています。

ページ	適用されるクラス
トップページ	background-pink-dot
その他のページ	background-blue-dot

この方法を使うことで、特定のページだけデザインを変更することができます。WordPressテーマをカスタマイズする際にぜひ活用してみてください！