サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年12月4日 03:04
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.2
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
●現象
「コード」ブロックで折り合えす1行が長いコードを入力した。
[Cocoon設定]→[高速化]→CSS縮小化「CSSを縮小化する」をオンにすると「コード」ブロックが横スクロールせず、折り返し表示される。
●原因
「CSSを縮小化する」オンのとき、以下のCSSが反映されない。
「CSSを縮小化する」オンにすると、＜style id="wp-block-code-inline-css" type="text/css"＞の方が、縮小化により圧縮したCSSSより後に展開される（オフとは逆になる）。
「CSSを縮小化する」をオンのとき。
わいひら reacted
2025年12月5日 05:07
スマホからなもので、入力しづらい・・・。
もしかすると、以下かもしれないです。
WordPress 6.9 Frontend Performance Field Guide
https://make.wordpress.org/core/2025/11/18/wordpress-6-9-frontend-performance-field-guide/
Styles: optimize loading of stylesheets by loading block styles on demand in classic themes, omitting styles for hidden blocks, increasing the inline style limit from 20K to 40K, and inlining minified stylesheets in block themes.
クラシックテーマでは必要に応じてブロックスタイルを読み込み、非表示ブロックのスタイルを省略し、インラインスタイルの上限を20Kから40Kに引き上げ、ブロックテーマでは最小化されたスタイルシートをインライン化することで、スタイルシートの読み込みを最適化します。
クラシックテーマも、ブロックスタイルを個別に読み込むようになったっぽい？
＜style id="wp-block-code-inline-css" type="text/css"＞
以前（WordPress 6.8.3）は、これはなかったような。
そうだとすると、以下でいけるのかも。（未確認です）
add_filter( 'should_load_separate_core_block_assets', '__return_false' );
わいひら reacted
2025年12月5日 06:43
「Cocoon 2.8.8.2」で確認します。
CSSの縮小化は、行いません。
【 WordPress 6.8.3 】
【 WordPress 6.9 】
WordPress 6.9は
- WordPress 6.8.3 にあった
「wp-block-library-css」の読み込みがない
- WordPress 6.8.3 にはない
「wp-block-library-inline-css」
「wp-block-code-inline-css」
「wp-block-paragraph-inline-css」
のstyleタグが、追加されている
（最後の2つは、おそらくブロック個別のstyle）
WordPress 6.9 に以下を適用すると。
add_filter( 'should_load_separate_core_block_assets', '__return_false' );
WordPress 6.8.3 と同様に「wp-block-library-css」が読み込まれる。
（ブロック個別のstyleは、なくなる）
上記のようなことが起きているみたいです。
わいひら reacted
2025年12月5日 11:49
CSSを縮小化すると、問題のstyleタグは、head閉じタグの直前に移動してしまうようでした。
試しに、以下のパターンを変更してみました。
$exclude_ids = [
'wp-block-code-inline-css',
'wp-block-paragraph-inline-css',
'global-styles-inline-css'
];
$style_pattern = '<style(?![^>]*id=[\'"]('.implode('|', $exclude_ids).')[\'"])[^>]*?>(.*?)</style>';
上記で試すと上手くはいくのですけれど。
ただ、ブロック個別にあるみたいですから。
「wp-block-xxxxx-inline-css」みたいな感じで良いのか。
それとも、ブロック個別にstyleタグを追加するのを抑止するか。
add_filter( 'should_load_separate_core_block_assets', '__return_false' );
あるいは他の方法が？
わいひら reacted
2025年12月5日 12:08
上記だと「cocoon-style-inline-css」があたらなくなっちゃいますね。
そろそろ時間が限界ですので、また別途。
トピックスターター 2025年12月7日 13:42
●類似不良
WordPressコアブロックCSSが先述の通り、ブロック単位にインラインCSSで追加され。
通常、後に定義された親テーマCSSが反映され、Gutenbergエディターで設定した結果と異なる。
以下のように各ブロック単位のクラスにCSSが反映される（ブロックのインラインstyle同じこと)。
このため、先述のフック追加で対応可能では？
2025年12月7日 16:21
お二方ありがとうございます。
id='wp-block-code-inline-css'とかid='global-styles-inline-css'とかが、ここの正規表現抽出にマッチしてないみたいですね。
https://github.com/xserver-inc/cocoon/blob/8efa82b8f4f8479116dc33c1eca1563b2e3ca8dd/lib/page-speed-up/minify-css.php#L31
なんでや。
id='wp-block-library-inline-css'はヒットするのに。
2025年12月7日 17:47
preg_match_all($pattern, $subject, $m);の検索対象となる$subjectに含まれてないからっぽいですね。それも含めて修正可能かどうか確認してみます。
2025年12月7日 18:04
今回のブロック個別のスタイルの追加は、パフォーマンス改善の一環で対応されています。
（それで、別のところに書いてあって、見逃しました。というかまとめて書いて欲しい）
大きな「wp-block-library-css」の読み込みを止めて、必要なものだけを追加・読み込みをしようということかと思います。
いつからかは分かりませんが、ブロックテーマは、既にこの形式で。
今回、クラシックテーマも、ONになったみたいです。
WordPress 7.0以降、新しいブロックが追加された際に、どういう対応になるのかは、気になりますね。
（当面は、フックで対応しても問題ないとは思うのですけれど）
ちなみに、ブロック個別のスタイルですけれど、以下の形式が基本かと思います。
「wp-block-library-inline-css」＋「wp-block-xxxxx-inline-css」
全ブロック確認した訳ではないですが、上記に当てはまらなものがあります。
カバーブロックは、スタイルシート読み込み形式みたいです。
それと何が追加するのか分かりませんが、「core-block-supports-inline-css」というstyleタグもありますね。
（出てくる時と、出てこない時がある・・・）
他にも何かあるのかもしれないですが、コアのブロックは多すぎて、全部は確認していないです。
わいひら reacted
2025年12月7日 20:39
以下の環境で、フロントページを確認しました。
- WordPress 6.8.3
- Twenty Twenty-Five
フロントページのページが違うのですが（2ページ目、3ページ目という感じで）。
画像ブロックだと思いますが、スタイルシート読み込みの場合と、styleタグの時があるみたいです。
同じブロックでも、こういうことがあるのかと。
（どういう条件か分かりませんけれど）
（どういう条件か分かりませんけれど）
わいひら reacted
2025年12月7日 22:04
結局、どうやれば対応できるのかちょっと分からずmk2さんのフックコードで対応させていただきました。
https://github.com/xserver-inc/cocoon/commit/59c4fa62f2537277e09ab8705512d2fd9bb6b0f8
結局無効化用のフックがあるってことは、変更に伴って不具合が出るケースがあるということは想定されていたということですよね。
皆さんいろいろ調べていただきありがとうございます。
2025年12月7日 22:12
スマホからなもので、あまり詳しくは見ていないのですけれど。
このフック、WordPress 5.8で既にあったみたいです。
確かに公式にもそう記載されていますね。
https://developer.wordpress.org/reference/hooks/should_load_separate_core_block_assets/
テーマのスタイルをブロックごとのCSSに付加して読み込む - WordPress 5.8
https://ebisu.com/note/theme-style-separate-loading/
上記を読むと、これに対応させたプラグインもあるらしいです。
この頃はブロックテーマでも、デフォルトOFFで、フックを使って、ブロック個別のスタイルを追加するよう対応していたようです。
まったくしりませんでした。
とりあえず今はフックを使用して対応で問題ないと思います。
WordPress 6.8.3までと同じですから。
わいひら reacted
トピックスターター 2025年12月7日 22:39
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.3
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
私が記した問題が解決していることを確認しました。
本件は、一旦これでクローズとします。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。