WordPressでテーマをカスタマイズしていると、テーマファイルを直接編集 する場面が出てきます。
そのときに使うのが、
の2つの方法です。
WordPressはテーマのカスタマイズが管理画面から簡単に行えたり、プラグインが充実しているので、FTPを使用してアップロードを行うようなことはしなくても何とかなります。
ほとんどの方が、テーマファイルエディタを使用してCSSを追加するようなやり方をしているのではないかと思います。
私は、オリジナルページを今回作っているのですが、オリジナルページを作成する前は、WordPress管理画面のテーマファイルエディタを使用して、CSSをいじったりしていました。
※ オリジナルページの作成については別記事にまとめているのでご参照ください！
（【WordPress】オリジナルのページを作成／作成方法）
今回、WordPressでオリジナルのページを作成するために、VScodeやcursorといったテキストコードエディタを使用して、GitHubでの管理をしながら編集することにしました。
そこで一つの疑問が・・・
WordPress管理画面で編集したCSSが、ローカルの style.css と違う！！
このままFTPでローカルの古いファイルを、サーバーにあげたら死ぬやつや・・・
これはどうしたらいいのか、
それぞれのメリット・デメリットや注意点をまとめてみたので参考にしていただけたら幸いです！
※ 今回使用したテキストコードエディタは主にcursorなのですが、ここでは「VScode」と記述しています。
管理画面の「テーマファイルエディタ」で編集する方法
WordPress管理画面の 「外観」→「テーマファイルエディタ」 から直接PHPやCSSを修正できます。
メリット
デメリット
👉 手軽だけど、本番環境でいきなり使うのはちょっと危険です。
VSCode＋FileZilla（FTP）で編集する方法
ローカルにテーマファイルを置き、VSCodeで編集 → FTPでサーバーにアップロード します。
メリット
デメリット
ちょっとめんどくさいけど、子テーマ用のGitHubリポジトリを作成して組み合わせれば、「このスタイル全部やり直したい！」などといった大幅な修正も、履歴が残るから便利！
👉 少し手間は増えますが、安全性と管理しやすさは圧倒的にこちらが上です。
実際に起きた「style.cssが反映されない」問題
私の場合、最初は管理画面エディタでCSSを編集していたのですが、途中からVSCode＋FileZillaに切り替えました。
すると…
がバラバラになってしまい、どっちが最新か分からなくなる 状況が発生。
最終的に、管理画面で書いたコードをコピペしてローカルにまとめ直し、FTPでアップロードして同期 することで解決しました。
今後のベストな運用方法
これで「ファイルが最新か分からない」「エラーで真っ白になった」といったトラブルを避けられます。
まとめ
👉 個人的には、普段はVSCode＋FTP＋GitHub管理、緊急時だけ管理画面エディタ が一番安心だと思いました。
✍️ 今回のようにテーマカスタマイズをしていると「反映されない」とか「どっちのファイルが最新？」みたいな問題がよく出るので、備忘録として残しておきます。
オリジナルページ関連の記事を載せておきますので、興味ある方はご覧ください！
オリジナルページ作成するのも少し大変でした・・・
