【WordPress】カスタムHTMLが保存できないときのエラー対処法(ConoHaWING)

2022年7月14日

こんにちわコンスケです！自分がハマった部分がありましたので共有します！

最初に

ワードプレスの管理しているサイトにて、カスタムHTMLで自分らしくこだわったサイトにしたいと思っている方も多いと思います！
そんな時にコードを直接記載できるカスタムHTMLはすごく便利ですよね。

で早速ブログパーツとして、カスタムHTMLを記載し、保存してみました！すると、

更新に失敗しました。返答が正しいJSONレスポンスではありません。 ですって。

原因究明

コード書き間違えた？とかCSSのstyle書いたのがいけなかったのかな？とか色々疑ったのですが、
そんなことありませんでした。そんな時に下記記事を発見しました。

ONE NAUGHT

WordPressウィジェットのカスタムHTMLが保存できないときの対処法この記事では、Wordpressをカスタマイズ設定するときに便利なウィジェット「カスタムHTML」が保存できな…

私の場合もWAF（ウェブアプリケーションファイアウォール）が原因だったのです！
外部からの読み込みを行うコードは、WAFによってブロックされるらしいです。フォントを外部から取り込んだせいですね。

WAFとは

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

Canon(Japan)

キヤノンホームページキヤノンの日本国内ポータルサイトです。キヤノン商品情報の他、サポート情報、会社情報、採用情報、投資家向け情報などをご提供しています。

カスタムHTMLを保存できるように設定変更しよう！

ということで原因が分かりましたので、早速保存ができるように対応していきましょう！
私はConoHaWINGを契約しておりますのでそちらから変更してきます。

まずコノハウィングのダッシュボードにログインしましょう！
次に「サイト管理」→「サイトセキュリティ」のWAFタブをクリックしましょう！
すると下記画面に移動できます。