【WordPress Popular Posts】文字化けして表示がおかしい！時の対処方法

ども、多摩川乱歩（@tamagawa2525）です。

当ブログではサイドバーに「人気記事ランキングTOP10」を用意しており、この表示は「WordPress Popular Posts」というプラグインで実装しています。

ですが、先日この人気記事ランキングが「文字化けして表示がおかしくなる」という不具合を確認しました。

人気記事ランキングが文字化けして読めなくなっている — ▲人気記事ランキングが文字化けしてしまっている様子

上記の不具合は結論として「WordPress Popular Posts」5.3.4バージョンで起こる不具合でした。

この記事ではこの不具合の対処方法について備忘録的にまとめておきます。
同様の問題でお困りの方の参考になれば幸いです。

「WordPress Popular Posts」バージョン5.3.5にて当症状自体は改善されました。

以下で紹介する方法は、プラグインアップデート時に起きた不具合全般に対応可能なので、今後のアプデで同じようなことが発生した際にも有効です。

【WordPress Popular Posts】文字化けしてしまい、表示がおかしくなる不具合

通常↑のように人気記事のサムネイルとタイトルが崩れなく表示されるのが正常ですが、プラグイン「WordPress Popular Posts」のバージョンを5.3.4に更新すると以下の症状が発生するようでした。

記事タイトルが文字化けする
背景の色が変わってしまう
派手にレイアウトが崩れる

WordPress Popular Postsの結果（人気記事一覧）が文字化けしてる。何だこれは。

— 河童@インデックス投資 (@KappaProject) July 4, 2021

WordPress Popular Posts文字化けしてませんか？
自動更新にしていたのでこれはマズイです。

— ORANGE APPLE (@orangeapple7) July 4, 2021

https://twitter.com/pannda000777/status/1411513429114851340

Twitterで確認したところ、同様の症状が発生している方が多くいらっしゃいました。

プラグインを自動アップデートにしている場合、突然ランキングが崩れて焦ってしまいますよね。

【対処方法】WordPress Popular Postsのプラグインバージョンを1つ戻す

取り急ぎの対処方法としては『WordPress Popular Posts』のプラグインバージョンを1つ前のものにロールバックすることで解決できます。

以下、WordPress Popular Postsのバージョンの戻し方について解説いたします。

WordPress管理画面、左側のサイドバーから [プラグイン] をクリック
[WordPress Popular Posts] の [詳細を表示] をクリック

WordPress Popular Posts の詳細ダイアログが表示されるので、右側の [WordPress.org プラグインページ] をクリック

WordPress Popular Postsのプラグインページにジャンプするので [詳細] タブをクリック
ページ右側の [詳細を表示] をクリック

ページの一番下にある [開発バージョン] から最新バージョンの1つ前（今回の場合は5.3.3）を選択し [ダウンロード] ボタンをクリック

WordPress Popular Posts 5.3.3のzipファイルがダウンロードされます。

再度WordPressのプラグインページに戻り、[新規追加] をクリック

プラグインの追加ページから

[プラグインのアップロード] をクリック
[ファイルを選択] > 先ほどダウンロードしたzipファイルを選択
[今すぐインストール] をクリック

↑のような画面が表示されたら [アップロードしたもので現在のものを置き換える] をクリック

置き換え完了後、WordPress Popular Postsのプラグインバージョンが 1つ前のものに戻っていればOKです。

完了後、ページを再読み込みするとランキング表示の文字化けが直り、レイアウトが正常になっていることが確認できました。良かった～～！