前略、Yoko51さん

とりあえず、プラグインのGutenbergは停止することをオススメします。

いま出先なので詳しくみれませんが、高速化設定をoff にすると改善するというのは、ご自身で記述したコードのどこかに不備がある場合が多いです。

css の括弧が足りないなどがよくある事例です。

リフィトリー@leafytree さま

お忙しい中、お返事ありがとうございます。

投稿者:: @yoko51

画像・キャプション関係で私自身が記述したコードは以下のもののみです。

画像・キャプション関連以外の場所の括弧が抜けていても画像・キャプションに影響が出ることがあります。

/* スマホメニューを横スクロール*/
@media screen and (max-width: 768px) {
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}

627行目のメディアクエリの閉じ括弧が足りないようです。

684行目から686行目に閉じ括弧が1つ余分にあるので、恐らく627行目の閉じ括弧が下に来てしまっているのだと思います。

@yoko51 さん

WordPress5.5辺りから画像の遅延読み込み機能がWordPressに組み込まれたので、プラグイン（JetpackやEWWW Image Optimizeなど）の lazy load(画像の遅延読み込み)機能 は、OFFにしておいた方が無難かと思います。

あと、プラグインの「WP Multibyte Patch」は日本語環境でWordPressを利用する場合はインストール
必須だそうです。

インストールしておいた方が無難かもしれません。

@yoko51 さん

あと、Cocoon バージョン2.3.6 では、画像ブロックを「中央寄せ」にした場合、キャプションも画像の左右幅の中央に配置されるように仕様が変わっているかと思います。（以前は、全てキャプションは画像の幅の左寄せ）

以下のトピックをお読みいただくと、経緯がわかるかと思います。

[解決済] タイトルの位置が変更されず、画像のキャプション位置もずれてしまいます

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

さる子@saruko さま

お忙しい中、コードの確認ありがとうございます。 

ご指摘いただいたコードの不備を修正し、高速化をONにしてみましたが、不具合は改善されませんでした...

【修正内容】

①627行目のメディアクエリの閉じ括弧を、657行目に追加、

②684行目から686行目の閉じ括弧を1つ削除

@yoko51 さん

他にもあるのかもしれませんね。

@yoko51 さん

ちょっと時間がとれないので、とりあえず。

115行目→全角の空白２つ

194行目→全角の空白２つ

884行目→px数値指定ない

@yoko51 さん

ざっと見ただけなので、見逃しているかもしれません。

インデント等の記述が揃っていないので、判読しづらいです。

親テーマに切り替えてみると、ご自身で記述した影響がないので、ご自身で記述したCSSの影響かどうかがわかるかもしれません。

また、他の原因も含めて調べる必要があるかもしれません。

Yoko 51さん

表示を確認するときは、ブラウザのキャッシュを都度削除するようにしてください。

リフィトリー@leafytree さま

@yoko51 さん

親テーマに切り替えても症状が出るということは、CSSの記述以外の可能性があるかもしれません。

時間がとれたら、もう少し調べてみます。

リフィトリー@leafytree さま

お忙しい中、優しいお返事ありがとうございます。

どうぞよろしくお願いいたします。

@yoko51 さん

ローカルのテストサイトで高速化設定をONにしてみたのですが、症状が再現できないでいます。 ? 

ということは、しばらくの間、高速化をONにしていただくのが手掛かりを掴む手段かもしれません。

わいひらさんは、だいたい19時～20時30分ぐらいにフォーラムにいらっしゃることが多いようです。

症状が見れる方が良いかもしれません。

もしかしたら、わいひらさんがOFFにしてください、などご案内するかもしれません、そのときはわいひらさんのご案内どおりが良いと思います。

リフィトリー@leafytree さま

高速化をONにしてみました。

いろいろ本当にありがとうございます。

今拝見すると、以下のものが当たっている気がします。

.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption {
    display: table-caption;
    caption-side: bottom;
}

上記は、以下のようす。

 https://c0.wp.com/c/5.8.1/wp-includes/css/dist/block-library/style.min.css 

Jetpack絡みのような気がしますが。。。
（確証はないですけど。）

これだけの影響ではないんでしょうけれど…。

キャプションのみならず、画像が以下のアドレスになっています。

src="https://i1.wp.com/yoko51.com/wp-content/uploads/2021/08/01_yozakuraB.jpg

画像も、Jatpackt絡み？の機能で表示していると思われます。
（CDN？）

Jetpackっぽいと疑うのですが。。。他にあるでしょうか。。。

あ…突然現れてすみません。

@yoko51 さん

figure要素が display: table;でないといけないのに、なぜかdisplay: block;に指定されちゃってますね。

.body .aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

