特典機能について

ブログ記事投稿時のプレビュー時にエラーが発生します | 不具合報告 | 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. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

スポンサーリンク
ブログ記事投稿時のプレビュー時にエラー...
 
共有:
通知
すべてクリア

[解決済] ブログ記事投稿時のプレビュー時にエラーが発生します


albert
(@albert)
Active Memberサイト
結合: 4か月前
投稿: 7
Topic starter  

当サイト編集・投稿記事制作時のプレビューボタンを押すと予期せぬエラーとでてプレビュー表示ができない状況です。

エラーコードは添付ファイルの通りとなります。

試したことは、キャッシュのクリア、プラグイン無効は試してみました。

お忙しいところ申し訳ありませんがご対応の程よろしくお願いいたします。

サイト名:アルベルトのずぼら雑記ブログ
サイトURL: https://albertblog123.com
ホームURL: https://albertblog123.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon
スタイルシートURL:/wp-content/themes/cocoon-child
親テーマスタイル:/wp-content/themes/cocoon/style.css
子テーマスタイル:/wp-content/themes/cocoon-child/style.css
スキン:/wp-content/themes/cocoon/skins/natural-blue/style.css
WordPressバージョン:5.9
PHPバージョン:7.4.25
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.99 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:br, gzip, deflate
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.4
カテゴリ数:5
タグ数:2
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:838バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2022/01/OPG.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.6.1
Ad Invalid Click Protector 1.2.6
Akismet Anti-Spam 4.2.2
BackWPup 3.10.0
ConoHa WING コントロールパネルプラグイン 1.1
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.5.4
EWWW Image Optimizer 6.4.0
Redirection 5.2.2
SiteGuard WP Plugin 1.6.0
XML Sitemaps 4.1.1


mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 

albertさん

スマホからですので、調べることは難しいですが。

正直見たこともないエラーです。
WordPress本体のエラーのようにも見えます。

WordPress公式テーマに変更すると、どのようになるかご確認いただいても、よろしいでしょうか。

もし、テーマ変更によりサイト外観が変わることを避けたい場合は、以下をご利用ください。

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin

 


今回の事象と関係があるかは、分かりませんが。

環境情報を拝見すると、親テーマが古いです。

投稿者:: @albert

テーマ名:Cocoon
バージョン:2.3.4

これは、ConoHa独自に改変したテーマをご利用で、標準以外のフォルダにインストールされてしまっているために、アップデートができないものと思われます。

昨年、ConoHaからその連絡がいっているはずです。

解消するには、親子テーマの入れ替えが必要です。

以下が参考になると思います。
https://wp-cocoon.com/community/postid/55027/

作業項目はそこそこ多いですので、お時間に余裕がある時に作業なさることをお勧めします。

 

ただ、今回の事象がこの影響なのかは、分かりません。

WordPress本体のようにも思われますし。

まずは、WordPress公式テーマを有効にして、原因の切り分けをしてみるのが良さそうには思います。


わいひら 件のいいね!
albert
(@albert)
Active Memberサイト
結合: 4か月前
投稿: 7
Topic starter  

公式テーマに変更した際は問題なくプレビューが表示されました。

又、バージョンを変えてもプレビューの際同じ結果になりましたが1点変化として新しいタブでプレビューを選ぶと問題なく表示されることが判明いたしました。

 


mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 

albertさん

スマホからですので調べることは難しいです。

プレビューですので、確認はできませんし、どなたかの環境で再現しないとなかなか難しいかもしれません。

また、新しいタブだと正常というのも不思議です。

私も後程テスト環境で確認はしてみますが・・・。

なお、お問い合わせの際には、高速化を無効にしていただきますよう、お願いします。

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

他の方が確認してくださるかもしれませんので。


わいひら 件のいいね!
mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281

わいひら 件のいいね!
albert
(@albert)
Active Memberサイト
結合: 4か月前
投稿: 7
Topic starter  

高速化の件申し訳ありませんでした。

やったつもりが保存せずに閉じてしまったみたいでした。

