カテゴリー
Twenty Seventeen

Twenty Seventeen 4、巨大すぎる「アイキャッチ画像」を非表示にする

【2020年3月更新】ワードプレスの2017年のデフォルトテーマ「Twenty Seventeen」の投稿とページに表示される「アイキャッチ画像」は巨大すぎるので「投稿」では非表示にしました。

【2020年3月更新】

ワードプレスの2017年のデフォルトテーマ「Twenty Seventeen」の投稿とページに表示される「アイキャッチ画像」が巨大すぎるので、非表示にしました。

アイキャッチ画像は一覧表示の際のアイキャッチがOGPのアイキャッチに転用できるので、別の機能としては使いたいのですが、このテーマのデザインで使用するのはあまり現実的ではありませんでした。

Twenty Seventeen、投稿のアイキャッチ画像が大きすぎる件
Twenty Seventeen、投稿のアイキャッチ画像(修正前)

一画面に収まっておりませんでした。

外観 → カスタマイズ → 追加CSS

Twenty Seventeen、投稿のアイキャッチ画像を非表示にした
Twenty Seventeen、投稿のアイキャッチ画像を非表示にした

上の反転部分のようにコピペ。↓がコードです。

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

HTMLに記述があるのにCSSで見せなくする方法はあまり好きじゃないのですが、以前使っていた子テーマにheader.phpをコピーしてHTMLの記述を削除したり、functions.phpでフックを探したりする方法はこの方法ほどシンプルではないので、やめました。

最後までお読みいただきありがとうございました。

作成者: のろのろ

ゲーマーで、トレッキーに片足突っこんでいる、SF好きの、雑記ブロガーです。

コメントを残す

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