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. インターネットで情報発信!

コメント記入欄

※メールアドレス(任意入力)は非公開です。コメントはお気軽にどうぞ!

内容を確認して、「コメント送信」ボタンを押してください。

post date*

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