CloudFront経由でWordPressを使うとビジュアル編集モードが表示しない

私のブログはLightSail+CloudFrontで運用を行っているのですが、いつもはオリジンに直接アクセスして投稿をしていたのですが、CloudFront経由でアクセスするとビジュアル編集モードが使えない(表示しない)事象が発生しました。
使えないというより切り替え表示のタブ自体がありませんでした。

「WordPress ビジュアルモード表示しない」検索すると以下のサポートサイトにたどり着きました。

投稿画面でビジュアル/テキストエディターの切り替えタブが表示されない

上記ページの中で以下のコメントを参考に私は解決しました。

Cloud Frontなどは無関係ですか?
https://jyo-to.okinawa/20170520/1092/

CloudFront経由でのアクセスでのみ発生した事象なので完全に合致しています。

今回ビジュアルモードが表示しなかった原因は、CloudFront経由だとUser-AgentがCloudFrontで書き換えられてしまい、PCからのアクセスではなく判断されてしまったからです。
ビジュアルモードはPCからのアクセスのみデフォルトではONになっています。

User-Agentとは

User-Agentとは、ウェブサイトをアクセスした時にどの端末、どのOS、ブラウザは何を使っているかなどのパラメータ。

User-AgentをCloudFrontからそのままオリジンへ転送することで解決するということなのでCloudFront Behaviorsの設定で「User-Agent」をホワイトリストに登録して解決しました。

「User-Agent」がオリジンに転送されたことでビジュアルモードの切り替えが出来ました!

CloudFront経由だといろいろと考慮する事項が増えますね!
便利で使い勝手がいいですが、仕様を把握していないと思わぬ所でトラブルが発生してしまうかもしれませんのでCloudFrontをもっと理解しようと思った事象でした・・・。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です