サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023年8月25日 04:52
時々こちらでお世話になっております。この度もよろしくお願いいたします。
問題解決は特に急ぎませんので、先生方のお手すきの時にお知恵を拝借できると大変ありがたく思います。またご回答いただいた後のこちらからのお返事は、日本と7時間の時差のため少々遅れますことご了承いただけると幸いです。
◆ 不具合・カスタマイズ対象ページのURL：
例えばこちら→ https://kayo-ruhe.com/zoom%e9%91%91%e5%ae%9a だがブログ記事のページ全般に同じ問題が出ます。
◆ 相談内容：
おそらくH2の部分だと思うのですが、H2の下線と下の文章との距離が編集ページでは適切に表示されるのに、実際のサイト上では密接してしまいます。
私の希望は編集ページのように距離をあけたいのです。
（添付画像ご参照のこと。）
◆ 不具合の発生手順：
特に何も触っていません。このH1 やH2 あたりは一度触ると本当に訳が分からなくなるので、一度完成した後は特に注意して【 絶対に触らないようにしていた 】のですが、最近表示を確認するとこのようになっていました。なので突然表示が変わった原因が分かりません。
◆ 解決のために試したこと：
大昔このあたりのCSSを触ったのですが、よく分からないままカスタマイズのサイトの言うとおりに切ったり貼ったりしたのでだいぶんカオスなはずです。が、以前整理してみようとちょっと触ったところ大きく崩れて元に戻すのすら大変だったので、今回も恐ろしくてノータッチでおります・・・。
環境情報：（Cocoon環境に関する情報です。の部分）
----------------------------------------------
サイト名：算命学を使った人生戦略作戦会議
サイトURL： https://kayo-ruhe.com
ホームURL： https://kayo-ruhe.com
コンテンツ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.3
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7,ja;q=0.6
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.4.8
カテゴリー数：20
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：8518バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：0
AMP：1
PWA：0
Font Awesome：5
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/uploads/2020/03/Top画像表題入りPNG1.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Ad Invalid Click Protector 1.2.8
Akismet Anti-Spam: Spam Protection 5.2
BackWPup 4.0.0
Booking Package SAASPROJECT 1.6.05
Category Order and Taxonomy Terms Order 1.7.9
Contact Form 7 5.8
Converter for Media 5.9.5
Jetpack 12.5
Jetpack Boost 2.0.1
Regenerate Thumbnails 3.1.6
Site Kit by Google 1.107.0
WordPress Ping Optimizer 2.35.1.3.0
WP ULike 4.6.8
XML Sitemap Generator for Google 4.1.13
----------------------------------------------
（不具合報告の際には以下の情報を添えてもらうと助かります。 の部分）
---------------------------------------------
サイト名：算命学を使った人生戦略作戦会議
サイトURL： https://kayo-ruhe.com
ホームURL： https://kayo-ruhe.com
コンテンツ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.3
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7,ja;q=0.6
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.4.8
カテゴリー数：20
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：8518バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：0
AMP：1
PWA：0
Font Awesome：5
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/uploads/2020/03/Top画像表題入りPNG1.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Ad Invalid Click Protector 1.2.8
Akismet Anti-Spam: Spam Protection 5.2
BackWPup 4.0.0
Booking Package SAASPROJECT 1.6.05
Category Order and Taxonomy Terms Order 1.7.9
Contact Form 7 5.8
Converter for Media 5.9.5
Jetpack 12.5
Jetpack Boost 2.0.1
Regenerate Thumbnails 3.1.6
Site Kit by Google 1.107.0
WordPress Ping Optimizer 2.35.1.3.0
WP ULike 4.6.8
XML Sitemap Generator for Google 4.1.13
----------------------------------------------
This topic was modified 1年前 by kayo_ruhe
2023年8月25日 11:59
Jetpack Boostが原因です。
●原因
Jetpack BoostのCSSの「読み込み最適化」、がオンになっています。（図③）
この為、CSSの並びが図①②と正しくありません。
本来、図②①が正しく。
結果、子テーマCSSに、h2の余白を定義していますが、無効となり。
[Cocoon設定]→[本文]→本文余白「行の高さ=1」「行の余白=0.1」が優先され。（図①）
エディターの時、余白があるのは、Jetpack Boostの影響を受けないからだと思います。
●対策
Jetpack Boostを削除し[Cocoon設定]→[高速化]→縮小化を、オンにして下さい。
Jetpack Boostを使う必要はありません、Cocoonの標準で行えます。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。