Codex × WordPress テーマ/CSS

CodexでWordPressテーマやCSSを直すには

テーマやCSSの修正は、見た目を直せる一方でサイト全体に影響しやすい作業です。Codexに頼む時は、対象CSS、対象テンプレート、触らないファイル、戻し方を先に決めます。

このページはWordPress、OpenAI、Codexの公式サポートではありません。機能や提供状況は変わる可能性があるため、重要な判断では公式情報や管理者の確認も行ってください。

wordpress-work.yml

url: check
files: limit
backup: required
public_check: required

見た目の修正は影響範囲が広い

本文の修正と違い、テーマやCSSの修正はそのページだけで済みません。同じ指定が他のページにも効いているため、1か所直したつもりで全体が崩れることがあります。作業の前に、どこまで影響するかを確認してください。

3つ目が一番多い失敗です。直したはずの箇所が数か月後に戻っている場合、ほぼこれが原因です。

見た目の修正は「もう少し詰めて」のような曖昧な指示だと、意図と違う結果になります。次のように具体化してください。

あわせて「他のページには影響させないで」「テーマ本体は触らないで」と範囲を書いてください。書かないと、関連する箇所もまとめて直されることがあります。

見た目の修正は、直した後で「前のほうがよかった」となることがあります。戻せるように、次を残してください。

3つ目があると、数か月後に見返した時に判断できます。理由が残っていないと、戻すべきか迷ったまま放置されます。

4番と5番を飛ばすと、後から別のページで崩れが見つかります。その時には何を変えたか忘れているので、原因追跡に時間がかかります。

実際にやってしまったのは、テーマ本体のファイルを直接直したことです。その時は直ったのですが、テーマを更新したら元に戻り、何をどう直したかも残っていませんでした。それ以来、更新で消えない場所に変更を入れるようにしています。

もう1つ、スマホでの確認を後回しにして崩れに気づかなかったことがあります。パソコンの画面幅を狭めるだけでも大半は見つかるので、変更のたびに確認する習慣にしました。

CSSの変更はどこに書けばよいですか？

テーマ更新で消えない場所に書いてください。テーマ本体を直接直すと、更新時に戻ります。

1か所直したら他が崩れました

同じ指定が他のページにも効いています。変更前の状態に戻してから、範囲を絞り直してください。

スマホの確認はどうやりますか？

パソコンの画面幅を狭めるだけでも大半は見つかります。最終確認は実機で行ってください。

プラグインの設定も任せてよいですか？

すすめません。影響範囲が読みにくく、戻すのが難しい場合があります。