WordPress【twenty seventeen】の「投稿」という文字を非表示にする方法

【twenty seventeen】ですがトップページを表示した際に一番上にある記事の上に「投稿」という文字があるのですが、これ邪魔じゃないですか？

しかもこの「投稿」は「見出し２（h2）」である為、こんなものに「見出し２」を使用するのが勿体ないと思いました。勿論SEO（検索エンジン最適化）が目的です。そんな理由から削除してみました。

どうやって変更すればよいのか？

まずは、子テーマフォルダ「twentyseventeen-child」に「index.php」ファイルを親テーマよりコピーしておいてください。今後、PHPファイル等をカスタマイズする場合は子テーマフォルダに親テーマと同じフォルダ構成でファイルをコピーして子テーマ側をカスタマイズしていきますのでご注意ください。

［外観］－［テーマの編集］よりメインインデックスのテンプレートである「index.php」を選択してください。そして下記の7行目～9行目を削除すれば解決です。

<div class="wrap">
    <?php if ( is_home() && ! is_front_page() ) : ?>
        <header class="page-header">
            <h1 class="page-title"><?php single_post_title(); ?></h1>
        </header>
    <?php else : ?>
        <header class="page-header">
            <h2 class="page-title"><?php _e( 'Posts', 'twentyseventeen' ); ?></h2>
        </header>
    <?php endif; ?>
    <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">

削除ではなくコメントアウトで対応したい場合

もしもコメントアウトで対応したい場合は次のようにコメントアウトしてください。青字の部分がコメントアウトした部分となります。PHPとHTMLが混在している為、コメントアウトが難しいです。

<div class="wrap">
    <?php if ( is_home() && ! is_front_page() ) : ?>
        <header class="page-header">
            <h1 class="page-title"><?php single_post_title(); ?></h1>
        </header>
    <?php else : ?>
<!-- 投稿という文字を非表示とする -->
<!-- <header class="page-header"> -->
<!-- <h2 class="page-title"> --><?php /* _e( 'Posts', 'twentyseventeen' ); */ ?> <!--</h2>-->
<!-- </header> 
    <?php endif; ?>-->
    <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">

このやり方は面倒で分かりずらいですね。

もっと良いコメントアウトの方法があれば良いのですがね。このようにコメントアウトした場合は動作には影響しませんが、HTMLソースを見るとコメントアウトが出力されている状態となりますので、どのようにしすればよいかは個人によって好みがわかれるところではないかと思います。