●仕様の確認

https://wp-cocoon.com/big-entry-card/

「先頭のみ」の定義は何か？
フロントページのみ縦型カードでサムネイルを大きく表示なのか？
全ページの1枚目が対象か？

以下でフロントページのみfloatを解除しているため、フロントページのみ縦型カードとしている。
結果、フロントページ以外、デフォルトカードとなる。

https://github.com/xserver-inc/cocoon/blob/27bbf8a6f0156b2646139663224b5b02f490b438/style.css#L1474-L1482

●前提条件

サーバー容量からサムネイル生成を停止している。
結果、メディアには元画像しかない。

●現象

→→カードタイプ「大きなカード（先頭のみ）」とした。
この時、2ページ以降の1枚目のカードのサムネイルの比率が→→サムネイル画像の比率とならない。

●原因

以下でフロントページの1枚目か判定し、元画像を取得する。それ以外は320pxサムネイルとする。
しかし、元画像しかないので、元画像が取得される。

https://github.com/xserver-inc/cocoon/blob/27bbf8a6f0156b2646139663224b5b02f490b438/lib/entry-card.php#L10-L18

Ver2.7.0.4の以下の修正が影響する。

https://github.com/xserver-inc/cocoon/commit/aa7cafa20cbf03a12b1724767769b70213cc8985

以下で1番目のカードのクラスにect-big-card-first が追加される。

このため、1枚目の画像が--card-ratio: autoとなる。
結果、1枚目の画像の比率が→→サムネイル画像の比率とならない。

●対策

クラスの付けているが、CSSとの役割分担に問題あり。
以下で1枚目のカードにクラスを付けているが不要。CSSで判定とする。

https://github.com/xserver-inc/cocoon/blob/27bbf8a6f0156b2646139663224b5b02f490b438/tmp/entry-card.php#L16-L18

以下で1枚目のカードに対し、アクペクト比をautoとしている。

https://github.com/xserver-inc/cocoon/blob/27bbf8a6f0156b2646139663224b5b02f490b438/style.css#L955

以下に合わせ、.front-top-page .ect-big-card-first .a-wrap:first-of-typeとする。

https://github.com/xserver-inc/cocoon/blob/27bbf8a6f0156b2646139663224b5b02f490b438/style.css#L1474

●現象

図示のように、リンク切れの「コロナ」に関する通知メッセージが常に表示される。

●原因

以下で、コロナについての通知を追加した。

https://github.com/xserver-inc/cocoon/commit/1c9cfe9ab5e2727f50e924eb0d796dabaf74dbe4

後に以下でコメントアウトしている。

https://github.com/xserver-inc/cocoon/commit/c289606625e64b0ccaa7e67fe739e72a47c8ffef

今回、「コロナ」に関する部分を残したまま、2.9.2.13で追加したXwrite_Notice_Managerの部分を見直し、このファイルに移動した。

https://github.com/xserver-inc/cocoon/blob/27bbf8a6f0156b2646139663224b5b02f490b438/lib/dashboard-message.php#L11-L73

結果、無意味なメッセージが表示されるようになった。

●注意

さんざん注意していますが、作り込みの際、影響がないか確認してください。

●経緯

従来、jQueryライブラリはCDN経由で読み込んでいたが、WordPress同梱のものを使用する仕様へと変更され、関連部分が削除された。

https://github.com/xserver-inc/cocoon/commit/77ade5c23e05687bc565fa93d264f2fd6ef8fcf2

WordPress標準の仕様では、jQueryはヘッダーで読み込まれ、フッターでは読み込まれない。

●改善点

１．上記コードの削除に伴い、以前からコメントアウトされていた以下の箇所も、あわせて削除して差し支えないと考える。

https://github.com/xserver-inc/cocoon/blob/20811dc3c9bd02045be1f225ba56899e729cf60b/lib/page-speed-up/speed-up-forms.php#L171-L205

２．以下のフッター関連の処理についても削除（ファイル削除）が可能。

https://github.com/xserver-inc/cocoon/blob/master/lib/content.php

３．付随して、該当ファイルを読み込んでいる（requireしている）以下の記述についても削除が可能。

https://github.com/xserver-inc/cocoon/blob/20811dc3c9bd02045be1f225ba56899e729cf60b/lib/_imports.php#L37

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

●現象

「段落」ブロックのスタイルでいくつか枠線からはみ出している。

●原因

スタイルボタン用のスタイルを持たないため、枠線からはみ出す。

●対策

css/gutenberg-editor.cssにスタイルボタン用のCSSを追加する。

/* ステッチ */
.style-buttons .__prevWrap:has(.is-style-stitch-box) {
  background: #fbfaf5;
}

.style-buttons .__prev.is-style-stitch-box {
  box-shadow: unset;
}

/* 交差線 */
.style-buttons .__prev.is-style-cross-line::before {
  left: 5px;
}

