【WordPress】トップページにだけメインビジュアルを表示する

こんにちは、ヒロ60です。

今日もせっせとサイト制作に精を出しているわけですが、覚えることもたくさんあってなかなか8bitの脳みそでは処理が追いつきません。

１つ前のサイト制作のときにやったことなのに、他のサイトを作るときに「アレってどうやったかな〜？」なんてのはしょっちゅうです。

そんなときのためにも、こうやってアウトプットで記録を残しておくのは大事ですね。

実際はなかなかアウトプットのための時間が取れずに、後でやろうとしてついついそのままなんてことが多いですが、流石に何回も同じことを忘れているので今回は記事にしておきますよ。

大抵の場合、サイトのトップページには目を引く画像や動画を置きます。

メインビジュアルなんて言われたりしますが、このnoteでいうところのヘッダー画像ですね。

で、サイトというのはトップページから他のページ（下層ページ）に遷移するように作ることが多いわけですが、下層ページにはメインビジュアルは表示しないことがほとんどです。

ページを開くたびにインパクトのあるメインビジュアルが表示されるのは、かえって邪魔くさい印象を与えてしまいますからね。

ということで、トップページにだけメインビジュアルを表示して他のページでは表示させない方法です。（※WordPress限定）

HTMLとCSSだけで実装する方法もあるのですが、WordPressを使用している場合はPHPを使うのが簡単でした。

メインビジュアルを表示する箇所に以下のコードを記述します。

hiro's note