基本必要だけど、たまにいらないアイキャッチ

文章が短い記事だと大きいアイキャッチ画像とのバランスがおかしくて非表示にしたくなる場合がある。

その他にも人それぞれアイキャッチ画像を非表示したくない時がある。

そんな時は記事投稿編集画面の下の方にある「カスタムCSS」欄を使う。
「カスタムCSS」欄がどこにもない場合は一番上の「表示オプション」タブを開いて「カスタムCSS」にチェックを入れる。

「カスタムCSS」にコードを追加
.single_thumbnail{
display:none;
}

[参考画像]
アイキャッチ
こうすることによって、当該記事にだけアイキャッチ画像が表示されなくなる。
ちなみに記事一覧などのサムネイルにはちゃんとアイキャッチ画像が表示される。
あくまでも個別記事に表示されなくなるだけ。


PCのみ非表示にしたい場合は
@media screen and (min-width:769px){
.single_thumbnail{
display:none;
}
}

PCで表示。スマホとタブレットで非表示
@media screen and (max-width:768px){
.single_thumbnail{
display:none;
}
}
これは最大768ピクセルまでの画面で見た場合は非表示という指定なので、スマホのみ非表示にしたい場合は数字を480px等に変更してください。

スポンサーリンク
おすすめの記事