現在デフォルトスキンとして「Season (Autumn)」を適用中。

投稿画面が真っ白になる | ブログ相談 | Cocoon フォーラム

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラムの内容は、CCライセンス(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
Share:

[解決済] 投稿画面が真っ白になる  


deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月16日 21:10  

お世話になっております。

今回、さくらインターネットからこちらでお勧めされていたMixHostにサイトの引っ越しを実施しました。

引っ越し手順は以下の通りです。

・DBをさくらインターネットのphpAdminからバックアップし、MixHostのphpAdminでリストア。

・さくらインターネットのファイルをすべてダウンロードし、MixHostにアップロード

・独自ドメインの移管(ネームサーバーの設定)

引っ越し後、サイトの表示は正しく行われているようなのですが、WordPressの管理画面から投稿を行おうとすると、画面が真っ白になってしまい、投稿ができないという現象が発生しています。(新規投稿、既存記事の編集どちらも同じ状態になります)

どのような画面になるかは添付画像[wp投稿画面.jpg]を参照ください。

なお、わいひら様の[寝ログ]にあった以下の記事を参考にして、MixHostでPHPのエラーを表示する設定をしているのですが、そのエラーすら表示されず、真っ白になっています。

https://nelog.jp/edump-wordpress-error-check

[環境情報]

----------------------------------------------
サイト名:SEの(主に)ゲーム日記
サイトURL: https://deisy.jp/wp
ホームURL: https://deisy.jp
コンテンツURL:/wp/wp-content
インクルードURL:/wp/wp-includes/
テンプレートURL:/wp/wp-content/themes/cocoon-master
スタイルシートURL:/wp/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp/wp-content/themes/cocoon-child-master/style.css
Wordpressバージョン:5.2
PHPバージョン:7.2.17
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.55 Safari/537.36 Vivaldi/2.5.1511.4
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:1.7.7.2
カテゴリ数:51
タグ数:14
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
ホームイメージ:/wp/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):0
----------------------------------------------
利用中のプラグイン:
Really Simple SSL 3.1.5
----------------------------------------------

■試してみたこと

・ブラウザとCocoonのキャッシュ削除

・プラグインをすべてOFFにする。→上記環境で唯一有効になっている[Really Simple SSL 3.1.5]も停止してみましたが、結果は変わらず。

・Gutenbergを一度削除して再インストールしてみましたが変わらず。

こちらから提供できる情報は以上となりますが、何か原因になりそうなことなどありましたらアドバイスをいただきたく思います。

 

よろしくお願いします。


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3388
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年5月16日 22:07  

・さくらインターネットのファイルをすべてダウンロードし、MixHostにアップロード

全てとはどの範囲の全てですか?

引っ越し後、サイトの表示は正しく行われているようなのですが、WordPressの管理画面から投稿を行おうとすると、画面が真っ白になってしまい、投稿ができないという現象が発生しています。(新規投稿、既存記事の編集どちらも同じ状態になります)

それ以外は表示されますか?

wp/wp-admin/post.phpは、302リダイレクトされて

wp/wp-admin/edit.php にアクセスされるようでなので、wp/wp-admin/edit.phpでアクセスしてみてもダメですよね?

https://nelog.jp/edump-wordpress-error-check

の設定を有効にしてからエラーが出るページなどアクセスして、その後エラーコードを表示していただけますか。


deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月16日 22:25  
投稿者:: かうたっく

・さくらインターネットのファイルをすべてダウンロードし、MixHostにアップロード

全てとはどの範囲の全てですか?

返信ありがとうございます。

全てとは、ドキュメントルート以下のファイル全てです。[.htaccess]ファイルのみ、持ってきていません。

引っ越し後、サイトの表示は正しく行われているようなのですが、WordPressの管理画面から投稿を行おうとすると、画面が真っ白になってしまい、投稿ができないという現象が発生しています。(新規投稿、既存記事の編集どちらも同じ状態になります)

それ以外は表示されますか?

メディアライブラリ、Cocoonの設定、投稿一覧、固定ページ一覧、コメント、プラグイン、外観、ユーザー、ツールのページはサブメニューも含めて表示されます。

記事の新規投稿画面、既存記事の編集画面のみ、表示されず真っ白になります。

wp/wp-admin/post.phpは、302リダイレクトされてwp/wp-admin/edit.php にアクセスされるようでなので、wp/wp-admin/edit.phpでアクセスしてみてもダメですよね?

wp/wp-admin/edit.phpにアクセスした際、記事一覧は表示されます。

https://nelog.jp/edump-wordpress-error-check

