このサイトのモバイル画面でサイドバーが真っ白になる件…解決済み

スポンサーリンク

本サイトは無料テーマ「Cocoon」で作成しています。

「Cocoon」ではスマホ画面の下部にフッターモバイルボタンを表示させることができます。

そのボタンのサイドバーボタンをタップすると、画面横からサイドバーが横からにゅっとできます。

このサイドバーの画面が真っ白になる不具合が起きました。

フッターモバイルボタン

「Cocoon」でフッターモバイルボタンを表示させる方法は以下のサイトで紹介されています。

フッターモバイルボタンの設定方法
スマホ画面のフッターに表示されるスライドインメニューボタンのカスタマイズ方法の解説です。

本サイトでも、フッターモバイルボタンを表示させていましたが、そのサイドバーボタンを押すと、真っ白いサイドバーがにゅっと出てくるようになっていました。

いつからこうなったのか、気づいていませんでした。

ホーム画面
サイドバー真っ白画面

WordPressサイト高速化プラグインが原因でした

ウェブ検索で同じ症状がないか探してもなかなか見つからず、原因がわかりません。

「Cocoon」の親テーマと子テーマを再インストールしてみましたが直りませんでした。

そこで、プラグインが原因ではないかということで、もう一つの「ナワキミノ年金勉強部屋(n.nawakimino.net)」にインストールしているプラグインと比較してみました。

Flying Scripsというプラグインが…

Flying Scripsというプラグインが本サイトの方だけにインストールされていました。

プラグイン画面

このプラグインをインストールした覚えがありませんが、サイト高速化のプラグインなので、以前サイト高速化を試したときにインストールしたようです。

Flying Scripts – JavaScript 読み飛ばし高速化プラグインの使い方|WordPress

このプラグインを無効化するとあっさりとサイドバーが表示できるようになりました。

サイドバーが表示された

プラグインは要注意

たぶん、このプラグインをインストールしてからずっとこういう状態だったのではと思います。いつからこうなっていたのか、気づいていませんでした。

プラグインを新たにインストールした場合は、しっかり検証するべきでした。