WordPress Rescue / Guide(解説)

WordPressで特定ページだけにCSSを適用する方法

page-id-{ID}またはpostid-{ID}を使い、固定ページ・投稿へ安全にscopeする考え方と確認方法を説明します。

WPR-GUIDE-PAGE-SCOPE v1.0.0 ツールで試す

Direct answer

何を解決する項目ですか?

page-id-{ID}またはpostid-{ID}を使い、固定ページ・投稿へ安全にscopeする考え方と確認方法を説明します。

最初にバックアップを作り、影響範囲の狭い方法から確認します。変更後はFrontとEditor、スマートフォン幅、キャッシュ削除後の表示を確認し、問題があればrollbackします。

Safe workflow

安全に使う手順

  1. 対象サイトとテーマのバックアップを取り、現在のWordPressバージョンとテーマ種別を確認します。
  2. 追加CSSクラスまたはpage/post body classで、変更のscope(適用範囲)を必要最小限にします。
  3. Front・Editor、375・768・1024・fluidのプレビューと64ルールの診断結果を確認します。
  4. 生成されたINSTALLとVERIFYに沿って反映し、問題があればROLLBACKの手順で外します。

Terms

英語表記の意味

Scope(スコープ)はCSSが影響する範囲、Evidence(エビデンス)は診断の根拠、Adapter(アダプター)は同じProjectを導入形式へ変換する処理、Rollback(ロールバック)は元に戻す手順です。

Limits

自動で行わないこと

  • WordPressのファイル、データベース、テーマ、プラグイン、設定へ自動では書き込みません。
  • 任意PHPの実行、外部URLの取得、ProjectデータのAIサービス送信は行いません。
  • 未確認のテーマ固有セレクターを推測せず、!importantを自動追加しません。