前略、aaa さん

私はあまり詳しくないのですが、詳しい方が診てくださるかもしれませんので、フォーラム冒頭の案内にありますとおり、環境情報を貼り付けていただけるとよいような気がします。

環境情報

https://wp-cocoon.com/theme-report/

今夜はそろそろ休みますが・・

リフィトリーさま

環境情報について教えてくださってありがとうございます。

フォーラム冒頭にありながら見落としていました。申し訳ないです。

----------------------------------------------
サイト名：探検家アミ　さぐり、しらべて、かたちにする　
サイトURL： https://tanken-ami.com
ホームURL： https://tanken-ami.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.7
PHPバージョン：7.3.23
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.8.1
カテゴリ数：4
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.1
style.cssサイズ：1665バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：5
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/uploads/2020/04/homeimage.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1.9
BackWPup 3.8.0
Contact Form 7 5.4
EWWW Image Optimizer 6.0.3
Gallery Custom Links 2.0.3
LiteSpeed Cache 3.6.4
Really Simple SSL 4.0.11
Wordfence Security 7.4.14
WP Multibyte Patch 2.9
----------------------------------------------

aaa さん

環境情報を拝見しますと、これと言って問題になりそうなところはなさそうです。

強いて書かせていただくとすると、PHPのバージョンが7.3.23となっているぐらいでしょうか。

私の利用させていただいているレンタルサーバーの推奨値は、7.4.13 だったと思います。

おそらく、他のレンタルサーバーも7.4ぐらいではないかと推測します。

あとは、前述しましたとおり、あまり詳しくないので、原因と思い当たるよう事は思い浮かんできません。

ちなみに、PHPによるカスタマイズは行っていらっしゃいますか？

aaaさん

表示されている画像はWebpですね。

EWWW Image Optimizerにて対応しているものでしょうか。

ログインの状態はこちらから確認はできませんが、確かにソースでもNO IMAGEの画像が出ています。

ちょっと良く分からないですが、リフィトリーさんの仰るとおり、まずはPHPのバージョンを7.4系にしていただきたいです。

aaaさん

2ページ目以降は、サムネイルが表示されますね。
表示されないのは、1ページ目だけのようです。

ますます謎です。

リフィトリーさま
mk2さま

お忙しい中、ご対応いただきありがとうございます。

cPANELからPHPをea-php74に変更してみました。

すると、今度はユーザー名とパスワードを入力してもワードプレスにログインできなくなってしまったので現在対応策を探しています。

ですがサイト自体は公開されているようです。

＞EWWW Image Optimizerにて対応しているものでしょうか。

はい。サイトの軽量化を試みたときに行った覚えがあります。

aaaさん

アーカイブの2020年12月のページは表示されていますね。

ただ、10月を選択すると、やけに表示に時間が掛かります。

9月は、随分時間が掛かった後に404になりました。
8月は、1つししか記事がないですが、NO IMAGEです。（やはり表示に時間が掛かります。）

ただの状況報告で、ちょっとまだ何も分からないです。

あれ、2回目以降は10月も9月も8月も、表示が速いですね。

もしかして、キャッシュですか？

LiteSpeed Cacheって、キャッシュのクリアできますでしょうか。
もしくは、無効化していただくとか。

ああ…、でも8月はNO IMAGEですから、キャッシュではないかも知れません。

aaaさん

WordPressにログイン出来ないのは、もしかするとブラウザのcookieが悪さをしているかも知れません。

私も昔何度かなったことがあったような気がします。
ブラウザの履歴をクリアでcookieも消してみると良いかも知れません。

ただ、何の確証もありませんので、改善しないかも知れません。

aaa さん

cPANELからPHPをea-php74に変更してみました。

すると、今度はユーザー名とパスワードを入力してもワードプレスにログインできなくなってしまったので現在対応策を探しています。

PHPのバージョンを変更したことが原因でログインできなくなったのであれば、元のバージョンに戻せば改善すると推測されますが、それでもログインできないといった場合は、別の原因である可能性も出てくるような気もします。

aaaさん

2020年のアーカイブが、9月以外はすべて404になります。
PHP以外で何か変わりましたか。

リフィトリーさま

mk2さま

どうしてもPHP 7.4 (ea-php74)だとログインできなかったので7.3に戻しました。

