サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2024年7月19日 06:52
https://zuishun.net/literaryaward30/
など特定のページに限らず、すべてのページで起きている状況です。
これについてご相談いたします。
段落の間隔が設定値以上に広くなり、すべてのページで縦方向に間延びした感じになってしまいました。
行の高さ、行の余白は、添付ファイル（PNG画像）のように設定していて、行間も段落間もほぼ同等になるような設定をしています。
WordPressやCocoonでなにかメジャーな更新などあったのでしょうか？
行の高さ、行の余白に関して、再度、調整してみました。現在は元の値に戻しています。問題箇所の解消にはつながりませんでした。
ご指導をいただけると幸いです。よろしくお願いいたします。
なお当方の環境は以下です。
----------------------------------------------
サイト名：――生きていく傍らに、書くことを置いてみる――
サイトURL： https://zuishun.net
ホームURL： https://zuishun.net
コンテンツ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
スキン：/wp-content/themes/cocoon-master/skins/m-sora/style.css
WordPressバージョン：6.6
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/2.0
エンコーディング：gzip, deflate, br, zstd
言語：ja,en;q=0.9
----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.5.1
カテゴリー数：9
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：1905 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
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
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.6.1
Advanced Editor Tools 5.9.2
All-in-One WP Migration 7.84
All-in-One WP Migration Google Drive Extension 2.89
Category Order and Taxonomy Terms Order 1.8.2
File Manager Advanced 5.2.6
Flexible Table Block 3.3.0
FSM Custom Featured Image Caption 1.24
GA Google Analytics 20240701
Gallery Custom Links 2.2.0
Shortcodes Ultimate 7.2.1
Table of Contents Plus 2406
WP-Optimize - Clean, Compress, Cache 3.4.2
WP-Yomigana 2.1.0
WP Fastest Cache 1.2.9
WP Multibyte Patch 2.9
----------------------------------------------
2024年7月19日 09:23
WordPressやCocoonでなにかメジャーな更新などあったのでしょうか？
WordPressバージョン：6.6
日本時間の7/17(水)にWordPress 6.6がリリースされています。
（WordPress本体は自動更新せずに、動作確認を十分した上でアップデートなさることをお勧めします）
以前は、以下だったのに。
WordPress 6.6になって、以下のようになったということなのでしょうか。
カラムブロックをご利用のようですね。
私の環境で、確認してみました。
Cocoonは、共に 「2.7.5.1」です
【WordPress 6.5.5】
【WordPress 6.6】
同じソースでも表示が変わってしまうようです。
【WordPress 6.5.5】
【WordPress 6.6】
WordPress側が変わってしまったようです。
とりあえず、わいひらさんをお待ちいただければと思います。
わいひら reacted
Topic starter
2024年7月19日 10:04
@mk2_mk2 様
早速、ご返信と現象確認をありがとうございました。
WordPress6.6への更新が原因なのですね。
それが分かっただけでも、とりあえず、ホッといたします。
わいひら様をお待ちします。
ありがとうございました。
2024年7月19日 19:02
mk2さんさん検証ありがとうございます。
WordPress6.6でCSSの詳細度が変わってしまったため、上部に余白がついてしまうようになったんですね。
Cocoonテーマの場合は不要と思うため、余白を打ち消す変更を行いました。
よろしければこちらで試してみていただけると幸いです。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
ｍｋ２ reacted
2024年7月19日 20:09
ご対応いただき、ありがとうございます。
私の環境では解消していました。
ZUISHUNさんのご確認、お待ちしております。
Topic starter
2024年7月19日 20:37
わいひら様、早速のご対応をありがとうございました。
当方で、作成していただいたZIPファイルから、テーマにインストールして置き換えましたところ、
見事に、元のとおりの上下に引き締まった感じが蘇りました。
とても助かりました。
MK2様、現象確認や、様々な段取りをどうもありがとうございました。
では、本日はこのへんで。
ご対応に感謝いたします。
Topic starter
2024年7月19日 21:49
申しわけありません。
今回の現象に関して、まだ解決できていないページがありました。
以下のページに関しては、段落と段落の間が大きくなった件は解されましたが、
https://zuishun.net/literaryaward30/
例えば、以下のページに関しては、やはり、段落と段落の間は間延びしたままです。
https://zuishun.net/aikosato-100years/
この場合、クラッシック段落などが絡むのでしょうか。
私どものHPは、もともとはクラッシックエディターで編集していたものを、
途中から、ブロックエディターに切り替えています。
ご教示いただけると幸いです。
2024年7月19日 22:13
先程は、カラムブロックでしたけれど。
上記は、グループブロックだと思います。
ZUISHUNさんのサイトでは、画像など間に挟まっていて、離れていて例示しにくいので、私の環境での再現を。
【WordPress 6.5.5】
段落ブロック3つをグループ化したものです。
【WordPress 6.6】
カラムブロックと同様に、:where()がなくなったことにより、詳細度が上がったのだと思います。
以下もグループブロックみたいです。
ただ、時間の都合上、上記2つのページの全体をみた訳ではないです。
そのため、他のブロックの使用で、事象が起きている可能性はあるかもしれないです。
わいひら reacted
Topic starter
2024年7月19日 23:27
検証をありがとうございました。
それぞれの人が、いろいろな経緯で、HPをつくってきているでしょうから、
万能修正ツールなど、なかなか難しいことなのだと思います。
例にあげた場合など、やはり、都度修正が必要ということでしょうか？
2024年7月20日 00:00
WordPress側の仕様が変わった影響ですので。
場合にもよるとは思いますが、今回はカラムブロックと同様に、親テーマ側で修正が必要なのではないかと思われます。
わいひら reacted
Topic starter
2024年7月20日 01:50
そういうことですか。
では、Cocoon修正版が登場するのを待ちます。
今後ともよろしくお願いいたします。
2024年7月20日 08:40
なお、本件のようなものは、WordPress 6.6 リリースに伴い、たくさん起きているようです。
（:where()を外したことにより詳細度が上がり、WordPress 6.5.5以前とは異なる状態）
来週リリース予定のWordPress 6.6.1で、対応されるものもあるみたいです。
（既にRC1に取り込まれているようです）
All links underlined due to CSS specificity bump for top-level element-only selectors.
https://core.trac.wordpress.org/ticket/61660
しかしながら、今回のカラムブロック・グループブロックについては、以下のバージョンで確認したところ、解消していませんでした。
- WordPress 6.6.1-RC1-58766
わいひら reacted
Topic starter
2024年7月20日 10:46
なるほど、WordPress側でも対応する可能性があるのですね。了解しました。ご教示ありがとうございます。
2024年7月20日 19:26
カラムブロックにも対応したものをアップしておきました。
よろしければご確認いただければ幸いです。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2024年7月23日 02:24
ご提示いただいた幾つかのページは、別のブロックに置き換えたりなさったみたいで・・・。
また、数日待ってもお返事がないようですので、おそらくこれからもないかなと。
（7/22にご覧になったみたいですけれど・・・）
再現させたページでの確認は終わっていますので、こちらのトピックはクローズさせていただこうと思います。
ZUISHUN reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。