サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年10月4日 11:30
本文の画像にメディアリンクを設定すると下に隙間ができてしまいます。キャプションや下の文章などが下にずれてしまうため、隙間をなくしたいです。
参考URL: https://kameisatoshi.website/?p=257
----------------------------------------------
サイト名：てすとさいと
サイトURL： https://kameisatoshi.website
ホームURL： https://kameisatoshi.website
コンテンツ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.8.3
PHPバージョン：8.4.3
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36 Edg/140.0.0.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br, zstd
言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8
カテゴリー数：1
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845 バイト
functions.phpサイズ：204 バイト
----------------------------------------------
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
----------------------------------------------
利用中のプラグイン：
----------------------------------------------
2025年10月5日 00:09
WordPressのものが、干渉しているように思います。
これをunsetすれば、良さげに思いますけれど。（試してはいませんが）
.wp-block-image>a {
display: unset;
}
2025年10月5日 01:46
Cocoonの不具合ではありません。
原因
「画像」ブロックをリンク付きにした場合、画像が<a>タグで囲まれます。
<a>タグはデフォルトでinline-blockで表示されます。
inline-blockの特性上、line-heightが効くため、画像の上下に余白（行間）ができることがあります。
結果として、画像とテキスト間に 予期しない隙間 が発生します。
対策
囲んでいる<a>タグをblockに変更します。
.wp-block-image>a {
display:block;
}
わいひら reacted
トピックスターター 2025年10月5日 07:32
お二方回答ありがとうございます。不具合ではなく仕様ということですね。意図せず隙間ができでしまうのはなんだかなぁという気がしますが・・・。
CSSを適用してみたところ隙間はなくなりましたが、これらのCSSを適用することでデメリットはありますか？
2025年10月5日 09:26
どういう経緯で、以下をCocoonが追加したのか思い出せないのですけれど。
.wp-block-image img {
display: block;
}
Cocoon 2.3.6の「不具合修正」の項番5ではないかと思います。
Cocoon 2.3.6公開。ウィジェット表示機能にカスタム投稿タイプ追加。不具合修正など。
https://wp-cocoon.com/2-3-6/#toc6
.wp-block-imageのスタイル調整
https://github.com/xserver-inc/cocoon/commit/8aca57b7e6e706aa40d7259ca7074a751663316a
最初に挙げたCocoonのCSSがなければ、これは発生しない事象なのではないかと思います。
つまり、Cocoonの問題ではないかと、私は思います。（私見ですけれど）
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。