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のタグをカスタマイズ)
- Twenty Thirteenの見出しのタグの変更を検討
- Twenty Thirteenのサイト名とサイト説明のタグを変更
- Twenty Thirteenのサイドバーの見出しのh3タグを変更
- Twenty Thirteenのコメント欄の見出しのh3タグを変更