すみません


わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 13359
わいひら - Facebookわいひら - Twitter
 
投稿者:: @albert

当サイト編集・投稿記事制作時のプレビューボタンを押すと予期せぬエラーとでてプレビュー表示ができない状況です。

見て原因がわかるかはわかりませんが、上記の状態のスクリーンショットも貼り付けていただければ幸いです。
プレビュー画面は第三者から見ることはできないので、どのようなエラー出力となっているかも重要な情報かと思います。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 
  • WordPress 5.9
    Cocoon 2.4.0
     
  • WordPress 5.9
    Cocoon 2.3.4

 
ローカル環境で、どちらも試してみましたが、再現しませんでした。

投稿者:: @albert

新しいタブでプレビューを選ぶと問題なく表示されることが判明いたしました

とのことですが、おそらく編集画面の以下のことだと思います。

 
 
私は、上記の方法でしかプレビューをしていないからかもしれません。
 
エラーが表示される際のプレビューの具体的な方法を教えていただければ、ローカル環境でも試してみます。

わいひら 件のいいね!
albert
(@albert)
Active Memberサイト
結合: 4か月前
投稿: 7
Topic starter  

編集画面については上記の画像の通りです。

やはり新しいタブでのプレビューのみ出来るといった状況のままです。

エラー画面の添付をさせていただきます。

This post was modified 4か月前 by albert

リフィトリー 件のいいね!
mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 

エラー表示されるプレビューの手順が分からないのですが・・・。

もしかすると、以下のトピックと同様の事象かもしれません。

[解決済] エディターで予期しないエラーが発生しました。という画面が出ます。
https://wp-cocoon.com/community/postid/9782/

かなり古いものですけど。

上記トピックと同様に、以下のプラグインをインストールしてみるとどうでしょう。

WP Multibyte Patch
https://ja.wordpress.org/plugins/wp-multibyte-patch/

 

【追記】

リダイレクトループが発生しているようで、サイトが閲覧できなくなってしまいました・・・。


albert
(@albert)
Active Memberサイト
結合: 4か月前
投稿: 7
Topic starter  

MK2様、わいひら様、いつもご丁寧な対応ありがとうございます。

WP Multibyte Patchを導入するも変わり無しといった所でした、

プレビューの手順なのですがダッシュボードから投稿、記事の編集or記事の追加にて記事制作

確認の為上段にあるプレビュー(上記画像の通りです)をおしてプレビュー確認に入ると

予期せぬエラーが発生する。1月25日投稿した記事迄は同じやり方でプレビューできてましたが

27日記事制作時、同じ手順でプレビューできず新しいタブでプレビューのみ機能したので

28日に新しいタブでプレビューし公開といった経緯になります。

こんな返答でよかったでしょうか?不慣れですみませんがよろしくお願いいたします。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 

albertさん

できれば、画像などでご説明いただけると助かります。

投稿者:: @albert

確認の為上段にあるプレビュー(上記画像の通りです)をおしてプレビュー確認に入ると

分からないために伺っているのに、オウム返しされてしまうと、結局話が進まないです。

結果的には、私の知識がないからだったようです。

この操作は、私はプレビューとはとらえておらず、編集画面を変えるだけというイメージでいたことが原因のようです。
(そもそも使ったことは、この機能ができた時に1、2度くらいしかなかったです。)

要領を得ずに、申し訳ありませんでした。

 

前置きが長くなってしまいましたが、結果的には再現できました。

「WordPress 5.9」では以下の通り。

 
 
「WordPress 5.8.3」では以下の通り。
 
Cocoonは、いずれも2.4.0です。
 
 
ちなみに、「WordPress 5.9 Twenty Twenty-One」だと以下の通り。
 
 
 
同じCocoonのバージョンでも、「WordPress 5.8.3」では正常に動いていますので、「WordPress 5.9」による部分かと思われます。
(完全に同じ環境ではないのですが・・・、後程そこも確認してみます。)
 
