今回は、「WordPressでトップページとそれ以外のページで表示を切り替える方法」について紹介します。

WordPressでトップページとそれ以外のページで表示を切り替える方法

結論から言うと、以下のコードを使ってトップページとそれ以外のページで表示を切り替えたらOKです。

<?php if ( is_home() || is_front_page() ) : ?>
トップページにだけ表示したいHTMLを記述する
<?php else : ?>
トップページ以外に表示したいHTMLを記述する
<?php endif; ?>

今回は、PHPの条件分岐を使いました。

コードの例

簡単なコードですが、以下はトップページではボタンを表示し、それ以外のページではh2タグでタイトルを表示させるコードです。

<?php if ( is_home() || is_front_page() ) : ?>
<a href="">トップページです</a>
<?php else : ?>
<h2>トップページ以外です</h2>
<?php endif; ?>

他にも、トップページの時はファーストビュー画像を表示して、それ以外のページは画像を表示しないなど、色んなパターンで条件分岐することが出来ますよ。

まとめ

以上が、「WordPressでトップページとそれ以外のページで表示を切り替える方法」でした。

条件分岐を使うことで、柔軟にWEBサイトをカスタマイズすることが出来るようになるので、是非参考にしてください。