Cocoon フォーラム - 最近のトピック https://wp-cocoon.com/community/ Cocoon ディスカッション掲示板 ja Fri, 06 Nov 2026 20:40:04 +0000 wpForo 60 グローバルナビメニューのリンクに aria-current 属性を追加 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af%e3%81%ab-aria-current-%e5%b1%9e%e6%80%a7%e3%82%92%e8%bf%bd/ Fri, 06 Nov 2026 03:30:08 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.6.2
カテゴリー数：18
タグ数：124
投稿数：1767
固定ページ数：8
ユーザー数：1
----------------------------------------------

●改善

Cocoonのグローバルナビメニューでは、現在表示中のページに該当するリンクに aria-current="page" 属性が付与されません。

一方、WordPress標準のナビゲーションウィジェットなどでは、該当するリンクに aria-current="page" 属性が付与されます。

そのため、Cocoonのグローバルナビメニューについても、現在のページを示すクラス（current-menu-item など）だけでなく、aria-current="page" 属性を付与する仕様が望ましいと考えます。

●対策

https://github.com/xserver-inc/cocoon/blob/3b2372407beb03f437d3d1e5c5f07eb405acb2b0/lib/walkers.php#L38

current-menu-item クラスが設定されている場合、該当するリンクに aria-current="page" 属性を付与します。

$attributes .= in_array( 'current-menu-item', $classes, true ) ? ' aria-current="page"' : ''; // 現在のページを示す属性を設定
]]> 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af%e3%81%ab-aria-current-%e5%b1%9e%e6%80%a7%e3%82%92%e8%bf%bd/ .gifu.lg.jp へのリンクが画像の拡大効果になってしまう https://wp-cocoon.com/community/bugs/gifu-lg-jp-%e3%81%b8%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af%e3%81%8c%e7%94%bb%e5%83%8f%e3%81%ae%e6%8b%a1%e5%a4%a7%e5%8a%b9%e6%9e%9c%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be%e3%81%86/ Tue, 03 Nov 2026 23:45:46 +0000 投稿や固定ページに 岐阜県のサイトのアドレスへのリンク（例えばhttps://www.pref.gifu.lg.jp/ ）を張るとリンクとして動作せず、画像の拡大効果が表示され、指定したURLに飛ばない。

このドメイン以外のURLであれば問題なくリンク先に飛ぶ

画像の拡大効果に「baguetteBox」を使っていたのでこれを「なし」にすると正常に動作する。

URL内に「.gif」が存在することによる誤判定が疑われる

----------------------------------------------
サイト名：すすきラボ
サイトURL：https://satoh-keijiro.jpn.org
ホームURL：https://satoh-keijiro.jpn.org
コンテンツ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-child-master/skins/susuki-plain/style.css
WordPressバージョン：7.1.4
PHPバージョン：8.3.36
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/156.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br, zstd
言語：ja,en-US;q=0.9,en;q=0.8,es;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.1.2
カテゴリー数：5
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
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
----------------------------------------------
利用中のプラグイン：
All-In-One Security (AIOS) – Security and Firewall 5.5.1
Classic Editor 1.7.0
MW WP Form 5.0.3
XML Sitemap Generator for Google 4.1.25
----------------------------------------------

]]> 村上 進 https://wp-cocoon.com/community/bugs/gifu-lg-jp-%e3%81%b8%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af%e3%81%8c%e7%94%bb%e5%83%8f%e3%81%ae%e6%8b%a1%e5%a4%a7%e5%8a%b9%e6%9e%9c%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be%e3%81%86/ ヘッダー？メニューバーがぐちゃぐちゃになる。 https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%ef%bc%9f%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%83%90%e3%83%bc%e3%81%8c%e3%81%90%e3%81%a1%e3%82%83%e3%81%90%e3%81%a1%e3%82%83%e3%81%ab%e3%81%aa%e3%82%8b%e3%80%82/ Tue, 03 Nov 2026 09:30:47 +0000 今、固定ページ一覧で編集してるメニューと、どこかわからない場所で編集されてるメニューの二つが表示されてます。
固定ページ一覧のメニューからカスタムでHTMLを編集すると、どこかわからない場所で編集されてるメニューのHTMLも固定ページ一覧のメニューもどちらも編集した通りのリアクションをします。