わいひらさんにご確認いただくしかなさそうです。
 
最初から、これが分かっていれば・・・。
ここまでのやりとりの時間を使うこともなかったという気はしなくはないです。
(私の知識不足ですね、すみません。)
 

わいひら 件のいいね!
albert
(@albert)
Active Memberサイト
結合: 4か月前
投稿: 7
Topic starter  

mk2様

私の読解不手際で大変ご不快な思い及び迷惑をおかけしたにもかかわらず

対応への尽力して頂きまして本当にありがとうございます。

わいひら様、mk2様等、皆様が尽力して頂けているので不慣れな私でもブログ等を

楽しく執筆できています。

本当にありがとうございます。

そして申し訳ありませんでした。

 

 


mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 

albertさん

不快な思いはしておりませんので、ご心配なさらずに。

不具合が発生している場合は、お困りだと思います。
そして、フォーラムの回答者は、それを何とか解決したいと常々思っております。

他の方でもそうなのですが・・・。

  • その事象はどういうことなのだろう
  • どうすれば再現するのだろう

 
上記のような部分のやりとりが、フォーラムではなかなか上手くいかないんですよね。
文字だけでは、なかなか・・・。

すみません言い訳です。
 


本題です。

先程の返信で上手く表示できていた「WordPress 5.8.3 Cocoon 2.4.0」の環境を丸々コピーしました。
そして、「WordPress 5.9」へとアップデートしました。

それ以外の変更は行っていません。

そうすると、やはり再現します。

 
「WordPress 5.9」へのアップデートによるものと考えて間違いないと思います。
 
「エラー文をコピー」してみると、albertさんのものと同様のようです。

わいひらリフィトリー 件のいいね!
mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 

当該機能は「デバイスプレビュー」と呼ばれているらしいです。

そして、この「デバイスプレビュー」は、5.9で変わっているみたいです。
(仕組みは良く分かりませんが・・・。)

5.8.3では以下。

 
 
5.9では以下。
 
iframeになっています。
(添付は共に「Twenty Twenty-One」です。)

わいひら 件のいいね!
yamataro
(@yamataro)
Active Member
結合: 4か月前
投稿: 6
 

初めまして。

失礼かも知れないと思いつつ、突然の、そして、横レスをさせていただきました。

 

私も数日前から同じ症状で悩んでおり、色々と調べていたところ、やっとここにたどり着き、すぐに登録させていただきました。

 

一連のやりとりを拝読し、原因が掴めていらっしゃるところまでは理解できたのですが、私自身、ド素人のため、具体的にどのような手順を踏んだら解決できるのかが、どうしても分かりませんでした。

 

藁にもすがる思いで、勢いで投稿させていただいたため、失礼な点が多々あるかもしれませんが、具体的な手順をご教授いただけたら大変有難く存じます。

どうかよろしくお願いいたします。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 

yamataroさん

このトピックは、まだやりとりの途中であり、解決した訳ではありません。

テーマ作者様にご確認いただく必要があり、それを待っている状態です。

おそらくですが、テーマ側での対応が必要なのではないかと思われます。

しばらくお待ちください。


わいひら 件のいいね!
Akira
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 970
Akira - FacebookAkira - Twitter
 

時間がないのでヒントだけ。

js/gutenberg.js の 10 行目から 38 行目が原因です。div で囲んでいるため HTML が変わり、removeChild でエラーが出ます。


わいひら 件のいいね!
yamataro
(@yamataro)
Active Member
結合: 4か月前
投稿: 6
 

突然の書き込みにもかかわらず、返信いただきましてありがとうございます。

 

状況としては未解決であることを理解しました。

 

また改めて拝見させていただければと思います。

 

引き続きよろしくお願いいたします。

 


わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 13359
わいひら - Facebookわいひら - Twitter
 

体調不良により、返信が遅くなり申し訳ないです。