の設定を有効にしてからエラーが出るページなどアクセスして、その後エラーコードを表示していただけますか。

元の書き込みにもありますが、このURLの設定を行った上で記事投稿ページを表示した画面が、添付していた画面になります。

念のため、再度設定を行って試してみましたが、同様に真っ白な画面が表示されてしまいます・・。

プラグインに関しても登録して試してみましたが、プラグインのedump出力画面

https://www.edump.net/sv/src/view.php

に何も表示されず、エラーがわからないのです。(添付画像、[edump画面.jpg]を御参照ください)

 


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 6440
わいひら - Facebookわいひら - Twitter
2019年5月16日 22:32  

2点ほど質問させてください。

ブラウザーのデベロッパーツールを開いて、コンソールを開くと何かエラーは出ていませんか?
エラーが出ている場合は、キャプチャ画像をアップしていただければと思います。

また、Cocoon設定の「エディター」タブから、ブロックエディターの仕様を無効にするとどうなりますか。


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3388
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年5月16日 22:37  

では本体ファイルではないって事ですよね。

wp/wp-admin/post.phpは『投稿』のリンクですか?

『投稿』をクリックしたらwp-admin/edit.phpで200okなんですよね。

  • 上手くリダイレクトができないのか
  • post.phpになぜ行くのか

あたりをチェックして、問題なければそれは原因でないって事かもしれないですね。

あとサーバーのエラーログあたりをチェックするとか。

*********

いま書き込みに来たのは、

MixHostでサブドメイン・サブディレクトリの構造ってどうなるのかな?って思った事を書きにきました。


deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月16日 22:40  
投稿者:: わいひら

2点ほど質問させてください。

ブラウザーのデベロッパーツールを開いて、コンソールを開くと何かエラーは出ていませんか?
エラーが出ている場合は、キャプチャ画像をアップしていただければと思います。

返信ありがとうございます。キャプチャ画像を添付します。

また、Cocoon設定の「エディター」タブから、ブロックエディターの仕様を無効にするとどうなりますか。

「エディター」タブの「Gutenbergエディターを有効にする」のチェックを外して試してみたところ、エディターが表示されました。ということはGutenbergの問題ということでしょうか。

ただ、ビジュアルエディター上で文字が白くなっていて読めない状態です。こちらの画像はもう一つ返信を作って添付します。

 

 


deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月16日 22:41  
投稿者:: deisy

ただ、ビジュアルエディター上で文字が白くなっていて読めない状態です。こちらの画像はもう一つ返信を作って添付します。

画像を添付します。

ctrl+aで全体を選択すると、文字が反転して文字が読める状態となります。

 

よろしくお願いします。


deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月16日 22:49  
投稿者:: かうたっく

では本体ファイルではないって事ですよね。

すみません、このあたり、WordPressの仕様がよくわかっておりません。

wp/wp-admin/post.phpは『投稿』のリンクですか?

『投稿』をクリックしたらwp-admin/edit.phpで200okなんですよね。

  • 上手くリダイレクトができないのか
  • post.phpになぜ行くのか

あたりをチェックして、問題なければそれは原因でないって事かもしれないですね。

あとサーバーのエラーログあたりをチェックするとか。

*********