chromeのキャッシュと履歴を削除して、LiteSpeed Cacheを無効化しました。

しかし、とくに表示は変わらないようです。

このサイトなのですが、一時、300KB程度の画像と5行のテキストのみのページでも、表示に2秒近くかかるくらい激重でした。

軽量化プラグインを試したり色々やって効果があるのかないのやら…という感じです。

そういう作業中に何か私がしでかしていたのだと思います。

お二人とも貴重なお時間を割いていただき、アドバイスや対応策をご提供くださって本当にありがとうございました。

自分自身、この現象解決に時間をかけすぎて疲れ切ってしまったので、しばらく休んで、とりあえずPHPを7.4に無事に変更させるところから始めてみます。

mk2さま

＞2020年のアーカイブが、9月以外はすべて404になります。
PHP以外で何か変わりましたか。

初めて気づきました！

こちらもログイン状態だと、9月以降の記事も普通に表示されています。

aaa さん

ログインができるようになったようで、良かったです。

お話を伺っておりますと、やはり何かサイトに問題があるように感じます。

デバッグツールなどを使って詳しく調べる必要があるのかもしれませんが、あいにく私にはそのスキルがありませんので、より詳しい方（わいひらさん、若しくは別の方）のアドバイスをお待ちになるのが良いような気がします。

また、場合によっては、WordPress修復のプロに依頼する等のことも視野の片隅にいれておいた方が良いのかもしれません。

たった今、スマホやタブレットでサイトを見たら、ハンバーガーメニューの中身が空白という現象も発見してしまいました。

これも、2月頭に確認した時点では通常通り表示されてたと思うんですが…

aaaさん

私もリフィトリーさんと同様の感想です。

2020年のアーカイブページは、最初は9月以外は表示されていました。（NO IMAGEの場合もありましたが、表示自体はされていました。）

それが途中から、9月以降は404になってしまいました。

WordPress本体なのか、プラグインなのか、.htaccessなのか…。
何らかの正常ではない状態にあるような気がします。

.htaccessにて、何らかのアクセス制限が掛かっているのかも知れません。
（でも、処理はWordPressまで入ってきていますから、あるとすれば何らかのファイルへの制限かも知れません。）

aaaさん

メニューの件は、そもそもPCでもグローバルナビが表示されていない気がします。

＞メニューの件は、そもそもPCでもグローバルナビが表示されていない気がします。

！！それも全く気づきませんでした…。
アイキャッチ以外は全く気付いてなかったので、やはりご相談して良かったです。

なんだか自分でも非常に面倒な問題というのを感じて申し訳なく思います。

お二方のおっしゃる通り、別の方のご意見を待ってみます。

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

私の環境からですと、CSSが読み込まれていない状態の表示になっているようです。

帰宅後に再確認したらCSSが読み込まれくなっていました。

aaaさん

本当ですね。

これはちょっと、よほど詳しい方でないと難しい気がします。
外部からでは、分からないこともあるかも知れません。

aaaさん

ちょっとhttpsあたりの件が怪しい気はします。

aaaさん

やはり、Mixed Content（混在コンテンツ）ですね。
SSL化出来てないと思います。
なんらかの不具合があると思います。

プラグインを一括無効化して再読み込みしたら、CSSは読み込まれるようになりました。（アイキャッチその他問題はそのまま）

触れば触るほど時間差でどこかが崩壊していく困った感じなので、ちょっと今後どうするかも考えます。

aaaさん

SSL化(https)に出来ていないんだと思います。

Really Simple SSL をお使いということは、それなりに理由があるはずです。
（このプラグインの機能は詳細には知りませんが。）

Chromeでは、以下のようなメッセージが確認できました。

Mixed Content: The page at 'https://tanken-ami.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://tanken-ami.com/wp-content/litespeed/cssjs/7c396.css?06e4a'. This request has been blocked; the content must be served over HTTPS.

Firefoxでは、以下です。

混在アクティブコンテンツ “ http://tanken-ami.com/wp-content/litespeed/cssjs/7c396.css?06e4a” の読み込みをブロックしました

メッセージの[詳細]の部分のリンク先は、以下です。
https://developer.mozilla.org/ja/docs/Web/Security/Mixed_content

もう、トップページも404ですね。

mk2さま

ご連絡ありがとうございます!

