Twenty Thirteenのサイドバーの見出しのh3タグを変更

Twenty Thirteenでは、サイドバーの見出しが固定で「h3」タグになっています。記事の見出しのタグとの整合性が取りにくいのと、そもそも見出しのタグである必要がないと考えて、サイドバーの見出しの「h3」タグを「div」タグに変更します。

はじめに

Twenty Thirteenのサイドバーの見出しの「h3」タグを「div」タグに変更します。

テンプレート（functions.php）の変更

functions.phpのtwentythirteen_widgets_init()関数を修正して、見出しの「h3」タグを「div」タグに変更します。

＜変更前＞

function twentythirteen_widgets_init() {
	register_sidebar( array(
		'name'          => __( 'Main Widget Area', 'twentythirteen' ),
		'id'            => 'sidebar-1',
		'description'   => __( 'Appears in the footer section of the site.', 'twentythirteen' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<h3 class="widget-title">',
		'after_title'   => '</h3>',
	) );

	register_sidebar( array(
		'name'          => __( 'Secondary Widget Area', 'twentythirteen' ),
		'id'            => 'sidebar-2',
		'description'   => __( 'Appears on posts and pages in the sidebar.', 'twentythirteen' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<h3 class="widget-title">',
		'after_title'   => '</h3>',
	) );
}

＜変更後＞

function twentythirteen_widgets_init() {
	register_sidebar( array(
		'name'          => __( 'Main Widget Area', 'twentythirteen' ),
		'id'            => 'sidebar-1',
		'description'   => __( 'Appears in the footer section of the site.', 'twentythirteen' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<div class="widget-title">',
		'after_title'   => '</div>',
	) );

	register_sidebar( array(
		'name'          => __( 'Secondary Widget Area', 'twentythirteen' ),
		'id'            => 'sidebar-2',
		'description'   => __( 'Appears on posts and pages in the sidebar.', 'twentythirteen' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<div class="widget-title">',
		'after_title'   => '</div>',
	) );
}

おわりに

Twenty Thirteenのサイドバーの見出しの「h3」タグを「div」タグに変更しました。

関連記事（Twenty Thirteenのタグをカスタマイズ）

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

関連記事（目次）

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