●現象

以下の「ブログカード」ブロックで、以前はブログカードだったが、テキストリンクとなった。

<!-- wp:cocoon-blocks/blogcard -->
<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a href="https://github.com/xserver-inc/cocoon/blob/9de3b38ce1b1f236ff12b449951028c651533a28/skins/skin-made-in-heaven/style.css#L3549-L3551">https://github.com/xserver-inc/cocoon/blob/9de3b38ce1b1f236ff12b449951028c651533a28/skins/skin-made-in-heaven/style.css#L3549-L3551</a>
</div>
<!-- /wp:cocoon-blocks/blogcard -->

●原因

ブログカードの生成処理において、Webページ以外の不要なファイルを弾くための拡張子判定ロジックが組み込まれた。
しかし、その許可リストから拡張子「CSS」が漏れてしまっていたことが原因で、以前は表示できていたURLがテキストリンクのままになってしまう「デグレード」が発生した。

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

●対策

以下に対象拡張子に「css」を追加する。

https://github.com/xserver-inc/cocoon/blob/24f085b8bb7edec07213d0ee687644cda22ebfd6/lib/blogcard-out.php#L148

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

●関連

Xwriteフォーラムの横展開です。

https://users.xwrite.jp/community/postid/5284/

●現象

URLに ?s=検索キーワード&cat=99999 のように「存在しないカテゴリーID」を指定してサイト内検索を行った際、以下のエラー（WarningおよびDeprecated）が発生する。

Warning: Attempt to read property "name" on null in /lib/content-category.php on line 90
Deprecated: htmlspecialchars(): Passing null to parameter #1 ($string) of type string is deprecated in /lib/seo.php on line 450

●原因

存在しないカテゴリーIDが指定された際、get_category($cat_id) が null を返す。
しかし、コード内で戻り値のチェックを行わずに直接 ->name プロパティを参照しているため、Warningが発生する。

https://github.com/xserver-inc/cocoon/blob/af985e04cd052c93a8d8226aff1485fcad3f2284/lib/content-category.php#L89-L91

メタキーワードを生成する際、上記の影響でカテゴリー名（またはタグ名）が取得できず、変数 $res が null になる。
PHP 8.1以降では htmlspecialchars() に null を渡すことが非推奨となったため、Deprecated警告が発生する。

https://github.com/xserver-inc/cocoon/blob/af985e04cd052c93a8d8226aff1485fcad3f2284/lib/seo.php#L450

https://github.com/xserver-inc/cocoon/blob/af985e04cd052c93a8d8226aff1485fcad3f2284/lib/seo.php#L628

●対策

get_category() の戻り値オブジェクトの存在確認を挟んでから name を取得するように変更する。

  //タイトルが存在しない場合はカテゴリー名を利用する
  if (!$res && $is_cat_name) {
    $category = get_category($cat_id);
    // カテゴリが正常に取得できた場合のみ name を取得
    if ($category && !is_wp_error($category)) {
      $res = $category->name;
    }
  }

htmlspecialchars() に渡す前に、変数を型キャストして null を空文字 "" に変換する。

  $res = htmlspecialchars((string)$res);

●マニュアル

https://wp-cocoon.com/recommended-cards-widget/#toc2

●現象

メニューの説明欄に「説明」と入力し、「おすすめカード」に設定した。
本来、この「説明」は非表示になる仕様だが、実際には画面に表示されてしまう。

●原因

以下ではCSSクラスの優先度で負けている。

https://github.com/xserver-inc/cocoon/blob/ea5d54c138bd2862f7a12dbfb21c756acbc07313/style.css#L9493

●対策

CSSクラスを修正し優先度を上げる。

.recommended .large-thumb-on .card-snippet

内部ブログカードを設置すると、サイトのトップページの縮小画面が表示されるようになってしまいました。

今までですと、ページのアイキャッチに設定した写真がブログカードのサムネイルになっていました。

こちらの方で設定をいじった記憶はなく、プラグインも一度無効にしてみましたが、改善はしていません。

いちおう原因を調べてみましたが、あまりこういったことに詳しくなく、解決には至っていません・・・。

不具合なのかも不明なのですが、原因がお分かりになるのであれば教えていただきたいです。

添付ファイルのページとなります。

https://www.hobi-rain.com/entry/top/uxezarinngu

相談内容：
WordPress 7.0に移行するためにローカル環境でサイトを構築してみたところ
タイトル部分とメニュー部分に空白が発生致します。
これを解決する方法はありますでしょうか？

