こんにちは、mickです。
固定ページなど特定のページでアイキャッチ画像を消すにはどうすれば?
ということを解決して行きます。テーマには「Cocoon」を使っています。
アイキャッチ画像を非表示にすやり方は簡単です。
CSSを編集する。しかもコピペOKです。
アイキャッチ画像とは
アイキャッチ画像というのは、WordPressのインデックス(エントリーカード)やブログカードにでてくる画像です。
また、投稿した記事で最初にでてくる画像がアイキャッチ画像です。
固定ページと投稿(ページ)の違い
通常、ブログを投稿してアイキャッチ画像が出て困ることはないと思います。
それでもテーマやテーマのテンプレートによってはアイキャッチ画像を消したいケースがあると思います。
例えば、固定ページの「サイトポリシー」や「お問い合わせ」でアイキャッチ画像が出てくると消したくなります。
アイキャッチ画像を表示しない
ここでは、固定ページ(投稿でもOK)のアイキャッチ画像を非表示にしていきます。
使うCSSソースコード
今回使うCSSのソースコードはこちら。これをコピペすればOKです。
/* アイキャッチ画像を非表示にする */
.eye-catch {
display: none;
}
貼り付ける場所
上のCSSを貼り付ける場所は、固定ページや投稿を編集する下のメニューにあります。
メニューの「SEO」「カスタムCSS」「カスタムJavaScript」から「カスタムCSS」を選びます。
カスタムCSSにあるテキストボックスに上のCSSを貼り付ければOKです。
確認
固定ページにアイキャッチ画像がでてないのを確認しておしまいです。
まとめ。
通常、固定ページではアイキャッチ画像はでてきません。
ただ、Cocoonでテンプレート「Bizarre-food」を使うと、固定ページでも強制的にアイキャッチ画像がでてきました。
こんなとき、アイキャッチ画像を非表示にすることは最適です。
以上、みなさまの助けなれば幸いです。
初稿 2020/08/31