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>
にしたい、というときなんかに便利です。