トップページになるところ
つまり【固定ページ】にアイキャッチが出てきて
トップページが崩れる。
【アイキャッチを削除する】を押して更新してを押しても
絶対に出てきて困ってました。
同じ経験をされている方いませんか?
簡単!アイキャッチを非表示にする方法
これがすごく簡単な方法だった。
CSSで非表示にできる。
【外観】→【テーマファイルエディター】→【追加CSS】でも
もちろん大丈夫です。
しかし、それだと地味にめんどくさい(笑)
記事のIDを調べたりなど手間がかかる。
そこですごく簡単に非表示にするCSSあるのをご存じだろうか?
❶アイキャッチ画像が非表示だとどうなる?
アイキャッチ画像を設定していないと
どんな感じになるかというと?
赤枠で囲ったような感じで
NO IMAGEと表示される感じになります。
これがアイキャッチ画像を設定していない時の見え方になります。
❷アイキャッチがいらない場所とは?
サイト型のトップページだと、
トップページにはアイキャッチ画像は必要ない。
そこで何度もアイキャッチ画像が出てきて苦労していた私。
何度もアイキャッチ画像を消しては更新して…の繰り返し…
なぜだか、何度も登場してくる(笑)
そして、登場するとトップページが崩れる。
どうしても消したい!!
消し方はすごく簡単!だった。
➌アイキャッチ画像を非表示にするCSS
このCSSをコピーね!
.eye-catch {
display: none;
}
display: none;
}
❹CSSの貼り付ける場所
ページを作成していると
一番下にいくと
SEOタイトルなどを入れるところが出てくる。
↑こんなところ。
その下の方に
カスタムCSSというところがあります。
そこに先ほどコピーをしたCSSを
カスタムCSSに貼り付ける。
たった、それだけ!
このCSSを入れるだけで
アイキャッチ画像を非表示にすることができる。
❺まとめ
私の場合はトップページのアイキャッチが消えずにずっといて
何度消しても、登場してくるので(笑)
この方法で一発で消えてくれました。
コメント