固定ページ一覧のメニューだけをのこし、もう一つの方を消したいです。

]]> Yuki https://wp-cocoon.com/community/bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%ef%bc%9f%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%83%90%e3%83%bc%e3%81%8c%e3%81%90%e3%81%a1%e3%82%83%e3%81%90%e3%81%a1%e3%82%83%e3%81%ab%e3%81%aa%e3%82%8b%e3%80%82/ 検索ボタン（アイコン）の縦位置指定について https://wp-cocoon.com/community/cocoon-theme/%e6%a4%9c%e7%b4%a2%e3%83%9c%e3%82%bf%e3%83%b3%ef%bc%88%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%ef%bc%89%e3%81%ae%e7%b8%a6%e4%bd%8d%e7%bd%ae%e6%8c%87%e5%ae%9a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ Tue, 03 Nov 2026 02:05:31 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.6.2
カテゴリー数：18
タグ数：124
投稿数：1767
固定ページ数：8
ユーザー数：1
----------------------------------------------

現在、以下のように定義されている。

https://github.com/xserver-inc/cocoon/blob/96d30ac90087691ba12861c29c382b184cea59b8/style.css#L8717

top: calc(50% - 12px);

アイコンの高さの半分を差し引くことで、縦方向の中央に配置している。

この指定では、アイコンや検索フォームの高さが変わると、位置がずれる可能性がある。

以下のように top: 50% と transform: translateY(-50%) を組み合わせる方法が一般的である。

top: 50%;
transform: translateY(-50%);
]]> 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e6%a4%9c%e7%b4%a2%e3%83%9c%e3%82%bf%e3%83%b3%ef%bc%88%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%ef%bc%89%e3%81%ae%e7%b8%a6%e4%bd%8d%e7%bd%ae%e6%8c%87%e5%ae%9a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ 2.9.6タイトル画像 https://wp-cocoon.com/community/chat/2-9-6%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e7%94%bb%e5%83%8f/ Fri, 30 Oct 2026 03:52:15 +0000 わいひらさん

サイトをご覧になっている方はお気づきかと思いますが、タイトル画像の中の数字が2.5.6になっています。

Cocoon 2.9.6公開。クリック解析の追加と設定画面の刷新 | Cocoon

]]> m-kozaki https://wp-cocoon.com/community/chat/2-9-6%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e7%94%bb%e5%83%8f/ 本文上アイキャッチOFF時もグレーアウトされたキャプション設定が bbPressページで処理され、コンテンツが二重出力される https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e4%b8%8a%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81off%e6%99%82%e3%82%82%e3%82%b0%e3%83%ac%e3%83%bc%e3%82%a2%e3%82%a6%e3%83%88%e3%81%95%e3%82%8c%e3%81%9f%e3%82%ad/ Tue, 27 Oct 2026 02:44:38 +0000 環境：
・WordPress：7.1.3
・Cocoon：2.9.6
・Cocoon-Child：1.1.3
・bbPress：2.6.20
・Inline Image Upload for BBPress：1.2.1
・PHP：8.4.27
・ブラウザ：Chrome, Edge
 
現象：
CocoonとbbPressを使用している環境で、
Inline Image Upload for BBPressによるビジュアルエディタが表示されず、
「ビジュアル」「コード」タブも正常に動作しませんでした。
 
Cocoon設定 → 画像では、
「本文上にアイキャッチを表示する」をOFFにしていました。
 
その配下にある以下の設定はグレーアウトされていましたが、
保存値としてはONになっていました。
 
・アイキャッチラベルを表示する
・アイキャッチにキャプションがある場合は表示する
 
ページソースを確認すると、非表示のアイキャッチ領域内で、
以下のようにfigcaptionへbbPressコンテンツ全体が出力されていました。
 
<div class="eye-catch-wrap display-none">
  <figure class="eye-catch">
    <figcaption class="eye-catch-caption">
      <div id="bbpress-forums">
        ...
      </div>
    </figcaption>
  </figure>