.style-buttons .__prev.is-style-cross-line::after {
  right: 5px;
}

.style-buttons .__prev.is-style-cross-line::before,
.style-buttons .__prev.is-style-cross-line::after {
  height: calc(100% + 10px);
  top: -5px;
}

/* クリップ */
.style-buttons .__prev.is-style-clip-box:before {
  height: 35px;
  top: -5px;
  width: 15px;
}

/* 左吹き出し */
.style-buttons .__prevWrap:has(.is-style-balloon-left-box) {
  padding-left: 10px;
}

/* 左吹き出し */
.style-buttons .__prevWrap:has(.is-style-balloon-left-box) {
  padding-left: 10px;
}

/* 右吹き出し */
.style-buttons .__prevWrap:has(.is-style-balloon-right-box) {
  padding-right: 10px;
}

/* 上吹き出し */
.style-buttons .__prevWrap:has(.is-style-balloon-top-box) {
  padding-top: 10px;
}

/* 上吹き出し */
.style-buttons .__prevWrap:has(.is-style-balloon-bottom-box) {
  padding-bottom: 10px;
}

●改善点

一部、CSSで以下の定義があり、calcと重複しています。
calcはサポートされたので不要です。

-webkit-calc

●現象

Gutenbergエディターのconsolにエラーとなる。

GET https://example.com/wp-content/themes/cocoon-master/js/color-picker.js?ver=7.0-RC3-62355 404 (Not Found)

●原因

以下でjs/color-picker.jsが空ファイル（ver 0.0.1以降）なので削除した。

https://github.com/xserver-inc/cocoon/commit/1cac7840bdbf85468a1d3c698aec415d7a89295b

しかし、以下で該当ファイルを追加しようとする。

https://github.com/xserver-inc/cocoon/blob/20811dc3c9bd02045be1f225ba56899e729cf60b/functions.php#L227-L233

●対策

functions.phppから削除する。

要望ですがシェアボタンにRedditを追加してほしいです。

Xよりもアクセス数が多い掲示板ですので、拡散のために使いたくぜひご検討をお願いいたします。

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

従来のタブ切り替えCSSでは、「~」（後続兄弟結合子）を使用し、input の :checked 状態を基準に後続要素を制御している。

1. #index-tab-1 がアクティブ（:checked）の場合、後続兄弟要素 .index-tab-buttons 内の .index-tab-button（対応するタブボタン）をアクティブ表示にしている。

https://github.com/xserver-inc/cocoon/blob/20811dc3c9bd02045be1f225ba56899e729cf60b/style.css#L10618-L10626

2. #index-tab-1 がアクティブ（:checked）の場合、同じ親要素内に存在する後続兄弟要素 .tab-cont.tb1 を表示している。

https://github.com/xserver-inc/cocoon/blob/20811dc3c9bd02045be1f225ba56899e729cf60b/style.css#L10649-L10655

一方、:has() を使用した場合は、親要素 .index-tab-wrap が #index-tab-1:checked の状態を保持しているかを基準にスタイルを適用できる。

.index-tab-wrap:has(#index-tab-1:checked) .index-tab-button,
.index-tab-wrap:has(#index-tab-2:checked) .index-tab-button,
.index-tab-wrap:has(#index-tab-3:checked) .index-tab-button,
.index-tab-wrap:has(#index-tab-4:checked) .index-tab-button {
  background: none var(--cocoon-tab-label-active-color);
  border: 1px solid var(--cocoon-tab-label-active-color);
  color: var(--cocoon-white-color);
  font-weight: 700;
}

.index-tab-wrap:has(#index-tab-1:checked) .tab-cont.tb1,
.index-tab-wrap:has(#index-tab-2:checked) .tab-cont.tb2,
.index-tab-wrap:has(#index-tab-3:checked) .tab-cont.tb3,
.index-tab-wrap:has(#index-tab-4:checked) .tab-cont.tb4 {
  display: block;
  animation: tab-index-show 0.3s ease-in;
}

:has() を使用することで、従来の「~」による後続兄弟要素への依存を減らし、親要素を基準とした状態管理が可能になる。

以下にも書きましたが、テンプレート使用していないので、削除してもいいのでは？

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

https://github.com/xserver-inc/cocoon/blob/master/tmp/json-ld-faq.php

●注意点

以下の件もあり、FAQをどうするのか判断願います。

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

●設定

→「人気記事」ウィジェットを配置。
→→パンくずリストの配置「メインカラム手前」（メインカラムボトム（デフォルト）以外）。

●現象

パンくずリストのカテゴリーが、投稿に設定してあるカテゴリーと異なる。

●原因

$postは予約語であるため、別の情報（人気記事に表示される情報）に書き換わってしまっている。

https://github.com/xserver-inc/cocoon/blob/d123650e8ac1b3335699f226128d257ef299c6b2/tmp/popular-card.php#L10

●対策

$postを別の変数名に置き換える。