Cocoonフォーラム

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

●追記 javascript.jsを修正し、ヘッダーモバイルボタンの高さを監視し、CSS変数に退避。元々のヘッダーモバイルボタンの監視は、.is-position-stickyとした時、ヘッダー部下にするための考慮。 以下のCSSを追加。 @media (600px < width...

●回答 [Cocoon設定]→[ブログカード]→内部ブログカード設定「日付表示」が更新日になっていませんか？確認願います。 「更新日」と設定すると更新日が無い場合、投稿日となります。 Yamachan11 さん 古くからフォーラムへの投稿しておりフォーラムのマナーは熟知し...

●誤記 .body.scrollable-mobile-buttons:has(.mobile-header-menu-buttons) .container{ style.css、javascript.jsを2.9.3.1に戻し、上記コードを変更しているJSに追加？ ※変更したJSは-...

●上記コードについて追記 ヘッダーモバイルボタンの位置を求めようとすると、スクロールにより例えばキャッチフレーズおりあとにヘッダーモバイルボタンが表示された場合、正しく求めることができない。このため、高さを求め、ヘッダーモバイルボタン分の余白をあらかじめ設ける。 ヘッダーモバイルボタンより先...

●追記 上記は、[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属性が付か...