不具合の発生手順：
WPを7.0にあげるとこうなります。

解決のために試したこと：
サイトヘルスチェックを行い、全プラグインの停止や違うテーマでみたところここまでの大きな空白が入ることはありませんでした。

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

----------------------------------------------
サイト名：京都大学大学院薬学研究科 構造生物薬学分野
サイトURL：http://ubuntu.1020913.kuins.net//structbl
ホームURL：http://ubuntu.1020913.kuins.net/structbl
コンテンツURL：http://ubuntu.1020913.kuins.net//structbl/wp-content
インクルードURL：http://ubuntu.1020913.kuins.net//structbl/wp-includes/
テンプレートURL：http://ubuntu.1020913.kuins.net//structbl/wp-content/themes/cocoon-master
スタイルシートURL：http://ubuntu.1020913.kuins.net//structbl/wp-content/themes/cocoon-child-master
親テーマスタイル：http://ubuntu.1020913.kuins.net//structbl/wp-content/themes/cocoon-master/style.css
子テーマスタイル：http://ubuntu.1020913.kuins.net//structbl/wp-content/themes/cocoon-child-master/style.css
スキン：http://ubuntu.1020913.kuins.net//structbl/wp-content/themes/cocoon-master/skins/one/style.css
WordPressバージョン：7.0
PHPバージョン：8.3.6
データベース：10.11.14
サイト言語：ja
タイムゾーン：Asia/Tokyo
HTTPS：無効
マルチサイト：有効
WP_DEBUG：有効
DISABLE_WP_CRON：有効
WP_CACHE：無効
DISALLOW_FILE_EDIT：無効
パーマリンク構造：/%year%/%monthnum%/%day%/%postname%/
ホームページ表示：固定ページ
PHPメモリ上限：256M
WPメモリ上限：64M
WP管理画面メモリ上限：256M
PHP最大実行時間：30秒
PHP max_input_vars：1000
アップロード上限：2M
POST上限：8M
PHP拡張：curl:有効, mbstring:有効, gd:有効, imagick:無効, xml:有効, zip:有効, intl:無効, exif:有効
画像エディタ：GD
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:151.0) Gecko/20100101 Firefox/151.0
サーバーソフト：Apache/2.4.58 (Ubuntu)
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.3.1
カテゴリー数：1
タグ数：0
投稿数：36
固定ページ数：17
ユーザー数：4
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：0
ホームイメージ：https://www.pharm.kyoto-u.ac.jp/structbl/wp-content/themes/cocoon-master/screenshot.jpg
簡単SSL：0
コードハイライト：0
----------------------------------------------
canonicalタグ：1
カテゴリnoindex：0
タグnoindex：0
----------------------------------------------
サイドバー位置：sidebar_right
サイドバー表示：display_all
メインカラム幅：デフォルト
サイドバー幅：デフォルト
----------------------------------------------
全広告表示：1
AdSense表示方法：
----------------------------------------------
GA4：未設定
GTM：未設定
Search Console：未設定
----------------------------------------------
ブラウザキャッシュ有効化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools 5.9.2
Black Studio TinyMCE Widget 2.7.3
Classic Editor 1.7.0
Contact Form 7 6.1.6
Custom Field Template 2.7.8
Health Check & Troubleshooting 1.7.1
Jetpack 15.9
Link Indication 4.4
Maintenance Mode 5.4
MO Cache 2.0
MW IP Denied 0.3.2
Public Post Preview 3.1.0
Really Simple CAPTCHA 2.4
Responsive Accordion And Collapse 2.5.3
TinyMCE Templates 4.8.1
User Role Editor 4.65
WP Multibyte Patch 2.9.3
----------------------------------------------
停止中のプラグイン：
Advanced Custom Fields 6.8.4
Advanced Custom Fields Multilingual 2.2.4
Akismet Anti-spam: Spam Protection 5.7
bbPress 2.6.14
Category Checklist Tree 1.3.2
Category Limitation 2.3.1
Category Order and Taxonomy Terms Order 1.9.9.1
Child Theme Configurator 2.6.7
Custom Post Type UI 1.19.2
Gutenberg 23.3.2
Hello Dolly 1.7.2
jQuery Colorbox 4.6.2
MetaSlider Slideshow 3.109.0
MTS Simple Booking 1.37.0
My Page Order 4.3
OTGS Installer 3.0.4
Peter's Collaboration E-mails 2.2.0
PublishPress Permissions Free 4.8.2
Regenerate Thumbnails 3.1.6
Simple Custom Post Order 2.7.3
User Access Manager 2.3.12
VK All in One Expansion Unit 9.117.2
VK Block Patterns 1.36.0
VK Blocks 1.121.0
Widget Options 4.2.5
WordPress Importer 0.9.5
WPML Media Translation 3.1.1
WPML Multilingual CMS 4.9.4
WPML Multilingual for CF7 1.3.3
WPML String Translation 3.5.2
Yoast Duplicate Post 4.6
----------------------------------------------

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

