WordPress で Web サイトを構築して、さぁ完成したぞとリリースしたところ編集画面でビジュアルモードが使えなくなる不具合に遭遇してしまった。

環境

現象

すべての編集画面 (Gutenberg) が強制的に「コードエディター」になり、「ビジュアルエディター」へ変更するメニューも消えてしまった。

前まではこの「プラグイン」メニューの上のところに「エディター」というメニューがあったはずだが・・・？

本番リリースにあたって CDN (CloudFront) を挟むように変更した
CloudFront はデフォルト設定だと User-Agent を「Amazon CloudFront」に書き換えて forward する
Gutenberg は User-Agent をみて「ビジュアルエディターが使えるかどうか」を判断しているらしく、「Amazon CloudFront」なる User-Agent は使えないと判断して無効にした

Gutenberg なんだその仕様・・・
せめて warning メッセージか何かを出してほしいな・・・

CloudFront の Behavior の設定で User-Agent を forward するように設定した。

↓