本文の行間の余白を設定すると画像のキャプションの余白も広がります - 不具合報告 https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/ Cocoon ディスカッション掲示板 ja Sun, 13 Sep 2026 23:57:25 +0000 wpForo 60 RE: 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78180 Thu, 28 Mar 2024 20:00:11 +0000 @chu-yaさま

＞ただ図の青枠のmargin-bottomではないのですか？

ここだけ特別に設定をいじっているとかはないつもりなのですが…。
どのようにテストサイトを実際に見ていただくか？がわからないので、歯がゆく思われたなら申し訳ございません。

が、もしかしたら、全部の行を詰めるより、このように開けたほうが見やすくなるかな？とも思い始めました。根本的な解決にはなりませんが、その方向で調整しようと思います。

お騒がせしました。

]]> 不具合報告 gumby https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78180 RE: 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78152 Wed, 27 Mar 2024 09:35:20 +0000 @gumby さん

初心者でコードの扱いに慣れてない

分からず、CSSなどコードをコピペしない事です。

対面で対応している訳ではなく、提示頂いた情報だけが全てです。
この為、実際のページを見ないと分かりません。

ただ図の青枠のmargin-bottomではないのですか？

]]> 不具合報告 大門未知子 https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78152 RE: 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78148 Wed, 27 Mar 2024 06:46:40 +0000 @chu-yaさま

 

早々のご回答ありがとうございました。何度か試してみましたが、初心者でコードの扱いに慣れてないためか、なかなかうまくいきません（添付画像のようになってしまいます）。

 

どうしたもんでしょうか？

 

この現象が起こるのは<caption>~img~</caption>のまわりだけです。

 

]]> 不具合報告 gumby https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78148 RE: 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78123 Tue, 26 Mar 2024 04:06:22 +0000 @gumby さん

●原因
画像は、標準vertical-align:baselineとなっている。
→→行の高さ
の設定に応じ、画像下に余白ができる。
●対策
vertical-alignを定義する。
.wp-caption img {
vertical-align: middle;
}
 
●ご参考
https://web-plus.jp/image-20211027/
 

githubは修正しているもの

本件のmarginとは、別の事です。
]]> 不具合報告 大門未知子 https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78123 RE: 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78120 Mon, 25 Mar 2024 21:02:01 +0000 だいぶ前の話題のようですが、ちょっと乗っからせてください。

私もキャプションつきの画像まわりの改行が気になり、何度もテキストエディターで修正しては下書き保存し、Cocoon設定からキャッシュを削除（WP Fastest Cacheもインストール済みですがACFの設定で不具合が起こる？とかで無効に）しているのですが、すぐに戻ってしまいます。

このトピックから時間も空いているので、わいひらさんのgithubは修正しているものと思ったのでダウンロードしてません。でも最初に投稿されたトコロさんのコードはググって同じものが出ていたのでstyle.cssに追加してみています。

まだテストサイトの段階ですが、環境情報は以下のとおりです。

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

----------------------------------------------
サイト名：☆ネリハリ☆Make Nerima to Hollywood!☆
サイトURL：http://neri-hari.com.testrs.jp/site
ホームURL：http://neri-hari.com.testrs.jp/site
コンテンツ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
WordPressバージョン：6.4.3
PHPバージョン：8.2.15
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.1 Safari/605.1.15
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate
言語：ja
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.2
カテゴリー数：14
タグ数：2
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：2830 バイト
functions.phpサイズ：2424 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Admin Menu Editor 1.12.1
Advanced Custom Fields 6.2.7
Advanced Google reCAPTCHA 1.20
Cache Clear for お名前.com 1.0.0
Classic Editor 1.6.3
Contact Form 7 5.9.3
Enable Media Replace 4.1.5
MetaSlider 3.62.0
Site Kit by Google 1.123.0
UpdraftPlus - Backup/Restore 1.24.1
Wordfence Security 7.11.4
----------------------------------------------

]]> 不具合報告 gumby https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-78120 RE: 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12390 Wed, 13 Feb 2019 10:58:38 +0000 一応、デベロッパーツールで確認してみました。

見たところ、不具合というか、僕がその部分にスタイリングしていない（し忘れている）のが原因のようです。
一応スタイルをあてがったもの以下にアップしておきました。

https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
https://wp-cocoon.com/wp-content/uploads/2019/01/github-zip.png

※多少の差異があるので現在margin:0にしているカスタマイズはそのままで良いかと思います。

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12390 RE: 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12348 Tue, 12 Feb 2019 21:43:45 +0000 圧縮されてるのを切ってもらわなければ、誰がどんなコードを書いてるのかが確認できないんですね。

Cocoon設定・高速化にある縮小化を気ってもらえますか。

]]> 不具合報告 かうたっく https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12348 RE: 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12343 Tue, 12 Feb 2019 13:24:12 +0000 わいひらさん返信ありがとうございます！
そして返信おそくなって申し訳ありませんでした。

早速ですが、該当するページはこちらのURLとなります。
https://tokolog.net/archives/8254

ただ現状はCSSを弄ってあるので、見た目上はマージンが0となっています。
一応CSSで設定を弄る前の画像を添付しておきました。

ちなみに本文の設定は

行高が2.0
行間の空白が2.2emで設定してあります。

どうぞよろしくおねがいします。

]]> 不具合報告 トコロ https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12343 RE: 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12233 Sun, 10 Feb 2019 10:46:13 +0000 ちょっと、実際の設定状態を見るためにも、該当ページのURLがあれば助かります。
もしくは、余白設定部分のキャプチャ画像とか。

応急対策についてもそれであれば、それで見た目的に良ければ問題ないと思います。

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12233 本文の行間の余白を設定すると画像のキャプションの余白も広がります https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12209 Sun, 10 Feb 2019 01:08:10 +0000 不具合なのか仕様なのかわかりませんが報告させていただきます。

先日のCocoon 1.5.7のアップデートで追加された「行間の余白」を設定すると、その設定に連なって、画像とキャプションの余白も広がってしまいました。

応急の対策としてstyle.cssに以下のコードを記入して回避することに。

p.wp-caption-text, .gallery-caption {
    margin: 0;
}

自分は素人なので、この方法で合ってるのかわかりませんがこれで見た目は良くなりました。

もし間違いなどがあれば教えて頂けると助かります。

どうぞよろしくおねがいします。

P.S いつも素晴らしいアップデートに修正お疲れ様です。
Cocoonはとっても良いテーマで無料で使わさせてもらってることにいつも感謝しています。これかも良いテーマになっていくことを願っています。

]]> 不具合報告 トコロ https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e3%81%ae%e8%a1%8c%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e5%83%8f%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%97%e3%82%b7%e3%83%a7/#post-12209