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」の中で次の記載部分を探してください。丁度真ん中位だと思います。みつけたら赤字にしてある「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


スポンサーリンク

“WordPress【twenty seventeen】のトップページに表示される記事のタイトルを「見出し2(h2)」に変更した” への1件の返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です