</div>
 
その後、通常の本文領域にもbbPressコンテンツが出力されるため、
以下のIDが各2個存在していました。
 
・bbpress-forums
・new-post
・wp-bbp_reply_content-wrap
・wp-bbp_reply_content-editor-container
・bbp_reply_content
 
Inline Image Upload for BBPressは、先に存在する非表示側の
bbp_reply_contentだけをTinyMCE化していました。
そのため、画面上に表示される本文側エディタでは
ビジュアルエディタが表示されませんでした。
 
切り分け：
・別テーマでは正常
・Cocoon親テーマでも再現
・Cocoon子テーマは原因ではない
・Autoptimizeおよびキャッシュプラグインを停止しても再現
・アイキャッチキャプション内のbbPress要素を削除すると
  ビジュアル／コードタブが反応
・その後、本文側TinyMCEを再初期化すると正常表示
・グレーアウト中の
  「アイキャッチにキャプションがある場合は表示する」
  をOFFにして保存すると完全に解消
 
期待する動作：
「本文上にアイキャッチを表示する」がOFFの場合は、
配下のグレーアウトされた設定値にかかわらず、
アイキャッチラベルおよびfigcaptionを生成しない。
 
または、親設定をOFFにした際に、配下設定も内部的にOFFとして
扱うべきではないかと思います。
 
ご確認の程宜しくお願いいたします。
]]> tiramik https://wp-cocoon.com/community/bugs/%e6%9c%ac%e6%96%87%e4%b8%8a%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81off%e6%99%82%e3%82%82%e3%82%b0%e3%83%ac%e3%83%bc%e3%82%a2%e3%82%a6%e3%83%88%e3%81%95%e3%82%8c%e3%81%9f%e3%82%ad/ クリック集計機能のカスタム投稿タイプへの対応について https://wp-cocoon.com/community/demands/%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e9%9b%86%e8%a8%88%e6%a9%9f%e8%83%bd%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%bf%e3%82%a4%e3%83%97%e3%81%b8%e3%81%ae%e5%af%be%e5%bf%9c/ Mon, 26 Oct 2026 21:53:58 +0000 いつもCocoonを便利に利用させていただいています。

先日はクリック集計について、ご丁寧に回答いただきありがとうございました。

一度解決済みとさせていただきましたが、関連する機能について要望があり、再度投稿させていただきました。

現在のクリック集計は、投稿や固定ページを対象とした仕組みとのことですが、可能であれば、カスタム投稿タイプの個別ページについてもクリック集計の対象に加えていただけないでしょうか。

カスタム投稿タイプを利用してコンテンツを管理している場合にも、広告や外部リンクのクリック状況を確認できると、より便利になると感じています。

実装上のご事情もあるかと思いますので、すぐの対応をお願いするものではありませんが、今後の機能改善の一つとしてご検討いただけますと幸いです。

よろしくお願いいたします。

]]> 808hboys https://wp-cocoon.com/community/demands/%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e9%9b%86%e8%a8%88%e6%a9%9f%e8%83%bd%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%bf%e3%82%a4%e3%83%97%e3%81%b8%e3%81%ae%e5%af%be%e5%bf%9c/ トップページのカルーセルやブログカードに画像が表示されない記事がある https://wp-cocoon.com/community/cocoon-theme/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%82%84%e3%83%96%e3%83%ad%e3%82%b0%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ab%e7%94%bb%e5%83%8f/ Mon, 26 Oct 2026 05:49:32 +0000 お手数をおかけしてごめんなさい。

サーバーを移転する際に画像アップロードフォルダのコピーエラーがあり、記事本文は移転できたのですがメディアファイルは少しづつ修復中です。アイキャッチ画像は全記事が復旧していませんので表示されないものもあります。

前のサーバーではアイキャッチ画像を設定すればブログカードやカルーセルが表示されていたと思うのですが、さくらサーバーに乗り換えてからは表示されたり表示されなかったりしているようです。ちなみにさくらサーバーではサーバールートフォルダ直下にhakusyoという名のフォルダーを作り、そのフォルダ全体をWordPress化しています。

