[WordPress]CloudFrontでビジュアルエディタが使えない問題を解決する

WordPress

2022.02.21

WordPressサイトをAmazon CloudFrontで配信する際に、ビジュアルエディタが正常に動作しなくなる問題が発生することがあります。

この問題は、リソースのキャッシュ設定やCORSポリシーなどが原因で起こることが多いですが、適切な設定を行うことで解決できます。

この記事では、CloudFront利用時に発生するビジュアルエディタの不具合を解消する方法を紹介します。

CloudFrontでビジュアルエディタが使えない問題を解決

functions.phpに以下の記述を追加します。

function dtbaker_wp_cloudfront(){ 
    add_filter('user_can_richedit','__return_true'); 
} 
add_action( 'init', 'dtbaker_wp_cloudfront' , 9 );

function dtbaker_wp_cloudfront(){

add_filter('user_can_richedit','__return_true');

}

add_action( 'init', 'dtbaker_wp_cloudfront' , 9 );

参考ページ
https://dtbaker.net/blog/rich-textvisualwysiwyg-editor-does-not-work-in-wordpress-behind-cloudfront