ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマMuum:記事ページのアイキャッチ画像を非表示にする方法

WordPressテーマ「NULL」

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

ダウンロード

Q.各記事ページにアイキャッチ画像を表示しないようにしたいのですが、可能でしょうか。

A.下記の方法でご対応ください。

すべての記事に適用したい場合は「TCDテーマ>基本設定のカスタムCSS」、
特定の記事のみ適用したい場合は「記事編集画面のカスタムCSS」に入力してください。

.single-post #post_image {
    background: none !important;
    height: 40px!important; }
@media screen and (max-width: 750px){
.single-post #post_image .category {
    left: 20px; }
}
ポイントMuumのレイアウト仕様上、単にアイキャッチ画像を非表示にすると画像上に表示されているカテゴリーも非表示になってしまいます。そこで、背景画像として出力されていたアイキャッチ画像エリアを背景なしに設定し、その分表示領域やカテゴリーの表示位置を調整しています。

カテゴリーも非表示にしたい方は上記ではなく、以下のCSSを入力してください。

.single-post #post_image,
.single-post #post_image .category { display: none; }

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

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

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