メニューの[投稿」をクリックしたときに「wp-admin/edit.php」が、投稿一覧から記事の何れかをクリックしたときに「wp-admin/post.php」が表示されます。

こちらも私の理解が不足しているようなので、WEBで調べつつ調査してみます。ありがとうございます。

いま書き込みに来たのは、

MixHostでサブドメイン・サブディレクトリの構造ってどうなるのかな?って思った事を書きにきました。

詳しく書いてしまって良いものかわからないので(セキュリティ的に)詳細な構造は省かせていただきますが、WordPressの記事は表示できており、自動で発行されるSSL証明書も正しいドメインに対して発行されているので、ドメインやディレクトリの構造には問題はないのでは、と考えております。

 

ヒントになる事柄をありがとうございます。引き続き調査してみます。


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 6440
わいひら - Facebookわいひら - Twitter
2019年5月16日 22:55  

十中八九Gutenbergが原因かと思われます。

それでなんですが、これはどういう操作を行ったのでしょう。

Gutenbergを一度削除して再インストールしてみましたが変わらず。

WordPress5.2だと、既にGutenbergは組み込まれていると思うのですけど。
プラグインのかなとも思ったんですけど、冒頭の環境情報にGutenbergプラグインはないようですし。

あとよろしければ、こちらのページの公開ページのURLをいただければと思います。
どんなブロックを使っているかも関係しているかもしれないので。


deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月16日 23:09  
投稿者:: わいひら

十中八九Gutenbergが原因かと思われます。

それでなんですが、これはどういう操作を行ったのでしょう。

Gutenbergを一度削除して再インストールしてみましたが変わらず。

WordPress5.2だと、既にGutenbergは組み込まれていると思うのですけど。
プラグインのかなとも思ったんですけど、冒頭の環境情報にGutenbergプラグインはないようですし。

プラグインにGutenbergがありますので、そちらを一同無効→削除した後にインストール、その後Gutenbergを有効にして確認しましたが、同様の現象が発生したため、なるべく有効なプラグインは減らした方が良いと考え、相談時点ではGutenbergを無効にした状態で相談させていただきました。

あとよろしければ、こちらのページの公開ページのURLをいただければと思います。
どんなブロックを使っているかも関係しているかもしれないので。

こちらのURLになります。

https://deisy.jp/2019haruevent

よろしくお願いします。


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3388
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年5月16日 23:19  
投稿者:: deisy
投稿者:: かうたっく

では本体ファイルではないって事ですよね。

すみません、このあたり、WordPressの仕様がよくわかっておりません。

こちらちょっと違ってました。わいひらさんの書き込みで思い出したと言うか。毎回忘れることで、本体ファイルのPHPではないって事が正解でした。

※サーバーサイドの事ではないの意味で。

メニューの[投稿」をクリックしたときに「wp-admin/edit.php」が、投稿一覧から記事の何れかをクリックしたときに「wp-admin/post.php」が表示されます。

こちらも私の理解が不足しているようなので、WEBで調べつつ調査してみます。ありがとうございます。

たしかに、それにパラメータが付くようです。

ドメインやディレクトリの構造には問題はないのでは、と考えております。

ご確認ありがとうございます。不明な事だったので書き込んでおこうと。→書き込み終われば、わいひらさんの書き込み発見。というタイミングでした^^;

クラシックエディタでは問題なさそうなので、ひとまず安心しました。


わいひら 件のいいね!
ロコ
(@lococo)
Reputable Member
参加: 1年 前
投稿: 371
2019年5月17日 00:02  
  • クラシックエディタでも画像のエディタ部分に不具合が生じている
  • 新規投稿でも同様の問題が起こる

のが気になりますね。

現在使用しているものとは別のブラウザ(ChromeならFirefoxとか)で同じ問題が起こるかどうか確認してもらえますか?

This post was modified 4か月 前 by ロコ

かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3388
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年5月17日 00:19  

ロコさんの投稿の件では確かめてませんが、問題点の重要度だけの件で返信しちゃいました^^;

おそらくCSSの問題だろうかな?っと思って。

 

たしかに問題は解決してませんね^^;

 

過去レス・ご提示していただいたURLもチェックしてませんが。検証画面上でスタイルの変更をすればどうにかなる問題だと、憶測だけです。

デベロッパーツール:検証でチェックできる人だと思ってのことでした。言葉が足りませんでしたね。

 

Cocoon設定で何かの設定を行っていれば、そうなる事もあるのはありる事もあるかもしれません。

例えばCSSでstyle.css・editor.cssに書けば反映する問題であれば、Cocoon設定の設定の問題で。

初心者さん向けに作られているので、ご自身で調整する方が楽な人もいるとおもわれます。状況がわからないのですが、よくあるものとすれば、ほんの一例のお話でした。

This post was modified 4か月 前 by かうたっく

わいひら 件のいいね!
deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月17日 04:29  
投稿者:: ロコ
  • クラシックエディタでも画像のエディタ部分に不具合が生じている
  • 新規投稿でも同様の問題が起こる

のが気になりますね。

現在使用しているものとは別のブラウザ(ChromeならFirefoxとか)で同じ問題が起こるかどうか確認してもらえますか?

返信ありがとうございます。

普段はvivaldiを使っておりますので、ChromeとFirefoxでも現象が発生するか確認したところ、ChromeでもFirefoxでも同様の現象が発生しました。(Gutenbergだと真っ白、クラッシックエディターだと表示がおかしくなる)


deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月17日 04:33  
投稿者:: かうたっく

ロコさんの投稿の件では確かめてませんが、問題点の重要度だけの件で返信しちゃいました^^;

おそらくCSSの問題だろうかな?っと思って。

 

たしかに問題は解決してませんね^^;

 

過去レス・ご提示していただいたURLもチェックしてませんが。検証画面上でスタイルの変更をすればどうにかなる問題だと、憶測だけです。

デベロッパーツール:検証でチェックできる人だと思ってのことでした。言葉が足りませんでしたね。

 

Cocoon設定で何かの設定を行っていれば、そうなる事もあるのはありる事もあるかもしれません。

例えばCSSでstyle.css・editor.cssに書けば反映する問題であれば、Cocoon設定の設定の問題で。

初心者さん向けに作られているので、ご自身で調整する方が楽な人もいるとおもわれます。状況がわからないのですが、よくあるものとすれば、ほんの一例のお話でした。

そういえば、Cocoonの設定については特に何かを変更して試すことをしていませんでした。こちらも設定のリセット等、試してみることにします。ありがとうございます。

 


deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月17日 04:48  

かうたっく様のご指摘で、Cocoonの設定をリセットした上で、再度Gutenbergを削除⇒Gutenbergをインストールしたところ、Gutenbergでの投稿画面が表示されるようになりました!(旧エディタの表示に関しては変わらず)

ただ、添付画像と以下の公開URLを比較していただくとわかりますが、表示がおかしい部分がある状態です(公開URLと投稿画面で、見出しの表示が異なる等)

https://deisy.jp/2019haruevent

こちらの問題についても何かわかることありましたらご指摘をお願いしたく。。

わいひら様、かうたっく様、ロコ様の助言のおかげで少なくとも投稿はできるようになりました。色々と助言をありがとうございました。

 

 


ロコ
(@lococo)
Reputable Member
参加: 1年 前
投稿: 371
2019年5月17日 05:50  

ブラウザーのデベロッパーツールを開いて、コンソールを開くと何かエラーは出ていませんか?
エラーが出ている場合は、キャプチャ画像をアップしていただければと思います。

こちらで行ったように、Gutenbergと旧エディタそれぞれのエラーを再度アップしてください。
Gutenbergもまだ何か不具合がありそうです。

 

Gutenbergを削除⇒Gutenbergをインストールしたところ、

現在のWordPressで動作確認した方がよいので、もしGutenbergプラグインを導入しているということなのであれば、削除した環境でエラー情報をよろしくお願いします。


わいひら 件のいいね!
deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月17日 06:23  
投稿者:: ロコ

ブラウザーのデベロッパーツールを開いて、コンソールを開くと何かエラーは出ていませんか?
エラーが出ている場合は、キャプチャ画像をアップしていただければと思います。

こちらで行ったように、Gutenbergと旧エディタそれぞれのエラーを再度アップしてください。
Gutenbergもまだ何か不具合がありそうです。

 

Gutenbergを削除⇒Gutenbergをインストールしたところ、

現在のWordPressで動作確認した方がよいので、もしGutenbergプラグインを導入しているということなのであれば、削除した環境でエラー情報をよろしくお願いします。

返信ありがとうございます。

先ほどの書き込みの後、Gutenbergプラグインの削除⇒再インストールで状況が改善されたのをきっかけにもしや、と思い、WordPressの同一バージョン(5.2-ja)を再インストールしたところ、Gutenbergエディタでの表示も、クラッシックエディターでの表示も改善されました。

そういうわけでエラーを取得することができませんでした。せっかく解決につながる道を模索していただいたのに申し訳ないです。


ロコ
(@lococo)
Reputable Member
参加: 1年 前
投稿: 371
2019年5月17日 07:04  

WordPressの同一バージョン(5.2-ja)を再インストールしたところ、Gutenbergエディタでの表示も、クラッシックエディターでの表示も改善されました。

エラー表示がすべて消えたのであれば、ただ単に移行作業の段階でWordPressのファイルがきちんとアップロードできていなかった(エディタ周りの一部ファイルが欠けていた)だけなので、特に問題はないと思います。


わいひら 件のいいね!
deisy
(@deisy)
Active Member
参加: 8か月 前
投稿: 13
2019年5月17日 07:13  
投稿者:: ロコ
エラー表示がすべて消えたのであれば、ただ単に移行作業の段階でWordPressのファイルがきちんとアップロードできていなかった(エディタ周りの一部ファイルが欠けていた)だけなので、特に問題はないと思います。

この危険性も危惧して、一度引っ越し元のさくらインターネットと引っ越し後のMixHostで各フォルダ内のファイル比較(引っ越し先に存在していないファイルがないか)をファイル数の観点で行っており、不足しているファイルはなかったのですが、ファイルの権限やファイルサイズまでチェックしていなかったため、何か壊れたファイルがあったのかもしれないです。

 

わいひら様、かうたっく様、ロコ様、色々とアドバイスありがとうございました。


わいひら 件のいいね!
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
サービス運営期間:1年1ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:16年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:11ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

タイトルとURLをコピーしました