おでかけ情報ブログ

Coccon|固定ページのアイキャッチを消したい・非表示にしたい

アイキャッチ画像を非表示にワードプレス
ワードプレス

トップページになるところ
つまり【固定ページ】にアイキャッチが出てきて
トップページが崩れる。

【アイキャッチを削除する】を押して更新してを押しても
絶対に出てきて困ってました。

同じ経験をされている方いませんか?

簡単!アイキャッチを非表示にする方法

これがすごく簡単な方法だった。

CSSで非表示にできる。

【外観】→【テーマファイルエディター】→【追加CSS】でも
もちろん大丈夫です。

しかし、それだと地味にめんどくさい(笑)
記事のIDを調べたりなど手間がかかる。

そこですごく簡単に非表示にするCSSあるのをご存じだろうか?

1.アイキャッチ画像が非表示だとどうなる?

アイキャッチ画像を設定していないと
どんな感じになるかというと?

アイキャッチ画像が非表示

赤枠で囲ったような感じで
NO IMAGEと表示される感じになります。

これがアイキャッチ画像を設定していない時の見え方になります。

2.アイキャッチがいらない場所とは?

サイト型のトップページだと、
トップページにはアイキャッチ画像は必要ない。

そこで何度もアイキャッチ画像が出てきて苦労していた私。

何度もアイキャッチ画像を消しては更新して…の繰り返し…
なぜだか、何度も登場してくる(笑)

そして、登場するとトップページが崩れる。

どうしても消したい!!

消し方はすごく簡単!だった。

3.アイキャッチ画像を非表示にするCSS

このCSSをコピーね!

.eye-catch {
display: none;
}

4.CSSの貼り付ける場所

ページを作成していると
一番下にいくと
SEOタイトルなどを入れるところが出てくる。

アイキャッチ非表示にするCSS

↑こんなところ。

その下の方に
カスタムCSSというところがあります。

そこに先ほどコピーをしたCSSを
カスタムCSSに貼り付ける。

たった、それだけ!

このCSSを入れるだけで
アイキャッチ画像を非表示にすることができる。

アイキャッチ画像非表示にする

5.まとめ

私の場合はトップページのアイキャッチが消えずにずっといて
何度消しても、登場してくるので(笑)
この方法で一発で消えてくれました。

コメント

error:Content is protected !!