WAF を OFF にしないとエラーが出ます

WordPress の追加 CSS を変更しようとしたら、エラーになります。何がおかしいのか調べたら、サーバーサイドの WAF （ウエブアプリケーションファイアーウォール）がいたずらしていました。

WAF って何？

私の使っているのは、 Lollipop さんです。 Lollipop さんでは、 WAF （ウエブアプリケーションファイアーウォール）を提供しており、これを ON にしておくことを推奨しています。

WAF （ワフ）は” Web Application Firewall ”の略で、「 Web アプリケーションの脆弱性を悪用した攻撃」から Web サイトを保護するセキュリティ対策です。 Web サーバーの前段に設置して通信を解析・検査し、攻撃と判断した通信を遮断することで、 Web サイトを保護します。
インターネットバンキングや EC サイトのように、ユーザーからの入力を受け付けたり、リクエストに応じて動的にページを作成する Web サイトの保護に適しています。 

WAF とは？｜ SiteGuard ｜キヤノン

動的なページを作成するってところは、 WordPress にも合致してますね。私もこの機能を ON にして使っていました。

トラブル発生

さて、安定して使っていたんですが、どうもうまく動かないのが１つ出てきました。 WordPress には CSS を追加して指定する機能が備わっているんですが、これがうまくいかない。めったにいじるところではないので、気がつかなかったのですけど何度やってもエラーが出る。

単純に CSS に改行を１つ入れただけでもエラーになります。私の iMac から WordPress が動いているサーバーのどこかに何か障害になっているものがあるんじゃないか。そう考えたんですね。

WAF が原因でした

原因と書きましたが、 WAF そのものは悪くなかったんだと思うのですね。ファイアーウォールですから、何か普段と異なるアクセスが生じた場合それを停止するのが、ファイアーウォールの役目です。そういう意味では、 CSS を書き込むという行為は、通常記事を作っている時のアクセスとは少し異なるので、異常と関知してしまったのかもしれません。

しかし、そうは言っても不便ですな。 Lollipop さんの WAF は、 ON → OFF に変えても５分ぐらいタイムラグが生じます。 Lollipop さんのログインページの WAF 設定を OFF にして、しばらく待ってから問題の CSS の書き換えを行ってみると、ビンゴでした。

まとめ

WordPress の CSS 変更は、 WAF を OFF にしないと動かない場合があります。必ずしもこれだけが原因というわけではないと思いますが、同じようにエラーが出ている人は、 WAF を疑ってみてはいかがでしょうか。

最後に、 CSS の更新が終わったら、 WAF を元通りに ON にしておきましょうね。