目次
１．ブログがエラー表示！プレビューはError500！
２．Failed to load a preview page. Please click preview button again. Error500
３．ブログは「ブログテーマの読み取り中にエラーが発生しました」の文字
４．読み込み失敗のHTML
１．ブログがエラー表示！プレビューはError500！
２．Failed to load a preview page. Please click preview button again. Error500
３．ブログは「ブログテーマの読み取り中にエラーが発生しました」の文字
４．読み込み失敗のHTML
ブログがエラー表示！プレビューはError500！
最近、ブログがエラー表示になりました。
ブログがエラーになっていることに気が付いたのは、プレビューがError500で見られなくなったからです。
プレビューにFailed to load a preview page. Please click preview button again. Error500が表示されてパニックでしたが、なんとか解決できました。
Failed to load a preview page. Please click preview button again. Error500
ことの始まりは、プレビューに
Failed to load a preview page. Please click preview button again.
Error500と表示されたことです。
何回もプレビューをしましたが、結果は同じでした。
この文字を調べるものの英語の記事ばかりが出てきて読めませんでしたし、Error500で調べてみても私にはよくわかりませんでした。
仕方なく、1単ずつ日本語訳した結果「プレビューを読み込むのに失敗、もう1回プレビューボタンを押して」という意味だと知りました。
そして、もう何回もやったよ！とツッコミました。
さて、ここまできて初めてブログの方が気になってブログを見に行くと案の定エラーになっていました。
ブログは「ブログテーマの読み取り中にエラーが発生しました」の文字
ブログを見に行くと「ブログテーマの読み取り中にエラーが発生しました」という文字が表示されていました。
ブログテーマの読み取り中にエラーが発生しました
ここで、ブログテーマが読み込めていないからエラーになっていることに始めて気が付きます。
そして、このエラーが表示される前にやっていたことと言えば、テーマをHTMLで編集したことです。
あの時の編集で表示されなくなったのかと思い、急いでテーマからHTMLの編集を見に行きました。
読み込み失敗のHTML
HTMLは色々なところを触っていたので、どこがエラーの原因かを突き止める必要がありました。
触ったところを見てもおかしいことはないよなぁ、と思いブログのエラーページを見直すと、エラーした場所がしっかり表示されているではありませんか。
「ブログテーマの読み取り中にエラーが発生しました」の下に小さい字で書いてます。
私の場合、Invalid expression 'data:blog.pageName|data:blog.title'でした。
Invalid expressionを調べてたら無効な式だということがわかったので、今回の場合は無効な式はdata:blog.pageName|data:blog.titleということになります。
Twitterカードを導入するときに<head></head>の間に書いたコードを少し触ってTwitterカードに表示されるタイトルをdata:blog.pageName|data:blog.titleで指定したことが原因だったので、このコードを変えることでエラーは解決しました。
