Twenty Seventeenで単一記事ページのヘッダー画像を非表示にする方法

Twenty Seventeenでは巨大なヘッダー画像を使いますが、単一記事ページでは、そのごく一部しか表示されません。

例えば、このブログの場合だと、フロントページで顔が大きく写っている写真が表示されますが、単一記事ページだと鼻のところしか見えない場合があります。

つまり、単一記事ページではヘッダー画像が意味不明になります。場合によっては、みっともないです。

そうであれば、単一記事ページではヘッダー画像が表示されない方がいいのではないかという気がします。

そこで、単一記事ページだけでヘッダー画像が表示されないようにするコードを書いてみました。子テーマを作って、そのstyle.cssの末尾に書き加えてください。

.single-post .wp-custom-header {
display: none;
}

このコードでは、ヘッダー画像が非表示なるのは単一記事ページだけで、フロントページは、ヘッダー画像が表示されます。

なお、単一記事ページでヘッダー画像が写っていたところは、灰色のグラデーションになります。

ぜひお試し下さい。

じゃあ、またね。