WordPressでトップページのみロゴをh1タグにする方法

WordPressでトップページのみロゴを<h1>タグにしたい場合、テーマファイル(例:header.php)の適切な位置に以下のようなPHPコードを挿入するだけでOKです。

<?php if (is_home() || is_front_page()) : ?>
  <h1 class="logo">
    <a href="<?php echo home_url(); ?>/">
      <img src="<?php echo site_url(); ?>/img/common/logo.svg" alt="">
    </a>
  </h1>
<?php else : ?>
  <div class="logo">
    <a href="<?php echo home_url(); ?>/">
      <img src="<?php echo site_url(); ?>/img/common/logo.svg" alt="">
    </a>
  </div>
<?php endif; ?>

上記のコードでは、is_home()関数とis_front_page()関数を使用して、現在のページがトップページであるかどうかを確認しています。トップページの場合は<h1>タグでロゴを囲み、それ以外の場合は<div>タグで囲まれたロゴが表示されます。

トップページのみロゴを <h1> にし、下層ページではページのタイトルを <h1> にしたい、というときなんかに便利です。

トップへ