ただメモができるだけのブラウザアプリ「TextArea」はこちらw

WordPressのコンテンツをCloudFrontを使って配信しているケースで、更新した内容がサイトに反映されない原因

以下のような方向けの記事です。

  • WordPressのコンテンツをCloudFrontを使用して配信している
    • 更新内容が反映されない原因と対処法を知りたい
    • 原因と対処法は知っているけど、もっと簡単に対処したい

WordPressのStaticPressの導入については以下の記事をご参照ください。

StaticPress S3を使用してS3+CloudFrontでコンテンツ配信するケースの導入例

【日本語URL対応版】WordPressのコンテンツを StaticPress S3プラグインを使用して配信する方法
WordPressコンテンツをStaticPressS3を使用してS3+CloudFrontで配信する方法を記載。 コピペで環境構築できます。S3+CloudFrontで配信することで「 低コストで安定したサイト運用ができる」「高速なサイトを構築できる」「セキュリティ的に安全」というメリットがあります。

StaticPressを使用してEC2+CloudFrontでコンテンツ配信するケースの導入例

StaticPressを使ってEC2上のWordPressコンテンツをCloudFront経由で簡単に配信する方法
WordPressのコンテンツを静的ページ化し、CloudFrontで配信できるようにします。静的ページ化するところはWordPressのプラグインStaticPressを使用します。CloudFrontのキャッシュクリアはClear CloudFront Cacheプラグインを使用します

対応方法

CloudFrontのキャッシュを削除することで、更新内容がすぐに更新されます。

対応方法には、以下の2つがあります。

対応方法

WordPressのプラグインを使用する方法
AWSコンソール画面から対応する方法

    それぞれの対応方法について、紹介していきます。

    簡単に削除したい場合はプラグインを使用する方法がオススメです。

    WordPressのプラグインを使用する方法(Clear CloudFront Cacheプラグインを使用)

    WordPressプラグインClear CloudFront Cacheを使用することで簡単にキャッシュクリア可能です。簡単にインストール・設定できて、かつ、セキュアなプラグインです。導入方法は以下の記事をご参照ください。

    StaticPress S3と共存できるWordPressプラグインClear CloudFront Cacheを公開!
    StaticPress S3と共存できるWordPressプラグイン「Clear CloudFront Cache」を公開! WordPressコンテンツをCloudFront経由で配信している場合に使えるプラグイン。公開したプラグイン「Clear CloudFront Cache」はWP管理画面からインストール可能

    AWSコンソール画面から対応する方法

    AWSのコンソール画面から削除できます。以下の記事を参考にさせて頂き、削除できます。

    [AWS] Amazon CloudFrontのキャッシュ削除(Invalidation) | DevelopersIO
    おばんです、来週はお世話になっているSwift 愛好会さんで開催される開発合宿が楽しみな田中です。 なにをやろうかな、ライブラリ作ろうかな、個人アプリ開発を進めようかな、参加者の方々と設計を語るのも良さそうだな…。楽 …

    更新した内容がサイトに反映されない原因

    CloudFrontを使用している場合、CloudFrontがサイトの内容をキャッシュします。

    これによってサイトの表示が高速化されるというメリットがあります。

    ただし、WordPressで記事を更新した際には、このキャッシュを削除しないと、更新した内容がサイトに即時反映されないという現象が発生することとなります。

    上記の方法でキャッシュを削除することで、最新の内容を即時公開できるようになります。

    まとめ

    CloudFrontを使用している場合のサイトが更新されない原因と対応方法について、記載しました!

    まとめ

    更新されない原因
    →CloudFrontがサイトの内容をキャッシュしているため、キャッシュを削除する必要がある
    キャッシュを削除には、2つの対応方法がある
    WordPressのプラグインを使用する方法
    AWSコンソール画面から対応する方法

    スポンサーリンク
    AWSWordPress
    フォローする
    さゆフィクション