●設定

→おすすめカード→表示スタイル画像「中央にラベルでタイトル」

●現象

投稿タイトルが3行にまたがる際、三点リーダーが表示されているにもかかわらず、その後に続く3行目の文字がはみ出して見えてしまう。

●関連投稿

https://wp-cocoon.com/community/postid/88563/

●現象

ヘッダーモバイルメニューにアイコンが表示されるため、サブメニューが展開できるように見える。
しかし仕様上、サブメニューは表示されない。

●対策

固定ヘッダーと同様、サブメニューのアイコンを非表示とする。

以下を追加。

.menu-mobile .has-sub,

https://github.com/xserver-inc/cocoon/blob/bfe3e7db78af74f25ba73862e9b14e1e0672006e/style.css#L11508

●関連投稿

以下の修正ミスです。

https://wp-cocoon.com/community/postid/88523/

●現象

「ボタン」「囲みボタン」ブロックのボタン設定で、文字色にカスタムカラーを設定した。
しかし、ボタンの文字色が白のままとなる。

●原因

以下でCSSプロパティ変数に白色とする修正をした。

https://github.com/xserver-inc/cocoon/commit/895f135c826259f7c3daa26dfbef20806b92c50f

「ボタン」「囲みボタン」ブロックのカスタムカラーは、親のstyle属性にCSSプロパティ変数として登録される。
上記の修正で、子の情報が優先して白色固定となる。

●現象

Gutenbergエディターで「ランキング」ブロックを配置した。
この時、ボタンをクリックできる。

ボタンをクリックすると、エディター内にジャンプ先のページが表示され、「エディターで予期しないエラーが発生しました。」となる。

----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.2.3
カテゴリー数：18
タグ数：124
投稿数：1748
固定ページ数：12
ユーザー数：1
----------------------------------------------
●現象

→→404ページ画像を未入力にしても標準画像としている。
このため、フックでnullとした。

https://github.com/xserver-inc/cocoon/blob/5145369b40baf96a45fb93b097688a8a87465154/lib/page-settings/404-funcs.php#L11-L21

無条件で404ページ画像を表示している。

<img class="not-found" src="" alt="404 Not Found">

●原因

テンプレートでは404ページ画像ありを前提としている。
結果、CSSで非表示とする必要がある。

https://github.com/xserver-inc/cocoon/blob/5145369b40baf96a45fb93b097688a8a87465154/404.php#L17

●誤字

テンプレートのコメントの内容が間違っています。

https://github.com/xserver-inc/cocoon/blob/5145369b40baf96a45fb93b097688a8a87465154/404.php#L12

●余談

404ページのとき、退屈なので楽しめるよう、ゲーム画面にしてみました（笑）

https://ss1.xrea.com/chuya.s239.xrea.com/temp/

●現象

「FAQ」「タイムライン」ブロック内に以下を配置した。

• インラインボタン（塗りつぶし）
• ランキング

このとき、ボタンのテキストカラーが白でない。

●原因

以下の例えば「タイムライン」ブロックのCSSプロパティはテキストカラーを黒としている。

https://github.com/xserver-inc/cocoon/blob/f994838d4031937bc25404b27f7c0200c4df6b9c/style.css#L8632

このため、ボタンでも--cocoon-custom-text-colorを参照しているため、親の色がそのまま反映されてしまう。

https://github.com/xserver-inc/cocoon/blob/f994838d4031937bc25404b27f7c0200c4df6b9c/style.css#L3993

●現象

→→「ブログカード表示を有効にする」を有効としている際、
GutenbergエディターでURLを入力している途中に、意図しないタイミングでブログカードへ自動変換されてしまいます。

●回避策

一旦URLの先頭に「!」を付与して自動変換を防ぎ、入力完了後に「!」を削除するという手間が発生しています。

●現象

以下のマニュアルに従い、Gutenbergエディターの段落ブロックにURLを入力した。

https://wp-cocoon.com/not-blogcard/

<!-- wp:paragraph -->
<p>https://www.yahoo.co.jp</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>!https://www.yahoo.co.jp/</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><a href="https://www.yahoo.co.jp">https://www.yahoo.co.jp</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>!<a href="https://www.yahoo.co.jp/">https://www.yahoo.co.jp/</a></p>
<!-- /wp:paragraph -->

このときテキストリンクとなるが、先頭の「!」が付いたままとなる。

●現象

→→外部ブログカード設定「ブログカード表示を有効にする」の切り替えにより、エディター上でブロックが「非サポート」となる。

●発生手順

1. →→外部ブログカード設定「ブログカード表示を有効にする」をオンにする。
2. 段落ブロックにURLを入力し、ブログカード（埋め込み）として表示させる。
3. その後、同設定をオフに切り替える。

●以前の挙動（Cocoon 2.9.0.1）

設定のオン・オフに関わらず、Gutenbergエディター上ではURL（テキスト）のまま維持されており、表示が崩れることはなかった。

●現象

スマホでCocoon設定を表示した際、の表示が図示のように崩れる。

●原因

設定メニューとプレビューを横並びにしている。
プレビュー幅は380px固定であるため、表示幅が狭くなると、設定メニューが潰れてしまう。

●対策

案1

admin.cssに以下を追加する。
表示幅が狭い場合、以下のようにプレビューを上に表示する。

@media (width <= 1023px) {
  #tab-mobile-buttons-content .col-2 {
    flex-direction: column-reverse;
  }
  #tab-mobile-buttons-content .col-2 div:has(.demo) {
    margin: 0 auto;
  }
}

案2

mobile-buttons-forms.phpのHTML構成を他の設定に合わる。

https://github.com/xserver-inc/cocoon/blob/master/lib/page-settings/mobile-buttons-forms.php

プレビュー行を設ける。

https://notepad.pw/share/p1ljuhezc

●補足

プレビューに余分なスロールバーが表示される。
そのため、以下をadmin.cssに追加する。

.mobile-demo {
overflow: hidden;
}