makeshopでのwordpress連携により、wordpressのブロックエディタが使えなくなるエラー

Question

makeshopでwordpress連携をしました。
管理画面でのwordpressアドレスと、サイトアドレスのドメインが異なる設定になるので
rest APIが動作しなくなり、ブロックエディタが動かなくなりました。

例）
WordPressアドレス：aaa.com
サイトアドレス：bbb.com/blog

rest APIのURLを置換してあげるとブロックエディタが正常に動作する。という記事などを見て
functionに下記を設定しましたが、エラーが解消されません。
現在は旧エディタにして作業をしていますが、使いづらく困っています。

----------
/* 管理画面での APIのドメインを変更 */
add_filter( 'rest_url', 'rest_url_replace' );
function rest_url_replace($url){
  if (is_admin()){
    $url = str_replace(home_url(), site_url(), $url);
  };
  return $url;
}
----------

makeshopでのwordpress連携で、ブロックエディタを使えるようにするには
どうしたら良いでしょうか？

Answer

ECマスターズの山本です。

> rest APIのURLを置換してあげるとブロックエディタが正常に動作する。という記事などを見て

記載いただいたfunction.phpへの追加処理は

・home_urlをsite_urlに変更して処理をする

といったものになります。

そのため、home_url()とsite_url()に
何が設定されているかを確認する必要があります。

「設定」＞「一般設定」
より、
・WordPressアドレス（URL）
・サイトアドレス（URL）
がどのように設定されているかを
ご確認ください。

home_url＝WordPressアドレス（URL）
site_url＝サイトアドレス（URL）

のため、上記が両方同じ場合、
home_urlをsite_urlに変更する＝同じなので変わらない
という動作になります。

例にあるように
WordPressアドレス：aaa.com
サイトアドレス：bbb.com/blog

となっているかご確認ください。

よろしくお願いいたします。

Answer

お返事頂き、どうもありがとうございます。

wordoressをmakeshopに連携した時に
サイトアドレスは変更していますので
下記の様にhome_urlとsite_urlは別になっています。

WordPressアドレス：aaa.com
サイトアドレス：bbb.com/blog

それでも、ブロックエディタで、保存ができないので困っています。

何度もすいませんが、ご確認お願いします。

Answer

ECマスターズの伊藤です。

> wordoressをmakeshopに連携した時に
> サイトアドレスは変更していますので
> 下記の様にhome_urlとsite_urlは別になっています。

ご確認いただきましてありがとうございます。

こちらご対応頂いてるとなりますと、
実際にログインしてみないと
状況がわかりかねる状態となっております。

弊社にてログインしても問題ない場合、
一番最初の投稿の右下にございます
「投稿内容について報告する」より
ログイン情報をご連絡ください。

上記のご投稿は、
事務局にのみ表示される形となり、
他の方には公開されません。

どうぞよろしくお願いいたします。

Answer

ECマスターズの山本です。

情報ありがとうございました。
頂いた情報でREST APIである

https:///wp-json/wp/v2/pages

のURLを直接ブラウザで実行すると、

　ページが見つかりません（404 Not found）

が表示されているようです。
こちらは左メニューの
「ツール」→「サイトヘルス」
からも以下のようにエラーに
なっていることがわかります。
--------------
REST API で予期しない結果が発生しました
REST API は WordPress や他のアプリケーションがサーバーと通信する手段の1つです。たとえばブロックエディター画面は、投稿や固定ページの表示や保存に REST API を使用しています。

REST API の呼び出しは、以下の予期しない結果でした: (404)
--------------

RESTAPIが正常に動作している場合、
-----------------
[{"id":524,"date":"2022-05-26T09:58:02","date_gmt":"2022-05-26T00:58:02","guid":{"rendered":"https:\/\/www.XXX.com\/?page_id=524"},"modified":"2022-05-26T10:03:11","modified_gmt":"2022-05-26T01:03....（省略）
-----------------
のようなJSONデータが返却されます。

おそらく、/wp-json/配下及び、その上位階層での
.htaccessによる設定で、404ページに
飛ばされてしまっている可能性が高く
今回add_filterで追加した処理まで
至っていないと思われます。

ルーティング設定の確認をお願い致します。

よろしくお願いいたします。

Answer

プラグイン・テーマなどの更新で
https:///wp-json/wp/v2/pages
のページにJSONデータが返却されるようになりました。

サイトヘルスステータスでも「APIは利用可能です」となります。

しかし、未だに、ブロックエディタでは編集保存ができません。

前回にご教示いただいた
ルーティング設定の確認がよくわからないのですが、具体的にどういった設定の確認を
したら良いか、教えていただく事は可能でしょうか？

Answer

ECマスターズの伊藤です。

頂いておりますご質問についてですが、
担当に確認して、週明け以降に回答させていただきます。

恐れ入りますが、ご回答までお待ちいただきますよう
お願いいたします。

Answer

ECマスターズの伊藤です。

> サイトヘルスステータスでも「APIは利用可能です」となります。
> 
> しかし、未だに、ブロックエディタでは編集保存ができません。

エラーをお調べしたところ、
下記のエラーとなっていることがわかりました。

{
    "code": "rest_cookie_invalid_nonce",
    "message": "Cookie \u30c1\u30a7\u30c3\u30af\u5931\u6557",
    "data": {
        "status": 403
    }
}

こちらをお調べしたところ、
下記のサイトがヒットし、

https://www.pokete.com/wp-site-health-waf

WAF機能をオフにすることで、
ご解決いただけるようです。

上記サイトは、さくらのレンタルサーバーの
設定方法となっていますので、
Wordpressを設置いただいているサーバーにて、
WAF機能の設定をご確認頂ますよう
お願いいたします。