物販も可能な店舗サイトをすぐ始められるWordPressテーマ「SALON」
ワードプレステーマ別

TCDテーマBASARA:投稿ページでヘッダーのアイキャッチ画像だけを非表示にする方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.投稿ページのアイキャッチ画像だけを非表示にしたい

投稿ページ(個別記事)で、ヘッダーに表示されるアイキャッチ画像だけを非表示にしたいです。一覧ページやページ送りにはアイキャッチ画像を表示したままにしたいのですが、可能ですか?

A.はい、カスタムCSSで対応可能です

カスタムCSSを追加することで、投稿ページのヘッダー部分のアイキャッチ画像のみを非表示にできます(一覧・アーカイブページの表示には影響しません)。

管理画面のTCDテーマ > 基本設定 > カスタムCSS・スクリプト > カスタムCSSに、下記コードをコピペして保存してください。

/* 投稿ページのヘッダーアイキャッチ画像のみ非表示 */
.single .p-entry-thumbnail {
display: none;
}
.single .p-entry-header.has-thumbnail .p-entry-header-content {
margin-top: 0;
margin-inline: 0;
padding-inline: 0;
}

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事