●対象スキン

みるらいと

●現象

Gutenbergエディターで、「ドキュメント外観」に罫線が描画された。

●原因

スコープを絞っていないため、以下のCSSが反映され、罫線が描画されてしまう。

https://github.com/xserver-inc/cocoon/blob/267ab2fa0e69bdd69f249d89270335a93e6f1b53/skins/mil-light/style.css#L336-L342

●対策

.bodyを付与し、Gutenbergエディター側と区別する。

• てがきノート(ダークスカイ)
• Simple‐Darkmode（ブラウザ表示を切り替えた場合）
• Simple‐Darkmode Always（常時ダークモード）
• ダークシリーズ

●現象

「タブ」ブロックで非アクティブタブの文字が見えない。
親テーマCSSのままで「タブ」ブロックサポート時に考慮されていない。

●補足

非アクティブとアクティブの背景色＋文字色が逆では？
全体が黒背景の場合、タブ背景色白が目立ち、アクティブに見える。

----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.5.5
カテゴリー数：18
タグ数：125
投稿数：1762
固定ページ数：8
ユーザー数：2
----------------------------------------------

●対象スキン

• SILK
• みるらいと

●現象

「ボタン」ブロックには元々、透明枠が付いている。
スキン側でボタンに影を付けたことでボタンの枠が見えてしまう。

●対応

運用でカバーし、スキンでは対応しない。

Gutenbergエディターで、色設定でボーダー色を背景色と同じ設定にする。

●対象スキン

グループに見出しh2を含むと書き出し位置が変わる。
また、親テーマCSSの border-radius:p2px が反映され、直線ではない。デザインなのか不明。

<!-- wp:heading -->
<h2 class="wp-block-heading">グループなし</h2>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">グループなあり</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

●対象スキン

one

●現象

→→→「ダークスキン対応にする」をオンにすると
ヘッダー・フッターモバイルボタンの帯の背景色が黒色になり、テキストが白色とならない。

●原因

@media screen and (min-width: 1024px)の中に定義している。
このため、画面幅が1024px以上でないと、テキストが白にならない。

https://github.com/xserver-inc/cocoon/blob/267ab2fa0e69bdd69f249d89270335a93e6f1b53/skins/one/style.css#L52-L54

●対策

条件不要で、単にメディアクエリから外に出す。

●現象

スキン一覧から以下を選択すると警告メッセージが表示される。

• スキンからオプション変更サンプル（CSV）
• スキンからオプション変更サンプル（JSON）

Notice: 関数 _load_textdomain_just_in_time が誤って呼び出されました。
cocoon ドメインの翻訳の読み込みが早すぎました。
これは通常、プラグインまたはテーマの一部のコードが早すぎるタイミングで実行されていることを示しています。
翻訳は init アクション以降で読み込む必要があります。 詳しくは WordPress のデバッグをご覧ください。 (このメッセージはバージョン 6.7.0 で追加されました) in /virtual/gas2monkey/public_html/wp-includes/functions.php on line 6260

●対象スキン

one

●現象

→→で設定をしたが、プレビューに反映されない。

●原因

以下では、カスタマイザー画面が起動したタイミングでのbodyクラスとなる。
プレビューを描画するタイミングでないため、カスタマイザーで設定した値が反映されない。

https://github.com/xserver-inc/cocoon/blob/0122e7929384cceed2eaee10f20260cb406417bc/skins/one/functions.php#L200-L243

●対策

customize_registerアクションフック内ではなく、単にbody_classフィルターで値を設定する。
以下に、視認性向上のため無名関数化、インデントを整形したコードにしてあります。

https://notepad.pw/share/z3mc9rj3

●補足

１.enqueue_block_editor_assetsでCSSを追加するため、add_theme_supportを定義する必要なし。

https://github.com/xserver-inc/cocoon/blob/0122e7929384cceed2eaee10f20260cb406417bc/skins/one/functions.php#L7

２.site_bakground_color→site_background_colorとコーディングミス。

https://github.com/xserver-inc/cocoon/blob/0122e7929384cceed2eaee10f20260cb406417bc/skins/one/functions.php#L99

●注意点

カスタマイザーで以下を設定してもGutenbergエディター上は反映されない。
そこまで考慮した設計になっていない。

• 本文見出し(H2)にカウントを付ける
• 本文の見出しを明朝体にする
• ダークスキン対応にする

●対象スキン

ONE

●設定

→
→サイト背景色を「#000000」に設定。
→サイトフォントの文字色を「#ffffff」に設定。

→スキンoneの設定「ダークスキン対応にする」をオン。

●現象

「新着情報」の投稿タイトルがデフォルト「#333333」のままとなり、投稿タイトルが見えない。

●注意点

文字色を「#ffffff」とすると、カレンダーの曜日色が白となり、見えなくなる弊害がある。

●対象スキン

• イノセンス
• tecurio earth
• tecurio grape
• tecurio lime
• tecurio mango
• tecurio moon
• tecurio peach
• tecurio sky
• tecurio soil

●現象

サイドバーに「新着情報」で「枠線を表示する」オンとすると、ウィジェットエリアの枠と重なる（余白がない）。

●原因

ウィジェトエリアの見出しを塗り潰しとし、ウィジェットエリアと隣接させるため、ウィジェットエリアに余白を持っていない。
このため、以下ではinfo-list内のpaddingとなり、info-listの外に余白とならない。

tecurioシリーズの場合

https://github.com/xserver-inc/cocoon/blob/6150c2a5794a8e61d318484b7d9b58db17574594/skins/skin-tecurio-earth/style.css#L151-L153

• ミックスグリーン
• ミックスブルー
• ミックスレッド

.border-partition .a-wrap:first-of-type {
border-top: 1px solid #d0d0c7;
}