sakusakujzz20さん

該当箇所は、おそらくコメント欄のアバターが表示されている箇所だと思います。
ただ、複雑に絡みあっていそうですが・・・。

まずは、以下のプラグインはアンインストールなさることをお勧めします。
おそらく、このプラグインが悪さをしています。

投稿者:: @sakusakujzz20

a3 Lazy Load 2.4.9

WordPress 5.5以降は、ネイティブLazyLoadに標準で対応しています。
よって、上記のプラグインは不要と考えます。

また、親テーマがとても古いです。

投稿者:: @sakusakujzz20

テーマ名：Cocoon
バージョン：1.8.9.1

これは、2019年07月頃のバージョンと思われます。
（WordPressが「5.2.1」頃のバージョンです。）

最新のWordPressに対して、対応はしていないと思います。

これだけバージョンが古いと、何があるか分からないです。

ちなみに、現在の親テーマのバージョンは、「2.4.5.2」くらいです。

また、Cocoonをご利用の場合、以下のプラグインも不要です。

投稿者:: @sakusakujzz20

Classic Editor 1.6.2

「Cocoon設定」→「エディター」→「Gutenbergエディターを有効にする」のチェックを外すことでクラシックエディターを利用できます。

ただ、現在sakusakujzz20さんがご利用のテーマのバージョンは、とても古いです。

まずは、親テーマをバージョンアップしてから、該当箇所のチェックを外し、プラグイン「Classic Editor」をアンインストールなさるのが良さそうに思います。

sakusakujzz20さん

もう1点。

以下のプラグインは、WordPressの日本語環境において必須と言えるそうです。

WP Multibyte Patch
https://ja.wordpress.org/plugins/wp-multibyte-patch/

無用のトラブルを避けるためにも、インストールなさることを強くお勧めします。

sakusakujzz20さん

アバターの件は、子テーマの指定の影響の可能性もあるのですが。

まずは、プラグインの無効化（アンインストール）と親テーマの最新化をしてからだと思います。
（「絡みあっていそう」と書いたのはそういう理由です。）

アバターが必要ないのであれば、表示しないというのも一案かと思います。
（現在、プラグインの影響なのか、何が表示されているのか分からないです。）

mk2さま

早速のご回答ありがとうございます

教えていただいた作業をやってみます

まずはお礼まで

作業後に結果を報告させていただきます

●原因

無条件で画像(imgタグ)を幅100%としており。
個別にサイズ指定されていれば問題ないですが、
コメントのアバターアイコンは、サイズ指定がないので幅100%が適用され拡大表示となり。
この時、アイコンが透明画像の為、隙間が空いたように見え。

●対策

.entry-contentを追加し、投稿記事中の画像のみ幅100%で表示させ。

.entry-content img {
  width: 100%;
  height: auto;
}

サイドバーに配置しているプロフィール画像は幅100%とならないので、個別に指定します。

#custom_html-2 img {
  width:100%
}

アスペクト比を維持させるような指定がありますが、エラーになっているので削除かと。
aspect-ratio: attr(width) / attr(height);

投稿者:: @chu-ya

無条件で画像(imgタグ)を幅100%としており。

書かれちゃいましたね。
先に、プラグインと親テーマの対応してからと思っていましたが。

と言いつつ、しばらく離席しますので、後回りにもしづらかったので、ちょうど良かったかもです。

では、しばらく離席します。
（PCはしばらく使えないです）

mk2さま

a3 Lazy Load 2.4.9削除
変化なし

テーマ名：Cocoon
バージョン：2.4.5.2に更新

「Gutenbergエディターを有効にする」のチェックを外す

「Classic Editor」をアンインストール

WP Multibyte Patchインストール

ここまで変化なし

Wordpressバージョン：5.8.4→6.0
変化なし

All-in-One WP Migration 7.58→7.61
Google XML Sitemaps 4.1.1→4.1.3
Media Library Folders for WordPress 7.0.8→7.1.0
Throws SPAM Away 3.3→3.3.2
変化なし

コメント本文の前に入る空白に関しては変化はないのですが、ページ内コンテンツの一番のキモとなる地図と標高グラフが表示されなくなってしまいましたので、そちらの復旧のため、今後の作業まではかなりの時間がかかってしまうものと思われます

ありがとうございました

chu-yaさま

ご回答ありがとうございます

.entry-contentを追加し、投稿記事中の画像のみ幅100%で表示させ。
サイドバーに配置しているプロフィール画像は幅100%とならないので、個別に指定します。
この部分のcssを書き換えたところ添付ファイルの状態になりましたので、一旦元に戻しました

すぐにでも作業をして結果報告をしたいのですが、コンテンツのキモとなる地図と標高グラフが表示されなくなってしまったため、まずはそちらの復旧にとりかかるため、申し訳ありませんがしばらく作業ができなくなってしまいます

ちなみになんですが、ご教示いただいたcssを書き込み、添付ファイルの状態になった時でもコメント前の空白に変化はありませんでした

アスペクト比を維持させるような指定がありますが、エラーになっているので削除かと。

これはまだできていません

ありがとうございました

sakusakujzz20さん

スマホからなもので、詳しく確認ができないのですが・・・。

プラグインを無効化することで、どんなアバターが表示されているのか分かるとか思いましたが、透明なアバター画像のままのようです。

コメント欄のアバターは、皆様ご利用なのでしょうか？
（透明であれば、意味ないのでは・・・。）