通常ですと、原因切り分けのため、プラグインを全て停止してみる、というのを先ず試してみたいところでしょうか。（プラグインの影響かどうかを見極めるという意味で）

@mk2_mk2 さん

投稿者:: @mk2_mk2

画像も、Jatpackt絡み？の機能で表示していまっていると思われます。
（CDN？）

確かに、CDNっぽいURLですね。

リフィトリーさん

はい、Jetpackを疑います。

以下の辺りのような気はします。

@mk2_mk2 さん

Jetpackにはそのような機能があるんすね。

@yoko51 さん

CDNであることと別のCSSが適用されていることは、少し違うのかもしれないですが、一旦、停止してみるとやはり、何かわかるかもしれません。

mk2 @mk2_mk2 さま 

リフィトリー@leafytree さま

丁寧なご回答ありがとうございます。

HTMLもCSSも初心者なので、細かい内容はあまり理解できていないのですが...

Jetpackを停止したら、中央揃えで表示されました！

JetpackをONにしたまま、中央揃えで表示することはできるのでしょうか？

リフィトリーさん
yoko51さん

Jetpackに「サイトアクレセレーター」という高速化機能があるようで、そのヘルプページに、今回のドメインが記載されています。
https://jetpack.com/support/site-accelerator/

@yoko51 さん

「Jetpack」は必要性を感じないので、一度も使ったことがありません。

「Jetpack」にも独自のCSSを適用させないような設定があるような気もしますが、そこは「Jetpack」に詳しい方に回答いただいた方が良いと思います。

ところで、「JetPack」を使い続けたい主な理由というのは何でしょうか？

いままで、フォーラムを拝読しているとJetpackの不具合って結構多いんですよね。

yoko51さん
リフィトリーさん

Jetpackのようですね。

JetpackのサイトアクセラレーターをOFFにするとどうでしょう？

投稿者:: @leafytree

ところで、「JetPack」を使い続けたい主な理由というのは何でしょうか？

いままで、フォーラムを拝読しているとJetpackの不具合って結構多いんですよね。

こちらには、確かに…と思います。

昔はJetpackが必要だったのかもしれませんが、今となってはWordPress自身も進歩していたり、Cocoonの場合は、Cocoonの機能で十分かも…と思えるところもあります。

Jetpackも多機能で、いろいろな機能があるんですよね。
（Jetpackが追加するブロックもあるみたいです。）

お使いになる場合は、1つ1つ、WordPressやCocoon、その他のプラグインなどと機能が重複しないか、確認なさるのが良い気がします。
（重複している場合は、どれか1つを選択する。）

隠しメニュー的に下部の「モジュール」という部分を選択すると、1つ1つの機能のON・OFFをコントロールできるようです。

ただ、ローカル環境だと、全部の機能が表示されないみたいです。
（Jetpackって、ユーザー登録が必要なんですよね、確か。）

リフィトリーさま

mk2さま

わいひらさんの「Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ」という記事

（ https://wp-cocoon.com/recommended-plugins/ ）で

「Jetpack」

が紹介されていたので、入れて使っていました。

Jetpackの統計機能を用いてアクセス状況を管理者に表示する機能が便利でよくみていたので、引き続き使えたらいいな、と思っています。

yoko51さん

投稿者:: @yoko51

Jetpackの統計機能を用いてアクセス状況を管理者に表示する機能が便利でよくみていたので、引き続き使えたらいいな、と思っています。

上記であれば、私の添付した画像の「サイト統計機能」のみをONにしておけば良いと思います。
（添付画像は、ホワイトアウトされてしまっていますが。。。ローカル環境ですので。）

他の機能はOFFで良いかもしれません。

「サイトアクセラレーター」のOFFだけで、画像やキャプション表示が戻るのであれば、それだけでも良いかもしれないですね。

@yoko51 さん

投稿者:: @yoko51

Jetpackの統計機能を用いてアクセス状況を管理者に表示する機能が便利でよくみていたので、引き続き使えたらいいな、と思っています。

なるほど、アクセス解析にご利用になっているのですね。

フォーラムへのお問い合わせで、Jetpackが原因だったことも多く、個人的に良い印象がなかったため、伺いました。

きっとyoko51さんだけではなく、他の多くの方も、その機能を重宝しているのかもしれませんね。

Cocoonは非常に多機能なので、同様に多機能なJetpackと干渉し合ってしまうことも多いのかもしれません。

ｍｋ２さんのご案内のように、できるだけ必要な機能に絞って使う方が良いのかもしれません。

mk2 さま

リフィトリーさま

JetpackのサイトアクセラレーターをOFFにしたら、中央揃えになりました！

Jetpackを使い続けるか、やめるかは即決できないので、お二人の意見を参考に決めたいと思っています。

迅速に対応していただきまして本当にありがとうございました。とても助かりました。