ワードプレスのプラグイン編集から変更したCSSが元に戻る

Question

ワードプレスのプラグインWP customer reviewsのCSSを編集しています。
このプラグイン、レビューの入力フォームをスマホ表示で開くと、テキストエリア等がレスポンシブ対応していません。

CSSを見てみると、wp-customer-reviews-generated.css
のファイルを管理画面から直接書き換えて幅を調節できたのですが、
1日2日経つと、なぜか元に戻ってしまいます。

プラグインを停止→有効化しても、同じように編集したCSSが元に戻ってしまいます。

別ドメイン、別テーマでも試しましたが同じ挙動です。
プラグインとワードプレスは最新のものに更新してあります。

何が原因かお分かりになりますでしょうか？

Comments

[CHERRY]

プラグインディレクトリ内のファイルを書き換えたのでしょうか？

[sakura2685]

はい、管理画面から直接プラグイン編集で書き換えに行っているので、同じことかと思います。
FFFTPでファイルをDLし、編集後再アップも試してみましたが同じ事象でした。
wp-content/plugins/wp-customer-reviews/css
内のファイルです。

Answer 1

手元の環境で、「WP Customer Reviews」をインストールしてみました。

定期的に wp-customer-reviews-3-admin.php にある generate_css() 関数で、include/templates/wp-customer-reviews-css.css ファイルから css/wp-customer-reviews-generated.css を生成するようになっているようです。

アップデートなどでリセットされたりするのを了承した上で、プラグインを直接書き換えるのであれば、wp-customer-reviews-css.css を変更する必要があるようです。

---

プラグインの CSS を上書きする方法としては、直接プラグインのファイルを書き換えるとプラグインのアップデート等でリセットされるので、お勧めできません。

通常は、

• 使っているテーマの CSS ファイルに追記する
• 管理画面の「外観」「カスタマイズ」「追加 CSS」
• カスタム CSS を追加できる プラグインを使う。( Jetpack / Simple Custom CSS 等 )

などの方法で変更することをお勧めします。

Comments

[sakura2685]

なるほど。CSSを生成。
どおりでGoogleデベロッパーツールだけでは解決できないわけですね…。

追加CSSで対応できそうなのでそちらで考えてみて、行き詰ったら教えていただいたファイルを編集してみます！

phpファイルが読めないので助かりました。プラグインのインストールまでしていただいて…本当にありがとうございました！

Answer 2

WP customer reviewsプラグインはこまめにアップデートが配信されていて、テンプレートファイルを上書きされているようです。プラグイン以外に書くとか、アップデートを止める、バックアップを取っておく等別の多作が必要かと思います。

Comments

[sakura2685]

回答ありがとうございます！
テンプレートが上書きされるという挙動を知らなかったので、この度は大変参考になりました。
追加CSS等で対応を試みてみます。
この度はありがとうございました！