以前の記事で、Wordpressの画像をS3に移行しました。

これでWordpressの移行や、静的サイトジェネレータへの移行ができると思っていたのですが、s3に画像を移行して数日で、s3の無料枠である20000requests/monthをあっという間に超えてしまうと思ったので、CloudFront(CDN)で配信することにしました。
※s3のpostは、2000req/monthです。移行画像数が多すぎると2000を超えてしまいますが、これは仕方ありません。

参考にした記事は、こちらです。

s3のアクセス権を確認する

S3のBlock public accessがすべてoffになっていることを確認します。

cloudfrontを作成する

参考にした記事通りに、cloudfrontを作成します。

cloudfront作成画面で、s3バケット名を選択する

redirect HTTP to HTTPSを選択

画像を圧縮したい場合は、compress objects automaticallyをyesにする。

Create Distributionをクリックして作成。

statusがDeployedになれば作成完了。

僕はサブドメインは設定しませんでしたが、設定したい方は、CNAME設定にサブドメインに置き換えてください。

wordpressでcroudfrontURLを設定する

WP Offload Media LiteプラグインのProvideのchangeをクリック。

croudfrontを選択。

croudfront画面から、CNAMEURLをコピーして貼り付ける。

Force HTTPSをONにする。

以上で設定完了です。

画像URLをcroudfrontのCNAMEURLに変更して、画像が表示されるか確認してみましょう。

記事内URLを置き換える

search regexプラグインで記事のURLをCNAMEURLに置き換えます。

サイト全体の画像URLを変更しておく

メディアライブラリなどは、まだサーバ画像URLになっているので、これをcroudfrontのCNAMEURLに変更しておきます。

https://your-domain-name/wp-admin/options.phpにアクセスしてください。

command+Fでupload_url_pathを検索します。

upload_url_pathフォームにcroudfrontのCNAMEURLを入力します。

これで、メディアライブラリなどの画像URLもすべてcroudfrontから画像が配信されるようになるはずです。
※これを設定すれば、記事内のURLもすべて変更されるかもしれません。置き換える前に試してみてください。