僕の環境でも不具合を確認しました。
そしてAkiraさんありがとうございます!
Akiraさんが書かれた部分を全て削除したところ、僕の環境では問題なく動作するようになりました。
https://github.com/yhira/cocoon/commit/f00fbd7ab39db23d1772ac2fa251ef64effa7f0f
加えて、ブロックエディター画面のスタイルも問題なく表示されているように思います。
もしよろしければ、手の空いているお方は以下のファイルで「エラが出ないか」と「ブロックスタイルなどが崩れている所はないか」確認していただいてもよろしいでしょうか。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------


わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 13359
わいひら - Facebookわいひら - Twitter
 

今回気づいたんですが、プレビュー画面のタブレットやモバイルでアイコンフォントが表示されていないようです。
ただこれは、今回の不具合とは別なので今回はこれを除いた問題をご確認いただければ幸いです


mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 

鎌倉殿…みてました。

取り急ぎ確認した感じでは、アイコンフォント以外では、記事下の「SEO」や「カスタムCSS」等の部分の表示がおかしくなってしまうように思います。

デバイスプレビューで「タブレット」「モバイル」選択後に、「デスクトップ」に戻ると、何故か記事の途中に表示されてしまいます。

初期表示。

 
 
「タブレット」「モバイル」選択後に、「デスクトップ」に戻った場合。
 
 
GIFの方が分かりやすいかもしれません。
 
 
いったん、投稿の編集を抜けて、再度編集画面を開けば、元に戻ってはいます。

わいひら 件のいいね!
Akira
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 970
Akira - FacebookAkira - Twitter
 

記事下の「SEO」や「カスタムCSS」等の部分の表示がおかしくなってしまうように思います。

これは WordPress の仕様か不具合だと思います。

カスタムフィールドを表示させ、テーマを Twenty Twenty-One にすると、同様の表示になります。

対策としては、カスタムフィールドや SEO などのパネルを右サイドバーにドラッグアンドドロップで移動させること。ただ、一旦移動させると、右サイドバーから元に戻せないです(戻し方が分からない)。

もしくは、SEO などの Cocoon 独自のパネルは非表示にしておいて、必要な時だけ表示すればいいかもしれません。

This post was modified 4か月前 3回 by Akira

わいひら 件のいいね!
yamataro
(@yamataro)
Active Member
結合: 4か月前
投稿: 6
 

皆様

ありがとうございます。

 

早速DLして、最後に有効化したところ、プレビュー画面が見られるようになりました。

また、mk2さんの気づきと同じように、プレビューを切替えると、SEO等が記事の途中に表示されました。

 

他の点としましては、これまで投稿蘭の背景は薄いグレーでしたが、有効化後は、真っ白になったのが変わった点です。

取り急ぎ、御礼とご報告をさせていただきます。


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 13359
わいひら - Facebookわいひら - Twitter
 

僕の環境のWordPressデフォルトテーマTwenty Twenty-Twoでも試してみましたが同様の現象が起こるようです。
Akiraさんも書かれているように、これはWordPressの不具合のようです。
ここら辺はちょっと様子を見るしかないかもしれません。

This post was modified 4か月前 by わいひら

mk2
(@mk2_mk2)
メンバー Moderator
結合: 1年前
投稿: 3281
 

記事下の件は、私もTwenty Seventeenで確認しましたが、やはりなっちゃいますね。

WordPress本体の不具合のようです。
しばらくは静観ですね。


わいひら 件のいいね!
albert
(@albert)
Active Memberサイト
結合: 4か月前
投稿: 7
Topic starter  

皆様

遅れてしまいましたが私もDLしてデバイスプレビューは見れるようになりました。

不慣れなフォーラム質問に対し尽力してくださり本当にありがとうございました。


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 13359
わいひら - Facebookわいひら - Twitter
 

皆様、ご確認いただきありがとうございます!


共有:
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

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

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

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

サービス運営期間:18年

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
×DBは手動で復旧(データ取得は無料)
×ファイルも手動で復旧(データ取得は無料)
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:3年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
×ファイルは手動復旧(データ取得は無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:5年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

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

サービス運営期間:6年

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