ブログのトップページのレイアウトが突然崩れました。
◇症状
・TOPページに表示されていた最新投稿が1つしか表示されない。
・サイドバーが消える
◇使用しているテーマ
アフィンガー6
◇Wordpressのバージョン
5.8.1
◇PHPのバージョン
8.0
◇これまで実行した対処法
①プラグインをすべて無効化
⇒EWWW Image Optimizerを無効化すると、トップページ以外はレイアウト戻る…
②キャッシュを削除
⇒効果なし
③追加CSS削除
⇒効果なし
④PHPの変更
8.0→7.4→7.3→7.2 →いずれも効果なし
お手上げ状態です…
もし詳しい方いらっしゃればご教授いただけると幸いです。

みんなのコメント 15件
ベストアンサー
tsurunote@gmail.com さん
<header>タグ部分の記載がミスっていますね。
OPG の設定ミスかと予想されるのですが、プラグインなど利用せずに<header>タグ部分に直接コードを記載したりしていますか?
お返事ありがとうございます!
プラグインなど利用せずに<header>タグ部分に直接コードを記載したりしていますか?
⇒直接コードを記載していないです…。
では OPG はどのように設定してますか?
何にしろ、テーマの設定かプラグインの設定か何かで <header> タグに何らかの記載を行っているかと思われるのですが、その際の記述にミスがあるためにエラーが発生しています。
それに伴いサイト表示がバグってますね。
ちょっとわかってきました。
ディスクリプション(抜粋)は自身で入力されています?
『特別区で働いてみてわかったメリット・デメリット【就職して後悔しないために】』
この記事のディスクリプション(抜粋)に何か余計なコードが紛れていませんか?
ディスクリプション(抜粋)に余計なコードを入れてしまっているために、『特別区で働いてみてわかったメリット・デメリット【就職して後悔しないために】』記事ページだけでなく、『特別区で働いてみてわかったメリット・デメリット【就職して後悔しないために】』記事が含まれるトップページやカテゴリ(アーカイブ)ページなどの表示が崩れてしまっているように見えます。
『特別区で働いてみてわかったメリット・デメリット【就職して後悔しないために】』をいったん下書きにしたところ、レイアウトの崩れは解消しました。
しかし、「特別区~」の記事を修正できない事象が新たに発生しました。
管理画面の記事一覧に『特別区で働いてみてわかったメリット・デメリット【就職して後悔しないために】』もあると思うのですが、「クイック編集」で一旦記事を公開にして編集を行うことはできますか?
もしできる場合、編集画面で記事をコピーして新規記事に貼り付けてて公開し、元の記事を再下書き → 不要ならば一旦ゴミ箱に入れてみてください。
また今一度申し上げますが、
ディスクリプション(抜粋)に余計なコードを入れてしまっているために、『特別区で働いてみてわかったメリット・デメリット【就職して後悔しないために】』記事ページだけでなく、『特別区で働いてみてわかったメリット・デメリット【就職して後悔しないために】』記事が含まれるトップページやカテゴリ(アーカイブ)ページなどの表示が崩れてしまっているように見えます。
ディスクリプション(抜粋)は気仕ごとにご自身で設定されていますか?それともプラグインなどを利用されていますか?
念のため、ご利用中のプラグインもお教えいただければと思います。
よろしくお願いいたします。
①「クイック編集」で一旦記事を公開にして編集を行うことはできますか?
⇒編集することができません。
②ディスクリプション(抜粋)は気仕ごとにご自身で設定されていますか?それともプラグインなどを利用されていますか?
⇒ディスクリプションは記事ごとに自分で設定しています。プラグインは利用していないです。
③利用しているプラグイン
⇒別添参照
tsurunote@gmail.com さん、ご回答ありがとうございます。
プラグインも、特に怪しいそうなものはなさそうです。
『特別区で働いてみてわかったメリット・デメリット【就職して後悔しないために】』記事を再編集できないということで、ディスクリプション(抜粋)を確認することが出来ないかと思います。
なので原因の確定はできませんが、おそらくはディスクリプション(抜粋)に余計なコードが入ってしまったための表示バグと予想はされます。
ちなみにご利用中のテーマは AFFINGER ですよね?
AFFINGER の場合、記事ごとにテーマ固有のメタディスクリプション設定があるかと思います。そこへの入力時に、何らかのコードを混てしまったのかもしれないですね。(心当たりは有りますか?)
プラグイン、確認いただきありがとうござました。
おっしゃるとおりで、アフィンガーは記事ごとにメタディスクリプションを設定しますが、「特別区~」の記事では設定した覚えがないんですよね…。
もう一回同じ記事を書いて再投稿し、今下書きにしている「特別区~」は削除しようと思います!
親身になって相談いただきありがとうございました。
このブログ辞めて、新しいブログ立ち上げようかと絶望していたので、本当に助かりました!
右クリックしてソース確認するとわかりますが、HTMLが途中で切れてますね😨
ただのレイアウト崩れっていうより、正常な出力ができていないですよ。
ちなみにトップページだけじゃなく月別アーカイブページや年別アーカイブページでも起こっています。
最新の「特別区で働いて」の記事が読めないのでコレが原因なんじゃないでしょうか🧐
この記事を下書き状態にしてみたら何か変わりませんか?
(非公開じゃなく下書きにしてください)
以下は改善が無い場合に可能な範囲で回答いただければと思います。
・function.phpに何か書いたりしていませんか?
・テーマをカスタマイズしていませんか?
・エラーログに何か出ていませんか?
・Cocoonとかの無料テーマに切り替えたときも同じ現象が発生しますか?
お返事ありがとうございます。
Kiryuさんの助言どおり、最新の「特別区で働いて」を下書きにしたところ、正常に戻りました!
ただ、「特別区で働いて」の記事を修正することができません…。
何か変なコードでも入っていたんでしょうかね😇
テスト用に新しく記事を作って「テストです」とか書いて公開できるかどうか確認してください。
新しい記事が問題なく公開できるならそちらのほうを使ってください。
もとの「特別区で働いて」の記事は何がどうなっているのかわからないので下書きのまま放置がいいかなと🙄
テスト記事、問題なく公開できました。
ひとまず「特別区~」はお蔵入りとします…(笑)
無事に復旧したので、安心しました!
めちゃくちゃ助かりました。本当にありがとうございましたm(__)m
ちなみにテキストタブは開けないんでしょうか?(画像参照)
そこを開けば本文は取り出せるのかなと・・・
(htmlタグがかなり邪魔かもしれませんが)
余力が無ければ無視でいいです😀
あなたの経験や知識を共有しませんか?
ほかのユーザーの相談に、コメントで参加してみましょう。
ログインしてコメントするはじめての方は無料登録