Twenty Thirteenのサイト名とサイト説明のタグを変更

Twenty Thirteenでは、サイト名が「h1」タグ、サイト説明が「h2」タグとなっており、記事のタイトルの「h1」タグ合わせて、一つの記事内に二つの「h1」タグが存在します。サイト名とサイト説明(キャプション)のタグを「div」タグに変更して、タイトルが重要であることを分かりやすくします。

はじめに

Twenty Thirteenのサイト名とサイト説明(キャプション)のタグを変更します。
・サイト名の「h1」タグを「div」タグに変更します。
・サイト説明(キャプション)の「h2」タグを「div」タグに変更します。

テンプレート(header.php)の変更

header.phpで、サイト名の「h1」タグを「div」タグにサイト説明(キャプション)の「h2」タグを「div」タグに変更します。

<変更前>

		<header id="masthead" class="site-header" role="banner">
			<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
				<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
			</a>

<変更後>

		<header id="masthead" class="site-header" role="banner">
			<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
				<div class="site-title"><?php bloginfo( 'name' ); ?></div>
				<div class="site-description"><?php bloginfo( 'description' ); ?></div>
			</a>

おわりに

Twenty Thirteenのサイト名とサイト説明(キャプション)のタグを変更しました。

関連記事(Twenty Thirteenのタグをカスタマイズ)

  1. Twenty Thirteenの見出しのタグの変更を検討
  2. Twenty Thirteenのサイト名とサイト説明のタグを変更
  3. Twenty Thirteenのサイドバーの見出しのh3タグを変更
  4. Twenty Thirteenのコメント欄の見出しのh3タグを変更

関連記事(目次)

  1. インターネットで情報発信!

コメントを残す

メールアドレスが公開されることはありません。

※日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)