エラーが起きているページの画像を添付します。

よろしくお願いいたします。

LBNさん

お問い合わせ時は、以下のプラグインは無効にしていただくようお願い致します。

投稿者:: @lbn

Autoptimize 3.0.4

いろいろと圧縮が掛かっていて、確認が難しいです。

とりあえず、httpステータスが500のようです。

@lbn さん

ｍｋ２　さんの部分と被ってしまいますが、
私も、「Cocoonを使用する場合は、Autoptimizeの無効化＆削除をお薦めします。」

理由は、

「There has been a critical error on this website.」は、

「サイトに重大なエラーがありました。詳細については、サイト管理者のメール受信ボックスを確認してください。」です。

以前は、画面が真っ白になるエラーでしたが、
WordPressの直近のバージョンでは、この真っ白な画面のエラーが「サイトに重大なエラーがありました。詳細については、サイト管理者のメール受信ボックスを確認してください。」

という警告メッセージに変わりました。

原因は様々ですが、

多くは導入しているPluginの機能が重複してコンフリクト（衝突・競合）して不具合を起こす事があるというものです。

また、

このフォーラムでも「Autoptimizeはcocoonと併用すると不具合を起こす」という報告が数多く寄せられています。

Autoptimizeは、
・スクリプトとスタイルを連結、最小化 (Minify)、キャッシュし、
・標準ではページの先頭に挿入される CSS を、クリティカル CSS (重要な CSS) としてインライン化したり、
・連結した完全な CSS を遅延させたり、スクリプトをページの末端に移動し遅延させたり、
・HTML を最小化することが可能です。
・画像の最適化と遅延読み込み (WebP と AVIF 形式に対応)、
・非同期で未連結の Javascript の処理 (async 属性)
と多種。多様な機能がありますが、

少なくとも、

「画像の遅延読み込み」は、WordPress 5以降で標準機能として組み込まれていますので、これは重複しています。

また、Cocoonには、「HTMLを縮小化」、「CSSを縮小化」、「JavaScriptを縮小化」についても高速化の一環で機能がありますので、これらを指定していた場合は重複します。

他に、導入されているPluginとの衝突は不明ですが、

ｍｋ２さん、Yamachan11さん、

早速のご返信をいただき、ありがとうございます。

アドバイス頂いた点について、プラグインを全て停止しました。

Autoptimizeの停止により、画像の表示はできました。

まだ、左にスペースが空いて、レイアウトが崩れてしまっているので、引き続き親テーマへの切り替え等、色々試してみたいと思います。

ありがとうございました。

LBNさん

今気づいたばかりで、理由は分かりませんが…。

以下のように1398行以下のソースが変です。

またheadタグが始まっています。
（bodyタグの後ろにheadタグがある、このbodyタグはまだ閉じられていない）

LBNさん

全プラグインの停止はなさったということで、次は親テーマの切り替えをお試しいただくと思いますので、その結果を待とうと思います。

ｍｋ２さん

htmlコードの確認など、ありがとうございます。

親テーマへの切り替えをすると、添付のようになります。

親テーマには、特定カテゴリー一覧表示用のphpファイルを設定していないため、空の固定ページが表示されます。

子テーマの方には、以下のphpファイルを用意し、固定ページのテンプレートから読み込んでいます。

---以下php---

/**
* Template Name: list-index
*/
if ( !defined( 'ABSPATH' ) ) exit;
?>

$wp_query = new WP_Query($args);
if ($wp_query->have_posts()) :
while ($wp_query->have_posts()) : $wp_query->the_post();
get_template_part('tmp/entry-card');

endwhile;
else :
get_template_part('tmp/list-not-found-posts');
endif;
wp_reset_postdata();
?>

if (is_front_page_type_index() || !is_front_index_page()) {
get_template_part('tmp/pagination');
}
?>

if (is_category() && is_single_breadcrumbs_position_main_bottom()){
get_template_part('tmp/breadcrumbs');
}
?>

---php終了---

LBNさん

投稿者:: @lbn

親テーマには、特定カテゴリー一覧表示用のphpファイルを設定していないため、空の固定ページが表示されます。

ですよねぇ。

でも、崩れないということでもあると思います。
（何もないからということもありますが。）

とりあえず、

• サーバーにエラーログが落ちていないか
• デバッグモードで、エラー表示を確認してみる

  
上記のどちらかを試すしかないような気はします。

LBNさん

なんとなくですが。

表示が崩れるのは、bodyタグが閉じられていませんし、おそらく途中で何かが起きているからな気はします。

ニュージーランドまでは表示されていて、その後は、どういう表示になるはずなんでしょう。

親テーマのバージョンアップでこうなったとするならば、親テーマをバージョンダウンすれば元のように表示されるということのように思いますので、試してみても良いかもしれないです。

Cocoonテーマを手動でダウングレードする最も手軽な方法
https://wp-cocoon.com/manual-downgrade-of-cocoon-theme/

@lbn さん

WordPress のデバッグを有効にし、どこでエラーが出ているかのご確認が必要です。

デバッグの有効化は、以下をご参考に wp-config.php にコードを追加します。

デバッグのための wp-config.php 例

以下の部分でエラーが出ている気がします。

if (is_front_page_type_index() || !is_front_index_page()) {

※ Cocoon 2.4.5 で is_front_index_page() が 削除されています。

参考：is_front_index_pageをis_front_top_pageに統合

ヘッダーメニュー、トップページの「Journey」をクリックし表示される以下のページですが
https://lookingbacknow.com/journey/

投稿記事したのカテゴリ「Journey」をクリックして表示される内容と同じなのでは？
https://lookingbacknow.com/ category/journey/

違いはカテゴリ一覧が1ページで全部表示されるか否かと。
もし、複数でもかまわないなら、phpを使わず単にカテゴリ「Journey」をヘッダーメニューに登録すれば良いかと。

皆様

たくさんのアドバイスを頂き、ありがとうございました。

Akiraさんの指摘頂いた箇所 is_front_index_pageの記述を削除することにより、元に戻りました。

WordPressはGUIで簡単に利用できていたので、デバッグの設定をしておらず、
エラーの内容を自分で解析できずにおりました。早速デバッグの設定をしたいと思います。

ｍｋ２さんには、最初の質問から返信をいただき、ありがとうございました。
プラグインを切るという初歩的なことをせずに質問をしてしまい、お手数をおかけいたしました。

chu-yaさんのカテゴリーページを利用すればとのアドバイス、ありがとうございました。
1ページに表示したかったのでPHPを使用しましたが、PHPはコピペ状態でした。
何の設定をしているか理解しながら、使いたいと思います。

ほんとうに、ありがとうございました。

投稿者:: @akira

※ Cocoon 2.4.5 で is_front_index_page() が 削除されています。

独自カスタマイズをしている人向けにis_front_index_pageはエイリアスとして復活させておくことにしました。
https://github.com/yhira/cocoon/commit/d066867587e4cbd933dda620d497fe7f7ac9a190