これはサーバー側の仕様上タイムラグがあるのか私の設定が間違っているのかよく分かりません。

テーマのソースコード縮小化機能は無効にする

の「Cocoon設定→高速化」というメニューが見つかりませんでした。

テーマ情報：

----------------------------------------------
サイト名：まっさん白書ん？
サイトURL：https://hakusyo.rimtech.net
ホームURL：https://hakusyo.rimtech.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
WordPressバージョン：7.1.3
PHPバージョン：8.2.35
データベース：8.0.46
サイト言語：ja
タイムゾーン：Asia/Tokyo
HTTPS：有効
マルチサイト：無効
WP_DEBUG：無効
DISABLE_WP_CRON：無効
WP_CACHE：無効
DISALLOW_FILE_EDIT：無効
パーマリンク構造：/%postname%/
ホームページ表示：最新の投稿
PHPメモリ上限：256M
WPメモリ上限：40M
WP管理画面メモリ上限：256M
PHP最大実行時間：30秒
PHP max_input_vars：65535
アップロード上限：5M
POST上限：8M
PHP拡張：curl:有効, mbstring:有効, gd:有効, imagick:有効, xml:有効, zip:有効, intl:有効, exif:有効
画像エディタ：Imagick
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/155.0.0.0 Safari/537.36 Edg/155.0.0.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br, zstd
言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7,ja-JP;q=0.6
----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.6
カテゴリー数：19
タグ数：0
投稿数：59
固定ページ数：2
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
簡単SSL：0
コードハイライト：0
----------------------------------------------
canonicalタグ：1
カテゴリnoindex：0
タグnoindex：0
----------------------------------------------
サイドバー位置：sidebar_right
サイドバー表示：no_display_404_pages
メインカラム幅：デフォルト
サイドバー幅：デフォルト
----------------------------------------------
全広告表示：1
AdSense表示方法：
----------------------------------------------
GA4：設定済み
GTM：未設定
Search Console：設定済み
----------------------------------------------
ブラウザキャッシュ有効化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Bulk Media Register 1.41
Classic Editor 1.7.0
----------------------------------------------
停止中のプラグイン：
Akismet Anti-spam: Spam Protection 5.7.2
Auto Login for Sakura Rental Server 1.0.5
Comment Email Reply 1.0.4
Contact Form 7 6.1.7
Disable Google Fonts 2.0
Health Check & Troubleshooting 1.7.1
Hello Dolly 1.7.2
ImageMagick Engine 2.0.0
Performance Lab 4.2.0
PHP Compatibility Checker 1.6.3
Safe SVG 2.5.1
WP Multibyte Patch 2.9.3
XML Sitemap Generator for Google 4.1.25
----------------------------------------------

]]> 松下正裕 https://wp-cocoon.com/community/cocoon-theme/%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%82%84%e3%83%96%e3%83%ad%e3%82%b0%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ab%e7%94%bb%e5%83%8f/ ボックスメニューで指定したFont Awesomeクラスのアイコンとならず星になる https://wp-cocoon.com/community/bugs/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e6%8c%87%e5%ae%9a%e3%81%97%e3%81%9ffont-awesome%e3%82%af%e3%83%a9%e3%82%b9%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%b3/ Sun, 25 Oct 2026 18:14:07 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.6
カテゴリー数：18
タグ数：124
投稿数：1766
固定ページ数：8
ユーザー数：1
----------------------------------------------

●現象

ボックスメニューを表示した際、設定したFont Awesome5のアイコン（fab fa-500px）が表示されず、デフォルトの星アイコン（fa-star）が表示された。

●原因

get_box_menu_tag() 関数内で、メニュー項目のクラス名からアイコンフォントを判定する正規表現が、数字を含むアイコン名に対応していない。

https://github.com/xserver-inc/cocoon/blob/c4c27ba60ee463361e3dc83328b9a2f81932a7da/lib/shortcodes.php#L787

この正規表現では、アイコン名の部分に英小文字とハイフンしか許可していないため、fa-500px のように数字を含むクラス名を認識できなかった。

アイコンフォントの判定に失敗すると、初期値として設定されている星アイコンがそのまま使用される。

