ビギナーさん

フォーラム上部の案内にあります通り、環境情報をご提示ください。

書き込みの前に以下の3点をご確認ください。

1. 1つのトピックにつき1つの質問を書き込んでください
2. 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

また、事象説明は文字だけでは伝わらないと思います。

キャプチャ画像など添付いただくと、伝わると思います。

赤字で書いても伝わらないです。

今回うかがった内容では、もしかするとスキンかな。。。くらいには思いますが、現物を見ずして、分かるはずがないです。

ビギナーさんがお医者さんに電話を掛けて、「謎の痛みがあります、治し方を教えてください」と言っているようなものです。

たいへん失礼しました。

----------------------------------------------
サイト名：
サイトURL：
ホームURL：
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/bizarre-foods-whiteramen/style.css
WordPressバージョン：5.8
PHPバージョン：7.4.22
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:91.0) Gecko/20100101 Firefox/91.0
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.4.1

こちらで大丈夫でしょうか。

よろしくお願いいたします。

ビギナーさん

おそらくスキンの仕様（デザイン）ということだと思います。

スキン：/wp-content/themes/cocoon-master/skins/bizarre-foods-whiteramen/style.css

これをご希望のカタチにするには、CSSを書く必要があると思います。

しかし、ビギナーさんのサイトのご提示がありません。

ということは。。。

1. 回答者側でできる限り同じ環境を作る
2. 上記のものに、どういうCSSが当たっているかを調べる
3. ビギナーさんのご希望に通りにするにはどうするかを確認する

という作業が必要です。

しかし、私はいま手元にはスマホしかありませんので、上記作業はできません。
自宅以外で、PCを触る機会もありますが、その場合は上記項番1はできません。
項番2以降ならPCがあればできますが、今はスマホしかありません。
（私の帰宅は夜になると思います。）

上記のことから、今私は回答のしようがありません。

上記のことができそうな他の方のご回答を待つしかないと思います。
（環境を作って、確認してくださる方。）

おそらくですが。。。

同じスキンに対して、同様のお問い合わせが過去にあるかもしれません。
（あったような気がします。）

このフォーラムを検索いただくと、その回答が見つかるかもしれません。

こちらのトピックに書かれているCSSで希望の状態になりますでしょうか。

Bizarre-foodの本文中アイキャッチ画像を非表示にしたい　 https://wp-cocoon.com/community/postid/18252/

.single .article-header > .eye-catch-wrap {
	display: none !important;
}

.single .article-header h1,
header.article-header.entry-header,
.eye-catch,
header .article-header,
.date-tags {
	position: static;
}

上記は投稿ページに。ってことで、style.cssに追記。

サイドバーにあるサイト内検索（Google提供のもの）から「bizarre-foods アイキャッチ」で検索すると、他にも関連するトピックが出てくると思います。

mk2さま／さる子さま

お世話になります。

質問に不手際があったにもかかわらず、ご丁寧に返信いただき誠にありがとうございます。

追加情報のご提供ありがとうございます。

自分が不慣れなだけで、どこかのボタンの切り替えで解決するものかと

思ってしまっておりました。

こんなにも皆さまのお手を煩わせることになろうとは、本当にすみません。

いただいた情報を参考に試してみようと思います。

取り急ぎ、お礼にてご容赦くださいませ。

前略、ビギナーさん

以下のようなトピックもあります。

アイキャッチの画像がすべて酷くぼやけてしまう

https://wp-cocoon.com/community/postid/43542/

.eye-catch img {
  height: auto !important;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
  transform: none;
  width: auto;
}

.article-header h1 {
  position: static;
  margin-right: 0;
  font-size: 26px;
  color: inherit;
  text-shadow: none;
}

.date-tags {
  position: static;
  color: inherit;
}

mk2さま　さる子さま　リフィトリーさま

このたびのアドバイス誠にありがとうございました。

おかげさまで解決いたしました。

原因は、やはり単に私の不慣れと無知によるもので、

アイキャッチ画像とh1タイトル下のブロックに同じ画像を重複設定していたことでした。

今まで、アイキャッチ画像はホームなどで表示されるサムネイル画像、

記事タイトル下の画像は画像ブロックで設定するもの、と思い込んでおりまして、

両方に同じ画像を設定してしまっておりました。

アイキャッチ画像、イコールh1下の画像ということを知らなかったのです。

気づいたキッカケは、さる子さまのアドバイスにあった「スキン」という言葉です。

そもそも、昨日までの私はスキンという言葉も知らず、

スキンというものの存在も意識したことがなく、言葉の意味から調べて取り組みました。

ブログ立ち上げ直後、たまたまある記事でオススメされていた通りに無意識にスキンを選んでいましたが、

その時はブログ立ち上げ初心者に立ちはだかる様々な障壁に疲れきってしまい、

言われるまま思考停止状態だったため、認識できていませんでした。

それで試しにスキンを変更してみましたころ、

今度はタイトル文字の下に同じ画像が2つ連続で表示され、

ここでようやくh1タイトル下のブロック画像設定が不要なことに思い至った次第です。

そもそも疑問に感じていた、タイトル文字下に薄く表示されるのは、

皆さまご指摘のとおり無意識に選んでいたスキンの仕様によるものでした。

「素人は何をしでかすかわからない」の典型で、なんともお恥ずかしい話ですが、

この先ブログを始められる方で、もし私と同じくらいのレベルの方がいらっしゃれば、

少しでも参考になればと思い詳細に報告させていただきました。

アドバイスくださった先輩方、このたびは本当にお騒がせ、お手数おかけいたしました。

あらためてお詫びとお礼申し上げます。

失礼いたします。

ビギナーさん

スキンについては、以下が参考になると思います。

Cocoonスキンの機能の仕様
https://wp-cocoon.com/skin/

スキン紹介・仕様など
https://wp-cocoon.com/category/theme/theme-settings/skins/

なお、Cocoonはマニュアルが良くまとまっていて、大抵の機能については、マニュアルに詳しい記載があります。

せびご一読くださいませ。

テーマ利用マニュアル
https://wp-cocoon.com/manual/

量が多くて読むだけで大変ですが、それだけ多機能だという事かと思います。

フォーラムにご質問いただくものでも、マニュアルページに記載のあるものが、結構あるんですよね。