Cocoonフォーラム

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

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

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

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

投稿画面が真っ白になる
 
共有:
通知
すべてクリア

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

20 投稿
4 ユーザー
5 Reactions
4,809 表示
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  

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

今回、さくらインターネットからこちらでお勧めされていた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)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

・さくらインターネットのファイルをすべてダウンロードし、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)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  
投稿者:: かうたっく

・さくらインターネットのファイルをすべてダウンロードし、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)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

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

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

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


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

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

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

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

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

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

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

*********

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

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


   
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  
投稿者:: わいひら

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

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

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

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

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

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

 

 


   
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  
投稿者:: deisy

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

画像を添付します。

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

 

よろしくお願いします。


   
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  
投稿者:: かうたっく

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

すみません、このあたり、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)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

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

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

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

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

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


   
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  
投稿者:: わいひら

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

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

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

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

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

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

こちらのURLになります。

https://deisy.jp/2019haruevent

よろしくお願いします。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 
投稿者:: deisy
投稿者:: かうたっく

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

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

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

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

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

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

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

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

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

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


   
わいひら reacted
ろこ
(@lococo)
Prominent Member Registered
結合: 7年前
投稿: 830
 
  • クラシックエディタでも画像のエディタ部分に不具合が生じている
  • 新規投稿でも同様の問題が起こる

のが気になりますね。

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


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

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

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

 

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

 

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

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

 

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

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

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

この投稿は6年前ずつかうたっくに変更されました

   
わいひら reacted
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  
投稿者:: ロコ
  • クラシックエディタでも画像のエディタ部分に不具合が生じている
  • 新規投稿でも同様の問題が起こる

のが気になりますね。

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

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

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


   
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  
投稿者:: かうたっく

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

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

 

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

 

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

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

 

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

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

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

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

 


   
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  

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

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

https://deisy.jp/2019haruevent

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

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

 

 


   
ろこ
(@lococo)
Prominent Member Registered
結合: 7年前
投稿: 830
 

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

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

 

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

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


   
わいひら reacted
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  
投稿者:: ロコ

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

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

 

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

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

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

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

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


   
ろこ
(@lococo)
Prominent Member Registered
結合: 7年前
投稿: 830
 

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

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


   
わいひら reacted
(@deisy)
Active Member Registered
結合: 6年前
投稿: 13
トピックスターター  
投稿者:: ロコ
エラー表示がすべて消えたのであれば、ただ単に移行作業の段階でWordPressのファイルがきちんとアップロードできていなかった(エディタ周りの一部ファイルが欠けていた)だけなので、特に問題はないと思います。

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

 

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


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

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

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

最近の書き込みはこちら。

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

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