web-dev-qa-db-ja.com

サイドバーのヘッダーをH1から変更しますか?

私のテーマでは、各ページの上部にあるサイト名や各サイドバーのメニュータイトルなど、よく考えずにH1タグを使用します。私はthemesフォルダのsidebar.phpファイルをチェックしましたが、HTMLコンテンツが存在しません。

<?php
/**
 * The sidebar containing the main widget area.
 *
 * @package Button
 */

if ( ! is_active_sidebar( 'sidebar-1' ) ) {
    return;
}
?>

<div id="secondary" class="widget-area" role="complementary">

    <?php if ( has_nav_menu ( 'social' ) ) : ?>
        <?php wp_nav_menu( array(
            'theme_location'  => 'social',
            'depth'           => 1,
            'link_before'     => '<span class="screen-reader-text">',
            'link_after'      => '</span>',
            'container_class' => 'social-links',
        ) ); ?>
    <?php endif; ?>

    <?php dynamic_sidebar( 'sidebar-1' ); ?>
</div><!-- #secondary -->

HTMLレイアウトはどのファイルに保存されるので、それらを変更できますか?

1
Aidan Knight

見出しに使用されるタグは、サイドバーが登録されている場所に設定されます。テーマのfunctions.phpファイル(またはfunctionsファイルに含まれているファイル)でregister_sidebar()を探します。

これは次のようになります( here の例)。

register_sidebar( array(
    'name'          => __( 'Main Sidebar', 'textdomain' ),
    'id'            => 'sidebar-1',
    'description'   => __( 'Widgets in this area will be shown on all posts and pages.', 'textdomain' ),
    'before_widget' => '<li id="%1$s" class="widget %2$s">',
    'after_widget'  => '</li>',
    'before_title'  => '<h2 class="widgettitle">',
    'after_title'   => '</h2>',
) );

before_titleafter_titleのタグを変更するだけです。

それだけの価値があるので、そして私の意見では、 '唯一のh1タグ'はいわゆるSEOエキスパートの迷信に過ぎず、サイドバーにh1タグがあるのはおそらく悪いことではありません。もっと重要なのは、見出しのhierarchyです。サイドバーの見出しがメインのh1の小見出しとして意味をなさない場合は、そのようにマークアップしないでください。 W3C Markup Validator を使用して "Show Outline"を有効にすると、ページの見出しレベルのアウトラインを見ることができます。そのアウトラインは論理的に理にかなっているはずです、そして時には複数のh1がそれを達成する方法です。

1
Jacob Peattie