WordPressではヘッダーは『header.php』として全てのページで共通とすることが多いと思います。
なのでヘッダーにh1タグを設定すると、全てのページでh1が同じになってしまいます。
今回はトップページだけh1タグにして、それ以外ではpタグにする方法について解説します(h1タグやpタグ以外にももちろん使えます)
- 完全無料
- 30日間でWeb制作を学べる
- 現役エンジニアへの質問無制限
- オンラインの動画学習なので時間場所を問わず勉強可能
- 最大4回の学習サポート面談
- 毎日人数制限ありの先着制
(有料になっていたらすいません🙇♂️)
h1タグとは?
h1タグは6つあるhタグの中で最も重要な見出し、大見出しとも呼ばれます(h1~h6まであります)
そしてSEO対策の上でも重要な物で、Google(検索エンジン)にとって分かりやすいものにする必要があります。
大見出しなのでそのページを端的に説明する文章にするのが基本ですが、サイトのデザイン上トップページはロゴや会社名をh1にすることもあるかと思います。
しかしそのロゴがヘッダーにある場合、冒頭でも書いたようにWordPressでは『header.php』を使ってヘッダーを共通化するため、下層ページも全て同じh1タグになってしまいます。
全てのページで大見出しが同じというのはおかしいですよね。
という事で、今回はトップページではh1タグ、トップページ以外ではpタグにするようにしてみたいと思います。
条件分岐を使ってトップページのみh1タグ、それ以外の下層ページではpタグにする方法
ヘッダーに会社名がある場合です。
<?php if ( is_front_page() ): ?>
<h1>会社名が入ります</h1>
<?php else : ?>
<p>会社名が入ります</p>
<?php endif; ?>
これだけです。
トップページの場合は<h1>会社名が入ります</h1>
となり、それ以外は<p>会社名が入ります</p>
になるという非常にシンプルな条件分岐です。
また、トップページのテンプレートには『front-page.php』を使った場合となります。
WordPressの条件分岐については以下の記事で詳しく解説しています。
【コピペOK!】よく使うWordPress条件分岐タグまとめ
続きを見る
以上になります。