●現象

→→「サイトを見るときにツールバーを表示する」オンの場合、
600px＜画面幅≦1023pxのときキャッチフレーズが隠れてしまう。

また、メニューのナビゲーションラベルが長い場合、折り返し表示され、ヘッダーモバイルボタンの高さが大きくなる。
このため、コンテンツが隠れてしまう。
（ヘッダーモバイルボタンの高さは50pxとは限らない）

●補足

動的にコンテンツ位置を求めており。
以下で対応可能と思ったが、ヘッダーモバイルボタンが遅れて表示される場合、0pxとなり正しく動作しない。

@media (width <= 1023px) {
	.container {
		margin-top: var(--cocoon--header-container--position-offset);
	}
}

●マニュアル

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

●ブロック

<!-- wp:paragraph -->
<p>!http://chuya.s239.xrea.com/temp/download-archived-plugin/</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>!http://chuya.s239.xrea.com/temp/download-archived-plugin/この記事はテキストだが先頭に！が付いたままとなる</p>
<!-- /wp:paragraph -->

●現象

「!」＋URLのみの場合、先頭の「!」が消え、URLがテキストとして表示される。
しかし「!」＋URL＋文字列の場合、先頭の「!」が消えず、そのまま残ってしまう（図の矢印の部分）。

URL（「!」なし）＋文字列の場合、自動的で「ブログカード（埋め込み）」に変換されてしまい、入力した文を修正できない。

<!-- wp:paragraph -->
<p>http://chuya.s239.xrea.com/temp/download-archived-plugin/この記事はテキストだが先頭に！が付いたままとなる</p>
<!-- /wp:paragraph -->

↓

<!-- wp:cocoon-blocks/embed-blogcard {"url":"http://chuya.s239.xrea.com/temp/download-archived-plugin/この記事はテキストだが先頭に！が付いたままとなる"} /-->

WordPressの仕様を調べましたが、よく分かりません。
Cocoonは、「幅広」「全幅」についてサポートしていないのでは？

●ブロック

https://notepad.pw/share/na8caw12x

●現象

Gutenbergエディターにおいて、グループブロック内に「ボタンブロック」と「囲みボタンブロック」を配置した。
グループの配置を「幅広」または「全幅」に設定した際、エディター上でのみ「囲みボタン」の配置位置が異なって表示される。

●仕様についての疑問（Cocoonにおける「幅広」「全幅」の挙動について）

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

ページタイプを「1カラム（狭い / メインカラム600px）」に設定し、ブロックのツールバーから「幅広（alignwide）」または「全幅（alignfull）」を設定した際の挙動について、2点疑問がある。

1. フロントエンドで「幅広」「全幅」が突き破らないのは仕様か？

エディター上では幅が変化するものの、フロントエンド（実際の公開画面）では「幅広」「全幅」ともに通常のコンテンツ幅（600px）のまま変化せず、どちらも同じ表示になる。

本来であれば、alignfull を指定した際は entry-content の幅を無視し、下記のようなCSSを用い画面いっぱいに広がるべきだと考える。

【例】

.alignfull {
margin: 0 calc(50% - 50vw);
padding: 0 calc(50vw - 50%);
}

2.theme.json のレイアウト定義と「幅広」の出力について

グループブロックの「コンテント幅を使用するインナーブロック」をオンにすると、子要素に対してコンテント幅はmax-width などの制限は反映される。

しかし、フロントエンドのCSSを確認する限り、「幅広」に関する固有のスタイルが出力されていないように見受けられる。

theme.json の layout に幅広（例: 1200px）や全幅を定義すれば、エディターのツールバーには選択肢として反映されるが、フロントエンド側にスタイルが追従しないのであれば、この設定を定義すること自体に意味はないのでは？

https://wp-cocoon.com/rakuten-link-bookmarklet/