＞SSL化(https)に出来ていないんだと思います。

これを見てから色々と調べていたのですが、どうやればSSL化できるのかが残念ながら全然分かりませんでした。おそらく、過去の私もそう考えたのでSSl化のためのプラグインを入れたと思うのですが…せっかくアドバイスいただいたのに、申し訳ありません。

昨夜、トピを立ち上げた時点では、別テーマを使用すると問題が解決されているように見えたのでテーマの問題かと考えていたのですが、現在は別テーマを使用しても同様の問題が起きます。

この問題はcocoonさんのテーマに原因があるわけではないということが分かりましたので、これ以上この場をお借りするもの申し訳なく思います。

ひと先ずhttps化とPHP7.4対応を目途に作業を進めます。

解決できましたら、またこちらでご報告いたしますね。

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

aaaさん

まだ仮説なんですが、SSL化できていなければ、他のテーマでも同じだと思います。

元々SSL化されていないサイトを、SSL化するのは大変だと昔聞いたことがあります。
詳細は良く分かっておりませんが。
（データベースの置換など？）

ただ、WordPress 5.7では、それをボタン1つでできるようになったと聞きますが…。

「WordPress 5.7 https」で検索してみると良いかも知れません。

状況を拝見していると、問題はそれだけなのかどうかですね。
修復のプロに見ていただくのが良い気はします。

あれからSSL化・キャッシュクリア・プラグインの無効化・テーマのアンスコなどをひたすら試みた結果、「メニューは復活・アイキャッチのNOIMAGEはそのまま」という結果になったので、ご報告します。 

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

・いろいろいじってみたら、テーマをcocoonから他のものに変更すると、アイキャッチに相当する部分にNOIMAGEが出現することは無くなりました。いくつかのテーマで確認済です。
（理由は不明です。お二人のアドバイスを参考に、いろいろ設定を変更したら、別テーマでもNOIMAGEが出現していたので）

 （参考画像）

・ということで、もしかするとcocoon内に追記されたCSSなどが原因かと思い、一度cocoonを削除し、再インストールしてみました。

ところが、再インストール＆キャッシュクリア＆cocoonのリセットを試しても、なぜか削除前とまったく同じレイアウトでしか再現されず、NOIMAGE・メニュー非表示問題もそのままでした。

・その後、cocoonchildの追記cssを消したりしていると、外観カスタマイズの変更が反映されるようになり、メニューが復活しました。
（再インストール前は、何度カスタマイズでメニューを設定公開しても、「このページにはメニューが設定されていません」表記が出ていたため。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

cocoonは非常に使いやすく、私もカスタマイズを重ねてきただけに大変残念なのですが、当面は、別テーマを使っていくことになるかと思います。

ワードプレスを今後も使うかどうかも含めて、今回のことは非常に勉強になりました。

結局、原因は分かりませんし、直そうと色々いじったことで、また未来のトラブルの種をまいた気がします。

仕事に関係なく、趣味でひっそりやってる個人サイトで起きたトラブルで良かった…と心の底から感じました。

aaa さん

私は自分のサイトでは、Cocoon設定の「画像」タブの設定で、「アイキャッチの表示」のところの「本文上にアイキャッチを表示する」と「アイキャッチの自動設定」のところの「アイキャッチの自動設定を有効にする」の両方とも、チェックを外して運用しています。

アイキャッチ画像は、記事編集ページの右側にあるサイドバー？で、記事毎に手動で設定しています。

記事本文の一番上には普通に画像を配置して、アイキャッチ画像っぽく見せています。（アイキャッチラベルは必要ないので）

じゃあ、何のためにアイキャッチ画像を設定しているか、というと、エントリ―カードやウィジェットに表示されるサムネイル画像にするためです。

リフィトリーさま

cocoon設定におけるアイキャッチ設定も、何度も無効・有効化してみたのですが、やはりNOIMAGEは変わりませんでした。
アイキャッチは記事ごとに編集ページ右側のパネルで設定し、投稿ページ内には別の画像を設置する、という方法も、これまで私自身も踏襲してきたやり方でした。

これまでは問題が起きなかったので、本当に原因は謎です。

どうにかアイキャッチ画像を表示させる方法は分かりましたので、これにて解決とさせていただきます。

お二方とも、貴重なお時間をさいていただき、本当にありがとうございました。