WordPress【twenty seventeen】トップページに記事一覧表示のタイトルを「見出し2（h2）」に変更する方法

【twenty seventeen】のトップページに表示される全ての記事タイトルですが、デフォルトのままですと「見出し3（h3)」となっています。これは前回の記事の「【twenty seventeen】の「投稿」という表示を非表示にする方法」に関係しています。

「投稿」というタイトルに「見出し2（h2）」が使用されている為、トップページに表示される記事タイトルが「見出し3（h3)」となっています。

少しでもSEO（検索エンジン最適化）する為には、見出しの格上げが必要と感じ、今回はどうすれば変更できるかを記載したいと思う。

【twenty seventeen】で修正するには

【twenty seventeen】からはカスタマイズをしやすくしているのかわからないが、部品が細かく分かれているようである。以前であれば「index.php」に変更を加えれば良かったのかもしれなが、今回は違うらしい。

まずは親テーマの部品ファイルを子テーマフォルダへコピーしよう

親テーマの「twentyseventeen\template-parts\post\content.php」

子テーマの「twentyseventeen-child \ template-parts \ post」へコピーする。

「template-parts \ post」が作成されていない場合は作成してください。

私は面倒なので親テーマにある「template-parts」を全て子テーマへコピーしてしまいました。他にもカスタマイズが発生した場合に必要となりますので。本来は変更するもののみコピーした方が良いのですけどね。

この作業はFTPソフトで行ってください。

子テーマにコピーした「content.php」の編集

子テーマにコピーした「content.php」の中で次の記載部分を探してください。下で言うと7行目の「h3」「/h3」を「h2」に変更してください。

             echo '</div><!-- .entry-meta -->';
        };

        if ( is_single() ) {
            the_title( '<h1 class="entry-title">', '</h1>' );
        } elseif ( is_front_page() && is_home() ) {
            the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' );
        } else {
            the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
        }
        ?>
    </header><!-- .entry-header -->

変更した内容は次のようになります。

            echo '</div><!-- .entry-meta -->'; 
        };
        if ( is_single() ) { 
            the_title( '<h1 class="entry-title">', '</h1>' ); 
        } elseif ( is_front_page() && is_home() ) { 
            the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); 
        } else { 
            the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); 
        } 
        ?> 
    </header><!-- .entry-header -->

これで変更完了です。難しくないですよね。

これでトップページに表示される記事タイトルが「見出し2」となりました。参考までに言いますと、トップページの「見出し（h1)」はサイトのタイトルとなります。

【A8.netに登録しよう！】
◇ 広告主数・アフィリエイトサービス数日本最大級☆
◇ 登録はもちろん無料、審査なしのアフィリエイトサービス☆
◇ 使いやすいサイトNO.1
⇒アフィリエイトならA8.net