サイトタイトルのタグ切替

WordPressのサイトタイトルをトップページでは<h1>に、詳細ページでは<p>に切り替えるタグです。

<header id="masthead" class="site-header" role="banner">
	<?php if(is_front_page()){ echo '<h1 class="site-title display-logo">';}else{ echo '<p class="site-title display-logo">';} ?>
	<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>" rel="home">
		<img alt="<?php bloginfo('name'); ?>" src="<?php bloginfo('template_url'); ?>/assets/img/site-title.png" srcset="<?php bloginfo('template_url'); ?>/assets/img/site-title.png 1x,<?php bloginfo('template_url'); ?>/assets/img/site-title@2x.png 2x">
	</a>
	<?php if(is_front_page()){ echo '</h1>';}else{ echo '</p>';} ?>
</header>

2行目と6行目にトップページとそれ以外で分岐するコードを記述します。

<img>はRetinaディスプレイ用のコードが入っています。
サイトタイトルがテキストの場合は<img>タグをそのままテキストで置き換えます。