前略、まっきー さん

以下のCSSのコードでイケるような気がします。

.body .wp-block-table figcaption {
   font-size: 0.7em;
}

リフィトリーさんのようなコードで各自が対応できる範囲ではありますが、同じキャプションなのに画像ブロックと表ブロックで表示が異なるのは不具合と言っても良いのかも知れませんね。

そして私の確認できた範囲で、画像ブロックと表ブロック以外にキャプションを入力できるブロックに

• ギャラリーブロック
• ビデオブロック
• 各種埋め込みブロック

がありました。
これらも表ブロックと同じくキャプションの表示が画像ブロックと異なります。

style.cssの5692行目の部分を

.article .wp-block-image figcaption {

から

.article .wp-block-image figcaption,
.article .wp-block-gallery figcaption,
.article .wp-block-video figcaption,
.article .wp-block-embed figcaption {

に修正した方が良いのかも知れません。

あるいは未確認のブロックに備えて

.article figcaption {

とか…？

@まっきー さん

差し支えなければわいひらさんが確認するまで https://beauty-re.com/test/ のページを公開したままにしていただけると良いかも知れません。

まっきーさん

わいひらさんは現在療養中なので、テーマの修正までは日数がかかると推測されます。

とりあえずは、CSSのコードの設置等で対処いただくことになろうかと思います。

リフィトリーさん
おお、ちゃんと文字が小さく、行間も狭くなりました！
ありがとうございます。

はるさん
.article figcaption {
にしたら、文字が小さく、行間も狭くなりました！
ありがとうございます。
他のキャプションも、画像ブロックと異なるのですね、確認不足でした。

わいひらさんの対応待ちですね。
それまで、サイト、投稿ページはそのまま、CSSも変更前に戻しておきます。

表のキャプションのスタイルを確認しました。
同様のスタイルになるように調整してみました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

わいひらさん
体調が良くなられたのでしょうか？無事で何よりです。

最新のテーマをインストールしました。
文字は小さく、行間も狭くなっていました。
対応ありがとうございました！

気付いた点として、
表とキャプションの行間は、画像とキャプションの行間より狭くなっていました。
キャプションの行間はどちらかに統一した方が、見栄えが良いように思われます。

大腿骨の骨折で手術をして退院してきたばかりなので、まだ回復の途中ではあります。
まだ抜糸をしていないのでまだしばらく病院に通う必要があるので、また返信が遅れることはあるかもしれません。

表とキャプションの行間は、画像とキャプションの行間より狭くなっていました。

同じスタイルなんですけど、確かインライン画像の下は余白が開いちゃうんですよね。
インライン画像をブロック画像にするのも投稿者の意図に反するような気もしますし、そこらへんはちょっと悩みどころです。

@まっきーさん

もしかしたら、適用したい画像の img タグに vertical-align プロパティを指定すると、ちょっと画像に近くなるかも・・

img {
vertical-align: middle;
}

わいひらさん
それは大変な手術でしたね。。痛みもあるでしょうが、お大事にしてください。

最終的に画像も表も、同じように説明を入れられればいいので、インラインでもブロックでも、どちらでも良い、のですが、他の方はどうなのでしょう。

リフィトリーさん
おお、CSSに追加したら、表と画像のキャプションの行間が近くなりました！
ありがとうございます。

インラインとブロックを変更したら、これまでインライン前提で記入していた場合は、実害が出てくると思います。
リフィトリーさんの方法でも、いい感じになるっぽいので、このスタイルに変更するとなにか表示上の問題がでないかを確認する必要があるかもしれませんね。
とはいっても、インラインをブロックに変換するよりは、全然実害はなさそうには思います。

Cocoonは、画像下の余白があることでバランスをとっている箇所もありますので、サイト全体ではなく、記事本文だけとか、

.article img {
   vertical-align: middle;
}

エリアを限定して使うなどすればよいかと思います。

わいひらさん
なるほど、インラインとブロックの変更は良くないのですね。

リフィトリーさん

img {
vertical-align: middle;
}
.article img {
vertical-align: middle;
}

確認したところ、どちらでも同じように表示されました。
テーマを更新するなら、

.article img {
vertical-align: middle;
}

を実装した方が実害が少ない？のかもしれませんね。

@まっきー さん

imgだけですと、ロゴに画像を使っている場合など、若干位置が下がってしまう等、影響が出ます。

確認してみたのですが、.article imgにしたとしても、以下のような表示の違いの弊害が出てしまうんですよね。

vertical-alignなし。

vertical-align: middle;

今まで、前者で記事を書いていたのに、急に後者のようになれば、気持ち悪く感じる方もおられるかもしれません。
今回のキャプションの場合、やはり個別にCSSを書いて対応していただくしかないかもしれません。

リフィトリーさん、わいひらさん

なるほど、その他の画像に影響が出てくるのですね。。
それでは、画像のキャプションの位置を変更する場合は、個別にCSSを書いて対応します。
何度もご返答頂き、ありがとうございました^^