WordPress

【WordPress条件分岐】トップページのみh1タグ、それ以外の下層ページではpタグにする方法

※ 当サイトではアフィリエイト広告を利用しています

WordPressで会社名をh1タグにしたいけど、トップページ以外ではpタグにする方法ない?
条件分岐を使えば出来るよ!

WordPressではヘッダーは『header.php』として全てのページで共通とすることが多いと思います。

なのでヘッダーにh1タグを設定すると、全てのページでh1が同じになってしまいます。

今回はトップページだけh1タグにして、それ以外ではpタグにする方法について解説します(h1タグやpタグ以外にももちろん使えます)

 

完全無料のプログラミングスクール『ZeroPlus Gate』
30日間でWeb制作を学べる無料のプログラミングスクールがこちら
  • 30日間でWeb制作を学べる
  • 完全無料
  • 現役エンジニアへの質問無制限
  • オンラインの動画学習なので時間場所を問わず勉強可能
  • 最大4回の学習サポート面談
  • 受付は1日25名までの先着制
無料なのに専属のメンターが付き、現役エンジニアへの質問も無制限という破格のサービスです。
いきなり数十万するプログラミングスクールは厳しい・・・という人のお試しに最適。
現在は無料ですがいつ有料になるか分からないので、気になる方はお早めに👇

\ 完全無料 /

ZeroPlus Gate公式サイト

先着1日25名まで!

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条件分岐タグまとめ
【コピペOK!】よく使うWordPress条件分岐タグまとめ

続きを見る

以上になります。

 

Web制作おすすめ教材と案件獲得サービス
当ブログではWeb制作学習におすすめの教材を厳選してご紹介しています。
こちらの記事を参考に教材を購入して成果を出している人もたくさんいるので、自分に必要な教材を探してみて下さい。
また、学習面だけでなく営業面である案件獲得サービスもご紹介しています。
スキルが身についても仕事がなければ意味がないので、営業に不安がある人はこちらの記事をぜひ参考にしてみて下さい。
この記事を参考にスキルと営業力を身につけて稼げるようになりましょう!

-WordPress
-