GCPのVMでWordPress立てたら新エディター(Gutenberg)からの投稿が失敗する


WordPressもGCPも詳しくなくあれれって数日間悶々とググったりと時間を溶かしたので誰かのためになればと思い記録しておきます。

事象

WordPressをGCPで立てたのですが、新エディター(Gutenberg)での新規投稿ができず、「公開に失敗しました」のエラーが表示されてしまいました。

環境

どういう条件で発生するのかはわからないのですが、私のWordPress環境を記載しておきます。
- Google Cloud Platform(wordpress with nginx and ssl certified by bitnami)
- 動的IPを静的に変更済
- ストレージをGoogle Cloud Storageのバケット利用
- 独自ドメインを購入し、CDN(Cloudflare)でhttps化済
- phpバージョンはPHP 7.3.9 (cli) (built: Aug 30 2019 14:19:42) ( NTS )
- WordPressバージョンは 5.2.3

対処方法

(余談)気が付いたきっかけ

ダッシュボードの一般画面で、URL欄に「http://」と表示されていてここ編集できないようになってまして、https化できてるはずなのになぜだろうと思ったのがきっかけです。

手順

GCPのサーバーにSSHログインし、以下のコマンドを実行

terminal
sudo vim /opt/bitnami/apps/wordpress/htdocs/wp-config.php

以下の箇所を探し、

wp-config.php
define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST'] . '/');
define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST'] . '/');

以下に編集して上書き

wp-config.php
define('WP_SITEURL', 'https://' . $_SERVER['HTTP_HOST'] . '/');
define('WP_HOME', 'https://' . $_SERVER['HTTP_HOST'] . '/');

プロンプトに戻るんで以下のコマンド実行(何も出力されずプロンプトだけ返ってきます)

terminal
sudo nginx -s reload

ダッシュボード>一般のURL表示に反映されます。

新エディタで試してみたらできたー

ただ‥手順記録しようと一旦元に戻して投稿失敗するか試してみたらなぜか公開できてしまい、もしかしてここが原因ではなくnginxを再起動するだけでよかったとかそういうオチかもしれない…

参考になった情報

GCP上のWordPressでSSL(https)を有効にする方法
1時間で出来る!最強のWordPress環境構築