WordPress

【WordPress】投稿一覧の表示崩れを直す【タイトルが縦書きに】

ある時、しばらく放置していたブログにログインして管理画面を見ると、投稿一覧のページが劇的に表示崩れが起こっていることに気づきました。

表示崩れの内容を具体的にいえば、タイトルが横書きから縦書きに変わっていました。

(表示崩れと関係あるか不明ですが)使用していたWordPressテーマはcocoonです。

しかしこの表示崩れはがちゃがちゃイジッてるうちに直ったので、その直った経緯をご紹介します。

最初からいうのも何ですが、表示崩れが起こった原因や解決の上で何が決定的に役立ったか、はっきりしたことは分かりませんので、自分が試みたことを一通り書いてみます。

【WordPress】投稿一覧の表示崩れを直す【タイトルが縦書きに】

画面をスクショしておけば良かったのですが、残念ながらしていません。

直った後でスクショするためにUpdraftPlusで復元してみたくらいですが、それでも表示は正常なままでした。

投稿一覧

画像にもあるようにタイトルが縦書きに表示されていました。

そのために当然、それに合わせてこの投稿一覧での投稿記事の一つ一つが、恐ろしいほど間延びした表示となって画面を埋めており、ともかく衝撃的な絵面でした。(ほんとにスクショしておけば良かった)

結局プラグインの停止をすれば良かっただけ?

色んなことをやってみたのですが、厳密にそのどれが効果があったか分かりません。

しかも途中で一度諦めてしまったので(おい)、時間的にも連続してやったわけではありません。

投稿一覧の表示崩れに気づいた当日

最初に書いた通り、数日から1週間ほどか放置しており、ある時突然表示の崩れに気づきました。

やばい、と思ってすぐか忘れましたが、UpdraftPlusで復元すると「壊れている可能性があります」と表示され、表示が元に戻りません。(こっちの方が問題?)

しかしこの時、なぜか原因の一つがそれだと思ってキャッシュ系のプラグインを削除してます。

ちゃんと一般的な解決方法であるプラグインを停止したかは忘れました(忘れんなよ)。

キャッシュ系プラグインを削除したのだからプラグインもいじったのかもしれませんが、もしかしたらテンパってしまい、していないという可能性はあります。

テーマをアフィンガー5にしてまたcocoonに戻す

さらに、普段はもう少しテーマの変更など慎重にやるのですが、「どうせこのブログは終わったから」と有料テーマのアフィンガー5(WING)にしています。

しかしこのテーマ変更は(投稿一覧の表示崩れとは別に)ブログ内で表示の崩れが起こったので元に戻してます。

元に戻したのは、たしか解決した日の前日(昨日)だったのではないかと思います。

解決した当日にしたこと

あとは今日(直った当日)したのは、cocoon 設定でのキャッシュ削除です。
しかしこれは特に見たところ変わりませんでした。

キャッシュ削除

それから、プラグインを一つずつ停止していきます。

ここで「Jetpack by WordPress.com」を停止した時、突然表示が改善されました。

では原因がこれかと思いますが、もう一度作動させても表示崩れは起きませんでした。

つまり単体での原因ではなく、複合的な原因の一つがそれだったんでしょう。

実際に「Jetpack by WordPress.com」はcocoonのテーマ作成者が一緒に使うのにおススメのプラグインとして推奨しているほどなので、このプラグインが決定的に相性が悪いということはないはずです。

しかしまだ微妙に表示に違和感を関じるな、と思ってイジっていると、拍子抜けすることに。

何とその最後のわずかな違和感は、表示オプションで表示する項目数を減らすとなくなりました。

表示オプション操作

結論:とにかく落ち着け。すぐ諦めんな。

たぶん一番意味があったのはプラグインを停止したことだと思いますが、色々やりすぎて何が効果あったのか厳密には分かりません。

とりあえず今回に限らず、こういうトラブルがあった時はまずはプラグインを疑って一つずつ停止してみましょう。

で、自分自身に向けた結論がこれ。

とにかく落ち着け。すぐ諦めんな。

以上です。