[ 解決済 ] 追加 CSS を設定すると、タイトルのフォントサイズが大きくなる

[対馬 俊彦]

■ WordPress のバージョン
7.0

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
X-T9

■ テーマのバージョン
1.41.6

■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
プラグインはなにもインストールしてありません。

■ 期待する動作
追加 CSS を設定しても、タイトルのフォントサイズが変わらない。

■ 自分で試した事
症状および再現する手順を該当 URL のページに書きました。

デベロッパーツールで確認したところ、--wp--preset--font-size--huge: clamp(28.16px, 1.76rem + ((1vw - 3.6px) * 0.479), 32.18px); が --wp--preset--font-size--huge: 42px; に変わってしまうようです。

■ 症状が発生するブラウザ
ブラウザに依存しない

■ 実際の症状
固定ページや投稿で、ブロックに WordPress の 追加 CSS を設定すると、
ページタイトルのフォントサイズが大きくなってしまいます。

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[Vektor,Inc]

対馬様

ご報告いただきありがとうございます。
ご報告いただいた事象について、こちらでも再現を確認いたしました。

原因について
調査の結果、これはX-T9テーマ側の不具合ではなく、WordPress 7.0で新しく追加された「ブロックの追加CSS」機能に起因する、WordPressコア自体の不具合であることが判明しました。

ブロックに追加CSSを設定すると、WordPressコア内部でスタイルの読み込み順序が本来の意図と逆転してしまいます。X-T9では見出し(h1)の文字サイズをこの影響を受けやすい形で設定しているため、今回h1タグで症状が目立って発生しました。
なお、本文中の段落等で「フォントサイズ: 特大(Huge)」を選択された場合も、同様の症状が発生する可能性があります。

念のため、この不具合はWordPress開発チームにもご報告済みです。
https://github.com/WordPress/gutenberg/issues/79974

今後の対応について
WordPressコア側の不具合ではありますが、ご利用者様への影響を考慮し、X-T9側でも回避策となるパッチを用意し、テーマアップデートへの反映を検討しております。
https://github.com/vektor-inc/x-t9/pull/469
ご不便をおかけし申し訳ございません。今しばらくお待ちください。

[対馬 俊彦]

うなこ 様、

Lightning のサイトではこの症状が起きなかったので、
とりえずここに報告させていただいた次第です。

WordPress の不具合だったんですね。承知しました。

ご対応いただき、ありがとうございます。

[対馬 俊彦]

X-T9 1.14.7 で症状が回避されることを確認しました。
ありがとうございます！

[投稿者]

投稿