https://github.com/xserver-inc/cocoon/blob/c4c27ba60ee463361e3dc83328b9a2f81932a7da/lib/shortcodes.php#L780

●対策

正規表現を変更し、アイコン名に数字を含む場合も判定できるようにする。

elseif (preg_match('/(?:^|\s)(?:fa|fas|far|fab)\s+fa-+(?:\s|$)/', $classes)) {
]]> 大門未知子 https://wp-cocoon.com/community/bugs/%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a7%e6%8c%87%e5%ae%9a%e3%81%97%e3%81%9ffont-awesome%e3%82%af%e3%83%a9%e3%82%b9%e3%81%ae%e3%82%a2%e3%82%a4%e3%82%b3/ ナビカードでCSSクラスを指定してもリボンが付かない https://wp-cocoon.com/community/bugs/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%a7css%e3%82%af%e3%83%a9%e3%82%b9%e3%82%92%e6%8c%87%e5%ae%9a%e3%81%97%e3%81%a6%e3%82%82%e3%83%aa%e3%83%9c%e3%83%b3%e3%81%8c%e4%bb%98%e3%81%8b/ Sun, 25 Oct 2026 15:23:05 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.6
カテゴリー数：18
タグ数：124
投稿数：1766
固定ページ数：9
ユーザー数：1
----------------------------------------------

●現象

ナビカードのリボンを付与するため、メニュー項目の「CSS クラス」に値を追加した。
しかし、クラス名の先頭に半角スペースがあると、リボンが表示されない。

https://wp-cocoon.com/navi-card-shortcode/

●原因

WordPress では、メニュー項目の CSS クラスを半角スペースで分割し、配列として格納している。
そのため、クラス名の先頭に半角スペースがあると、配列の先頭に空の要素が格納され、リボン番号を正しく取得できなくなる。

https://github.com/WordPress/wordpress-develop/blob/5be81f3e349da43b90e11b7404915b65e3b31dcd/src/wp-includes/nav-menu.php#L594

 Array
(
     => WP_Post Object
        (
             => 101563
             => 1
             => 2026-10-25 23:59:00
             => 2026-10-25 14:43:31
：
：
             => Array★
                (
                     => 
                     => 3
                     => 
                     => xxxx
                )

             => 
        )
)



Cocoon では、配列の0番目の要素をリボン番号として参照するため、先頭に空の要素があるとリボン番号を取得できず、リボンが付与されない。

https://github.com/xserver-inc/cocoon/blob/c4c27ba60ee463361e3dc83328b9a2f81932a7da/lib/shortcodes.php#L667

同様にカード自体にもclassが付与されない。

https://github.com/xserver-inc/cocoon/blob/c4c27ba60ee463361e3dc83328b9a2f81932a7da/lib/html-forms.php#L1521-L1523

●対策

array_filter() で空文字列を除去し、array_values() で配列の添字を振り直すことで、空要素を除いた配列の0番目をリボン番号として取得する。

https://github.com/xserver-inc/cocoon/blob/c4c27ba60ee463361e3dc83328b9a2f81932a7da/lib/shortcodes.php#L667

$ribbon_no = array_values(array_filter($classes, 'strlen')) ?? null;

また、$class_text の生成時にも array_filter() で空文字列を除去し、余分な半角スペースが出力されないようにする。

https://github.com/xserver-inc/cocoon/blob/c4c27ba60ee463361e3dc83328b9a2f81932a7da/lib/html-forms.php#L1521-L1523

$class_text = ' '.implode(' ', array_filter($classes, 'strlen'));

●注意

リボンを付与する場合は、メニュー項目の「CSS クラス」の先頭に、リボン番号として 1～5 を指定する。

]]> 大門未知子 https://wp-cocoon.com/community/bugs/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%a7css%e3%82%af%e3%83%a9%e3%82%b9%e3%82%92%e6%8c%87%e5%ae%9a%e3%81%97%e3%81%a6%e3%82%82%e3%83%aa%e3%83%9c%e3%83%b3%e3%81%8c%e4%bb%98%e3%81%8b/