Cocoonフォーラム

上記の件、拝承。フロントエンドには影響がないので、今後の課題とし一旦クローズとします。 時間を掛け、gutenberg-editor.cssの見直しを願います。私個人として「幅広」は使い道が思い浮かばず、不要かな？と思いました。

●追記 新規タグの追加ができないのですが、この症状は私だけでしょうか？ 新規タグを追加できました。しかし、エラーがあるため、使うのは避けた方がいいかと思います。 本フォーラムはテーマ「Cocoon」に関することなので、直接プラグインの開発元に確認するのが望ましいかと思います。 ...

●対策案 以下を削除。 ボタン 囲みボタン 幅広、全幅でないときは840pxに。 .block-editor-block-list__layout.is-root-container > :not(.alignwide, .align...

●回答 プラグイン「AddQuicktag」ですが、PHP8.1以降に対応しておらず、エラーを出力しています。 確認した環境 WordPressバージョン：7.0PHPバージョン：8.3.30 PHP Deprecated: Automatic conversion of false...

●参考 テーマ「Twenty Twenty-Four」だとそれぞれフロントエンドにも反映される。 2026-06-05_01h49_26.png

----------------------------------------------テーマ名：Cocoonバージョン：2.9.3.1カテゴリー数：18タグ数：124投稿数：1753固定ページ数：12ユーザー数：1----------------------------------------...

----------------------------------------------テーマ名：Cocoonバージョン：2.9.3.1カテゴリー数：18タグ数：124投稿数：1753固定ページ数：12ユーザー数：1----------------------------------------...

●注意 質問内容を明確に第三者でも分かるよう文章化してください。注意書きにもあるように、詳細な情報を提供願います。 不具合・カスタマイズ対象ページのURL：相談内容：不具合の発生手順：解決のために試したこと：※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします...

@makorinrin さん エラーもなく、またHTMLの構成も正しいようです。 Gutenbergエディターで使い方、操作を学んでみます。 Gutenbergエディターの使い勝手が上がり、ノーコードで実現できます。このため、ページをコピーし、操作してみることをお勧めします。 ...

@makorinrin さん いただいたコード（ブロック）を新固定ページにコピペして、フロントページにしてみました。これでいいのでしょうか？ 以下は以前のままブロックではありません。 どのページでしょうか？確認を希望するなら、URLの提示を願います。 WordPress...

@makorinrin さん フロントページのレイアウト崩れを直すことができました。 投稿ページはGutenbergエディターで作成しているが、フロントページ（固定ページ）はクラシックエディター（HTMLタグを入力）で作成しており。 HTMLタグの閉じ忘れは一見解決しているように見えますが...

●追記 Gutenbergエディター上で、「ボタン」ブロックを幅100%にした。配置を左寄せや、右寄せにしたとき、WordPressのCSSで2emの余白が付き100%とならない。  2026-06-03_15h02_23.png

●追記 ae46b1f460ee46f789c27b264a6cb421.png

●Gutenbergエディターの高度な設定の追加CSS Gutenbergエディターの追加CSSに、margin-top:500px;と入力した。このとき、意図しないエラーとなる場合があり、注意が必要。 アイコンボックスこのブロックには、想定されていない無効なコンテンツが含まています。 ...

●追記 フロントページを固定ページで作成していますが、HTMLタグの閉じ忘れがあります。結果、図のようにレイアウトが崩れています。 原因 見出しH3の「国内」の下に「海外」と同様の以下のHTMLタグがありません。 <div style="display:flex;flex-wr...

●回答 サイドバーに配置してある「プロフィール」ウィジェットの画像と、本文中の「吹き出し」ブロックの画像変更は、それぞれ別の操作となります。 「吹き出し」ブロック 原因 仕様です。 [Cocoon設定]→[吹き出し]→アイコン画像を変更（図参照）しても、過去の投稿には反映さ...

少し調べたところ、ページ上部に「コンテンツへスキップ」とボタン等で明示するのが望ましい（一般的な）仕様であると分かりました。他サイトでも同様の表現であり理解したため、本件は取り下げ、クローズとします。

●追記 キーボード操作（Tab）でカーソルが移動しフォーカスが当たった際、隠れたままだと、どこに当たっているのか分からないため、表示させているのですか？

----------------------------------------------テーマ名：Cocoonバージョン：2.9.2.16カテゴリー数：16タグ数：13投稿数：723固定ページ数：16ユーザー数：1-----------------------------------------...

@yhira さん style属性付きブロックとして保存されているので当然です。再保存して更新しないと反映されません。 対策されていることを確認しました。本件をクローズとします。

●対策案 それぞれにborder:0;を追加し、親の枠線を無効とする。 「吹き出し」ブロック 「ボタン」ブロック

●影響 「ボタン」ブロックにも影響する。※「囲みボタン」ブロックは影響しない。 2026-05-31_11h47_47.png

●原因 WordPressのコアアップデートにより、/wp-includes/css/dist/block-library/style.css に以下のCSSブロックルールが追加されたことが原因です。 html :where([style*=border-color]) { borde...

●回答 Cocoonの「タブ」ブロックには、標準でタブを均等配置する設定がありません。 そのため、以下のカスタムCSSを追加する必要があります。 .tab-label-group .tab-label { /* 均等 */ flex: 1; /* テキスト中...

@yhira さん 拝承。 実際のブロックを並べた確認すると以下のようになり。 標準パレットもstyle属性あり。 アコーディオン（トグル） タイムライン FAQ 見出しボックス タブ見出しボックス ラベルボックス 包括可能なボックスで、以下はstyle属性が付か...

●追記 標準パレットでもstyle属性が付かない、ブロックがあります。違いは何？？以前議論した覚えがあり。

●目次ハイライト機能の改善について 現在の目次ハイライトは、スクロール位置（範囲）に該当の見出しがあるかどうかを判定して表示を切り替えている。しかし、この方式ではスクロールイベントが発生するたびにチェック処理が走しる。また、「アコーディオン」ブロックなどによって要素の高さが変わり、見出しの位置が...

@yamachan11 さん 掲載内容間違いがあります。 WordPressのcoreがテーマのデザインに直接影響をきたすことは、余程のことがない限りないです。 CSS仕様変更でデザイン崩れの可能性 以下ですが、何を確認（調査）されましたか？ WordPress 7 ...

●回答 この代替テキストを消したい（alt=""にしたい）場合、何か方法はございますか？ 設定で変更する手段はありません。 以下の通り、固定でメニューのナビゲーションラベルを画像のALT属性として出力します。 このため、以下のフィルターフックを用い、ALT属性の値を削除...

@moosuke さん ③各パネルの表示設定はオンになっていますか？ 上記はどうだったのですか？こちらの質問に対し、回答願います。 因みに左側のリストビュー画面て閉じるのではなく、幅を補足することは可能なのでしょうか。 現状、各パネル幅を狭くする機能はありません。 ...

●WordPress 7.0の機能の活用 [Cocoon設定]→[全体]→サイトフォントの中から選択したフォントがページ全体に反映される。 WordPress 7.0から[外観]→[フォント]から、Googleフォントや任意のフォントを、自サイトにアップロードできる。スキンではこの仕組みを利...

@moosuke さん 本件は不具合ではありません。 すみません、説明が悪かったです。メタボックスの移動ですが、画像▼ではありません（パネルの開閉）。その隣の「＞上下矢印」です。 パネルを掴んでドラッグでも移動できます。 Gutenbergエディターの基本操作を勉強してください。 ...

●次回アップデートによる改善点 １.ウィジェットのレスポンシブ対応 これまで「プロフィール」などのウィジェットは、設置されるウィジェットエリアの幅に応じて縦型・横型の表示を切り替える際、JavaScriptで幅を監視して専用クラス（nwa、wwa）を付与していた。今回、このJavaScrip...

@ryo-san さん ●回答 ただ、ヘッダーロゴとグローバルナビとの間に緑の線が入るのでそれを消したいのと、【設定】→【一般】→【サイトタイトル】は現在空欄にしています サイトのタイトルを空白にする必要はなく、以前のようにサイトのタイトルには「園芸初心者が、鉢で果樹栽培を始めて...

@ryo-san さん こちら、コーディングの知識はありません。 それなら尚更です。 単にコピペではなく、少なくてもご自身で書かれたコードについては理解してください。理解しないまま使うのは、事故の元です。Cocoonの設定の範囲で使うか、コーディングについて勉強、調べた上で変更す...

@adminidols さん コードの意味理解されていますか？ 書かれたCSSですが、bodyタグにloadingクラスがある場合、bodyタグ（ページ全体）を非表示となります。 body.loading { visibility: hidden; } Cocoon標準でbodyタ...

@adminidols さん ●原因 [外観]→[カスタマイズ]→[追加CSS]に以下が追加されている（図参照）。 html { visibility: hidden;★画面を非表示 } html.loaded { visibility: visible;★ } 追加CS...

@adminidols さん functions.phpに何書いています？ また、wp-config.phpのデバッグモードを設定し、何かエラーはでていませんか？

●確認のお願い cocoon親テーマで投稿画面　→　正常表示されたcocoon子テーマを入れ直し　→　解決せず functions.phpサイズ：655 バイト 親テーマで問題ないとの事。 子テーマは単なる器（親テーマを上書きするための空ファイル）で、親テーマとは異なり通常、...

●補足 曖昧な言い回しなので補足します。Cocoon標準には通知エリアの位置を変更する設定はありません。固定位置となります。 このため、先述のコードを追記する必要があります。

メディアアップロードした際、ファイル名がタイトルに反映される。タイトルを削除（空）とすると本現象となる。

「ヘッダーロゴ」を設定すると自動的にトップページへのリンクになる。ということでしたが、一度ヘッダー背景画像を削除してヘッダーロゴだけを設定しましたが、ヘッダーが無くなりグローバルナビだけ残りました。 ●原因 [外観]→[カスタマイズ]→追加CSSに以下を追加してあり、[外観]→[カスタマ...

HTMLの構造がCocoonの構造と異なります。また、投稿ページも同様で構造と異なります。このため、投稿ページに画像がアイキャッチとして紐づいていないのでは？と思います。 テンプレートを変更していませんか？ 2026-05-22_20h30_06.png 2026-05-22_20h...