staaticでwordpressを静的化してs3でWeb公開
wordpressを静的化してAWS S3で静的Webホストティングをするやり方をご紹介します。static pressやwp2static、simply staticでも試しましたが、phpのタイムアウト時間の設定変更など上手くいかなかったため、staaticを使ってWordpressを静的化しました。静的化できるとAWSのS3でWeb公開を行い、
staaticのインストール
StaaticはWordpressを静的化サイトにするプラグインです。静的化プラグインは複数候補がありますが、自信はこのプラグインでしか静的化が成功しませんでした。
WordPressの「プラグインを追加」よりStaaticをインストールします。検索してインストールボタンを押してインストールできます。有効ボタンを押して有効にします。
![](https://algo-ai.work/wp-content/uploads/2023/01/088a04ac195f6e200383adb0acda038f-1024x763.jpg)
メニューの一番下の方にタブができますのでSettingで設定します。
![](https://algo-ai.work/wp-content/uploads/2023/01/2547f528193d93582a65061b4218d6e3.jpg)
別ドメインへの移行をしました。URLは使いたいドメインを記述します。
![](https://algo-ai.work/wp-content/uploads/2023/01/27d3d9f935a976d65ce80237037d870f-1024x496.jpg)
Publicationsより「Publish now」をクリックすると静的化できます。
![](https://algo-ai.work/wp-content/uploads/2023/01/74d7963e80da4e6f8a9dc9a3e29c8384.jpg)
ただ、残念ながらxfreeではhttpsの環境では動作しませんでした。
ハマったところ
xfreeでは、httpsでは上手く動作しなかったため、httpに設定変更を行うと上手くいきました。
![](https://algo-ai.work/wp-content/uploads/2023/01/65da619daa1b4df40974b8917cd3a00e-1024x184.jpg)
SSL設定を無効化して、Publish Nowを押すと上手くいきます。
![](https://algo-ai.work/wp-content/uploads/2023/01/23d23c3d42e64150bdfc3cd6431952ee-1024x248.jpg)
その他重要なパーマリンク設定
パーマリンクの設定によっては正常に動作しないことがあります。
設定タブよりパーマリンクをクリックして、対応しているパーマリンクの形式にします。
![](https://algo-ai.work/wp-content/uploads/2023/01/f32c4119f262a543ba05f10c66bd8a9d.jpg)
自身は「投稿名」を選択して上手くいきました。/sample-post/のような記事名のフォルダにindex.htmlが置かれるフォルダ構成になります。
![](https://algo-ai.work/wp-content/uploads/2023/01/a3b77356c9647343510ffe85fd91a667.jpg)
S3 で公開する方法はこちらで紹介しています。
さらにSSL化する場合は、各フォルダのindex.htmlへアクセスしてくれないことに引っ掛かりました。Cloud FrontではFunctionを使って、リダイレクトさせると上手くいきます。別記事にてご紹介します。
終わりに
WordPressのページをStaaticで静的化する方法をご紹介しました。S3 + Cloud Frontで公開するのがコスパが良いと思い、静的化してWeb公開をしています。記事を書くWebサーバのスペックが不要になる点がいいですね。
S3でWeb公開する方法も別記事で紹介していますので、よろしければ併せてお読みください。
よろしければTwitterフォローしてください。