のむらけい (Kei Nomura)

編集画面上では大丈夫ということですと、テーマ側の問題、または設定の不備などが考えられると思いますが、頂いた情報だけで特定するのは困難です。
問題が発生しているページのURLをお知らせいただくことは可能でしょうか。
利用しているテーマやプラグインなどもヒントになる可能性がありますのでお知らせください。

また、メニュー表示時にはWordPress標準のカスタムメニュー機能（外観 > メニュー　から設定）をお使いでしょうか？

テーマやプラグインとの兼ね合い、サーバ仕様など様々な要因が考えられるので、もう少し絞りたいです。

以下のことをお試しいただき、もう少しヒントをください。

1. 問題解決のためのチェックリスト
特に、テーマをデフォルトのものにしてどうなのか、他のプラグインを止めてみてどうなのか、という調査は非常に参考になることが多いです。

2. WordPressのデバッグモードをオンにし、エラーログを確認
https://qiita.com/AlohaOkinawa/items/71807294807f2b3dd923

3. ブラウザの開発者ツールで、送信時のエラーの有無を確認
https://www.ajaxtower.jp/js/error/index5.html

ただ、Google SMTP側に何らかの問題がある場合はこれらの調査では分からないかもしれません。
こちらの手持ちの情報も少ないので今はこのくらいしか言えないのですが、もし何か気付くことがありましたら書き込みます。

真っ白だと原因を探りにくいので、まずは具体的なエラーが出るようにしましょう。
wp-config.php ファイル内で

define( 'WP_DEBUG', false );
という行があると思うので、false → true に変えてみてください。
まずは、真っ白ではなくエラーメッセージが出てくるようになりましたでしょうか。
それがヒントになります。そのエラーメッセージを添えていただくと解決への近道になります。

参考：WordPressでのデバック – WordPress Codex 日本語版

おそらくですが、テーマがPHP7系に対応していないのではないかと思います。
つまり、@mana36 さんがお使いのサーバー環境が新しく、そのテーマの作りが古いために対応していない可能性があるということです。

教材の付属テーマということですので、当フォーラムでそのテーマについて詳しいサポートができないため、販売元へのお問い合わせをおすすめいたします。

一応、こちらのさくらのレンタルサーバの環境で正しく動いているものは以下のようにしています。

# BEGIN Force SSL for SAKURA
# RewriteしてもHTTPS環境変数を有効にする
SetEnvIf REDIRECT_HTTPS (.*) HTTPS=$1

# 常時HTTPS化(HTTPSが無効な場合リダイレクト)
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{ENV:HTTPS} !on
RewriteCond %{REQUEST_URI} !/wp-cron\.php$
RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
# END Force SSL for SAKURA

# Add www
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_HOST} ^example\.com$
RewriteRule (.*) https://www.example.com/$1 [R=301,L]
</IfModule>

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

ただ、@ryomk さんの記述方法で書いても問題なくログインできました。

「ログインできない状態」というのがどういう理由なのかをもう少し分かると良いです。
エラーメッセージが出るのか、真っ白になるのか。。。
たとえばGoogle Chromeのデベロッパー・ツールでエラーステータスコードが何番なのかを調べたり、Redirect Pathという拡張機能を入れて、リダイレクトがどのように動いているかをチェックしたりしてみると良いと思います。

あ、いやさくらのコンパネでドメインを登録する際は通常wwwはなしでよいと思います。

さくらの常時SSL化プラグインで正しくHTTPSで動作している場合、htaccessの記述は以下のようになっていると思います。

# BEGIN Force SSL for SAKURA
# RewriteしてもHTTPS環境変数を有効にする
SetEnvIf REDIRECT_HTTPS (.*) HTTPS=$1

# 常時HTTPS化(HTTPSが無効な場合リダイレクト)
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{ENV:HTTPS} !on
RewriteCond %{REQUEST_URI} !/wp-cron\.php$
RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
# END Force SSL for SAKURA

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

で、私の環境では
# END Force SSL for SAKURA
と
# BEGIN WordPress
の間にwwwありに正規化する記述を入れて正しくwwwにリダイレクトされています。

ヒントのみになりますが、Ajaxにはクロスドメイン制約があるので、サイトURLとWordPress URLが異なる点が引っかかっているのではないでしょうか？

参考
https://goma.pw/article/2015-03-14-2/