必要なければ、アバターを表示しないのも一案です。

WordPressの設定の「ディスカッション」からできると思います。

現在無条件で、imgタグのwidthが100%になっており、アバターも拡大されています。

@sakusakujzz20 さん

正しく伝わっていなかったようなので。

子テーマCSSに記述されている、以下の部分を書き換えて下さい。
imgを.entry-content imgとして下さい。

/************************************
** 写真読み込み時のレイアウト崩れ防止
************************************/
img {
   width: 100%;
   height: auto;
   aspect-ratio: attr(width) / attr(height);
  }

新たに以下のCSSを追加して下さい。

#custom_html-2 img {
  width:100%;
}

mk2さま

chu-yaさま

いろいろとご回答ありがとうございます

地図と標高グラフはcocoonのバージョンを1.8.9.1に戻したら表示されました

今夜から出かけてしまいますので今後の作業は帰ってからになります

作業開始は早くて日曜の昼からになるかと思います

いろいろとご回答いただいている中不躾で申し訳ありません

また戻りましたら作業を行います

不慣れで知識もありませんので、作業には時間がかかると思いますが、今後ともよろしくお願いします

sakusakujzz20さん

投稿者:: @sakusakujzz20

地図と標高グラフはcocoonのバージョンを1.8.9.1に戻したら表示されました

これは、その状態を拝見しないと分からないかもしれないです。
（見ても分からないかもしれませんが）

あまりにも古いバージョンですので、正直お勧めはしませんが。
（クラシックエディタなら大丈夫なんでしょうか・・・）

ちなみに何の機能で表示なさっていますでしょうか。

以下のプラグインでしょうか。

投稿者:: @sakusakujzz20

LF Hiker 1.13.0

だとすると、以下のような状態みたいです。

mk2さま
アバターは必要ないのでWordPressの設定の「ディスカッション」でアバターを表示するのチェックを外したところ、問題が解消しました

chu-yaさま
とりあえずの問題は解消しましたが、今後のためもありますので以下の変更をしました
プロフィール画像のcss追加
imgを.entry-content imgに変更

これでとりあえずの問題は解消しました
色々とありがとうございました

mk2さま
以前はLfHikerプラグインを使っていましたが、あまりプラグインを使いたくなかったので、現在は使用していません

今はLeafletというJavaScriptライブラリで地図表示
HighchartsというJavaScriptライブラリで標高グラフの表示をしています

cocoonバージョンを2.4.5.2まで上げると表示されなくなってしまいますので、どこまで上げて大丈夫かの検証と、表示されなくなる原因の追究をしていきたいと思います

こちらは当トピックとは別の案件になりますので、行き詰りましたら新しいトピックを立てさせていただきます

本当にありがとうございました

解決済みにしてしまうと新たな書き込みができなくなってしまうかもしれませんので、折を見て、解決済みにさせていただきます

sakusakujzz20さん

まずは、解決なさって何よりです。

確か「解決済み」にしても書き込めるはずです。

但し、「解決済み」にした場合、わいひらさんが「クローズ」なさると思いますので、何かある場合は「解決済み」にしない方が良いかもしれないですね。

プラグインは使っていないのですね。

Leafletであれば、表示されるはずですよね。
このフォーラムでも数は多くないですが、Leafletに関するお問い合わせがあった記憶があります。

Highchartsは初めて聞きました。
世の中には便利なものがあるなぁと感心します。

仰る通り別件かと思いますので、別トピックを立てていただくのが良さそうですね。

まだ新しいトピックを立てるほど追い込み切れてないので途中経過です

cocoonのバージョン2.1.3.1まではＯＫ

2.1.3.2にすると投稿ページのleafletとHighchartsが表示されなくなります

固定ページのleafletは表示されます

投稿ページで使っているleafletに渡す値を作るための関数が引っかかるのか、関数を呼び出すためのphpが引っかかるのか

バージョン2.1.3.1と2.1.3.2の更新履歴

https://github.com/yhira/cocoon/commits/master?after=d1b72462613576efc73551a3b410e100feb9168b+1434&branch=master&qualified_name=refs%2Fheads%2Fmaster

こちらを眺めながら考えてますがなかなか難しそうです

表示されないコードの最小構成を作って検証するべく、コード編集中です

sakusakujzz20さん

既に新しいトピックを立てていただいた方が良いと思います。
（やはり別件だと思います、件名とは違う事象かと。）

ちなみに、もしよろしければ表示させるためのコードをご提示いただいたもよろしいでしょうか。

sakusakujzz20さんのサイトから、ソースをコピーしてみましたが、何かが違うようで、上手く表示出来ず、崩れてしまいました。
（Script実行後のソースだから表示されているだけかもしれないです。）

動作させるために、必要なものがあれば、それも教えてください。
（コードを貼り付けるだけで良いのか、他に何か必要なのか、その辺りも、ご教示いただけると助かります。）

ちなみに環境は、以下です。

WordPressバージョン：6.0
PHPバージョン：7.4.1
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.63 Safari/537.36
サーバーソフト：Apache/2.4.43 (Win32)
サーバープロトコル：HTTP/1.0
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.5.4
カテゴリ数：5
タグ数：2
ユーザー数：3
----------------------------------------------

とは言え、今日はもう時間はとれないかもしれないです。

mk2さま

こちらは解決済みにして新しいトピックを立てさせていただきます

よろしくお願いします