Cocoonフォーラム

●追記 画像を追加します。  1.gif

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

@yhira さん エンコードしていない日本語スラッグのURLは、仕組み上の制約で根本対応が難しいマニュアル記載で対応させていただこうと思います。 拝承。マニュアルへの注記願います。 「！」については対策されていることを確認しました。 本件をクローズとします。  ...

●対策案 テストはしていません。 スクロールがミリ秒単位で一瞬止まった50ミリ秒後にタイマーを発動させ、コンテンツ位置を取得し直す。 notepadでエラーとなるので、以下にコードを添付します。 // ヘッダーの位置オフセットを更新 ( function () { // スク...

@poku さん ●回答 ところでスマホで見た時に、ヘッダー？の部分が2か所も同じものが表示されるのは、これはどうしようもないのでしょうか？「ロバのポル語」というタイトルが2回も出ています。 [Cocoon設定]→[モバイル]→モバイルボタン「常にサイトヘッダーロゴを表示する」を...

@uk12345 さん アクセシビリティの観点からは非推奨ですが、構造上の制約を考慮し、＜object＞タグを用いてリンクを内包する形で実装します。[Cocoon設定]→[投稿]→カテゴリー・タグ表示設定「カテゴリー・タグ表示」の設定に従って表示します。 add_action('entry_...

●追記 提示されたCSSなら、[Cocoon設定]→[全体]→サイト幅の均一化「サイト幅を揃える」をオフとしてください。アピールエリア幅＝画面幅となり、PC、モバイルともに下に余白なく表示されます。 #appeal { height: calc(100vw * 0.26); }

●原因 #appeal の高さを 100vw（画面幅）を基準に計算しているため。 ページの最大幅が 1256px に制限されているのに対し、画面幅がそれを超えても高さ（0.26倍）だけが広がり続けてしまう。 その結果、枠の高さが背景画像よりも大きくなり、下に余白ができてしまう。 ...

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

●アドバイス テーマファイルエディタから添付した画像のようにエントリーカードにタグを表示させたいのですがうまく実行できない状態 アクセシビリティの観点からは非推奨ですが、構造上の制約を考慮し、＜object＞タグを用いてリンクを内包する設計とします。この場合、先述の entry_ca...

●回答 また、コードを書く以外にcocoonの機能で実行できるようでありましたらそちらの方法を教えていただきたいです。 Cocoonの標準機能では、エントリーカードにタグ情報を出力する設定はありません。 そのため、ご希望の機能を実装するには、functions.php にコードを...

●追記 URLの後ろに文字列を続けて入力すると、その文字列までURLの一部として認識され、誤ったブログカードとなってしまう。 その回避策としてURLの先頭に「!」を付与したが、「!」が通常の文字として表示されてしまうため、URLから始まる文章を正しく作成できない。

上記の件、拝承。フロントエンドには影響がないので、今後の課題とし一旦クローズとします。 時間を掛け、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 さん ③各パネルの表示設定はオンになっていますか？ 上記はどうだったのですか？こちらの質問に対し、回答願います。 因みに左側のリストビュー画面て閉じるのではなく、幅を補足することは可能なのでしょうか。 現状、各パネル幅を狭くする機能はありません。 ...