Twenty Seventeenでアイキャッチ画像を記事から消す方法

WordPressの公式テーマTwenty Seventeenでは、個別の記事を表示させた時、タイトルの上にアイキャッチ画像が表示されます。例えば、こんな具合になります。

WordPress公式テーマTwenty Seventeenで個別記事表示の際にアイキャッチ画像が表示される様子

大きな画像をアイキャッチ画像に指定した場合、見栄えという面で役に立つことがあるかもしれませんが、普通、どう考えても不要です。これ、消したいですね。

style.cssの末尾に下記のコードを加えれば、このアイキャッチ画像は消えます。見えなくすると言う感じです。

.single-featured-image-header {
display: none;
}

子テーマを作成して、このコードをstyle.cssの末尾に追加することをお勧めします。親テーマに直接追加すると、アップデートの際に書き加えたコードが消えますので、御注意下さい。

フロントページに表示された記事にもアイキャッチ画像が表示されます。こんな具合です。

WordPress公式テーマTwenty Seventeenでフロントページにアイキャッチ画像が表示される様子

これもちょっと邪魔ですね。これを消すには、下記のコードをstyle.cssに書き加えてください。

.home .post-thumbnail {
display: none;
}

これで一件落着です。

参考ページ:
How to remove thumbnail image from posts in the Twenty Seventeen theme