WordPressコアブロックへの広い上書き

Diagnosis

この所見が意味すること

.wp-block-*だけの指定がサイト内の同種ブロックすべてへ影響します。

所見は断定ではありません。表示された根拠と設計意図を照合してから本番コードを変更してください。

Detection

CSS Doctorの判定方法

1. 貼り付けたHTML・CSSをネットワーク遮断したiframe内で隔離表示します。
2. 静的ルールはソース構造を、表示ルールは実際の寸法や計算済みスタイルを確認します。
3. 目的、重要度、確度、影響範囲、修正安全度の順で所見を並べます。

Before / After

最小コード例

.wp-block-button { border-radius: 0; }

.page-id-123 .feature-button.wp-block-button { border-radius: 0; }

例は出発点であり、万能な修正ではありません。Tier A・Bは適用前に差分を表示し、Tier Cは自動適用しません。

Limitations

検出の限界と手動確認

全サイト共通ならtheme.jsonやBlock Styleも検討します。

• ツールへ貼っていない本番CSSは取得・比較しません。
• 入力したJavaScriptは実行しません。
• すべての画面幅とキーボード操作で最終確認してください。