はじめに… 一番簡単な方法かと思います
アイキャッチ画像を非表示にする方法はいろいろあります。
しかし、『外観→テーマエディター→CSSエディター』や『外観→カスタマイズ→追加CSS』で編集すると記事のIDを調べる手間が増えます。
そしてエディターはできるだけすっきりさせておいたほうが良いと思うので(CSSエディターには他に書かなければいけないことがたくさんあり分かりづらくなる可能性があるので)、今回は別のところで設定する方法をご紹介します。簡単です！
アイキャッチ画像が不要なページとは
サイト型(ホームページ風)のトップページなどにはアイキャッチ画像は必要ないですよね。そういったときに役立つ方法です。
記事作成画面の“アイキャッチ画像を設定”で設定しなければいいだけじゃないの？
アイキャッチ画像を設定しないと…
その方がさらに簡単ですが(笑)、例えばそのページを他のページでリンクさせたい(紹介したい)時に【NO IMAGE】になってしまいます。
例えばこんな感じです。
アイキャッチ画像を非表示にするCSSはこちら！
.eye-catch {
display: none;
}
アイキャッチ画像を非表示にするCSSを貼りつける場所
投稿画面の下
アイキャッチ画像を非表示にしたい投稿画面の
一番下に『カスタムCSS』と書かれているところがあります。記入できる状態になっていない時は右の『▼』をクリックしてください。
記入できる状態になりました。
こちらに先ほどのCSSをコピーして貼り付けます。
アイキャッチ画像非表示CSSの貼り付け
以下のようにします。
実際にアイキャッチ画像を非表示にしてみます
アイキャッチ画像非表示CSSなし(通常の場合)
アイキャッチ画像非表示CSSあり
めでたくアイキャッチ画像が非表示になりました。
設定は以上です。
さいごに
アイキャッチ画像を非表示にする方法は、サイト型(ホームページ風)のトップページを作る時などに役立ちます。サイト型のページを作る方法は下にご紹介していますので良かったら読んでみてください。
[Cocoon]簡単サイト型ホームページの作り方CSS,HTML不使用Wordpress
CSSもHTMLも使わずにサイト型のトップページにする方法をご紹介します。Cocoonのテーマを使えばボタン操作だけでホームページ風のトップページにを作ることができますよ。エディタはGutenbergを使用しています。
osaifull.com
その他ワードプレスCocoonの設定方法はこちらです。分かりやすい説明を心がけています。
ワードプレスCocoon
WordpressのCocoonテーマでグーテンベルグエディタを使用しての記事の書き方や設定方法をご紹介しています。その他サイト型トップページ作成方法、Cocoon設定一覧など。できるだけ簡単に設定できる方法をご紹介しています。分かりやすい説明を心がけています。
osaifull.com
