【SANGO】スマホのトップページでハンバーガーメニューが表示されなくなる事象【原因はキャッシュかもです】

こんにちは、Daniel (@daniel__blog) です。

この記事は、SANGOを使っているブログサイトをスマホで表示した時に起こった事象について書いています。

具体的には、、、

  • SANGOを使っているけど、スマホで見たらトップページのハンバーガーメニューが表示されなくなっていた!
  • トップページ以外でも表示されないときがある。
  • タイミングによって表示されるみたいだけど、原因についてよく分からない。
  • 誰か解決方法を教えて下さい!

こんなお悩みにお答えします。

先日、僕のブログでも同じ現象が起きました!
原因がすぐ分からず、最初は焦りました。

結論から言うと、プラグイン『WP Fastest Cashe』が原因かもです。
きっと、この現象が発生しているブログ(Wordpress)には、『WP Fastest Cashe』が導入されているのではないでしょうか。

『WP Fastest Cashe』の設定を変更することで、とりあえず僕のサイトでは問題を解決することができました。

ということで、詳しく説明していきます。

Daniel
Daniel

自己紹介:
この記事を書いている僕は、SANGO歴1年ほど。
いつも楽しくカスタマイズしながら、充実したブログ生活を送っています。

【SANGO】スマホのトップページで、ハンバーガーメニューが表示されなくなる現象について

以下の流れで説明していきます。

  • ・現象のおさらい
  • ・原因について(推測)
  • ・解決方法

まずは現象のおさらいからです。

現象のおさらい

現象としては、「スマホのトップページでハンバーガーメニューが表示されない」でした。

スマホの画面【想定表示】

スマホの画面【事象発生時】

上の画像のとおり、本来表示されるはずのハンバーガーメニューがどこかに行ってしまいました、、、

また、タイミングによってはトップページ以外の各記事内でも、ハンバーガーメニューが消えていました。

これは一体、どんな理由で表示されないのでしょうか。

原因について(推測です)

「PC用のキャッシュが、スマホで表示するときにも適用されているから」

上記のとおりです。理由について、少し細かく見てみます。

『WP Fastest Cashe』ではキャッシュを保存してくれる

『WP Fastest Cashe』は、ブログのページ表示速度を改善してくれるプラグインです。表示を高速化するためにキャッシュを保持し、表示するときにキャッシュを使ってくれています。

スマホとPCは画面表示が違う

当たり前ですがスマホとPCでは画面の大きさが異なります。スマホで見たときの表示と、PCで見たときの表示には差異があります。SANGOで言うと、スマホ版にあるハンバーガーメニューがその1つという感じです。

PC用のキャッシュが使われている

スマホとPCの画面表示は異なるということでした。しかし、『WP Fastest Cache』がページ表示時に使用するキャッシュは、スマホでもPCでも、PCで表示した時のキャッシュ(デスクトップ版のキャッシュ)のようです。

上記の理由により、スマホで見たときの画面表示が一部崩れてしまうようでした。

SANGOの公式サイトでも情報がありました

ナビドロワーはモバイル端末(スマホ・タブレット)でのみ表示され、PCでは表示されない仕様です。

モバイルからの閲覧時であっても、ナビドロワーが表示されるとき・されないときがある場合には、おそらくキャッシュプラグインやサーバーのキャッシュ機能が効いている気がします。

(=PCからの閲覧時に保存されたページデータが、モバイルからの閲覧時にも表示されてしまっている)

何か心当たりはないでしょうか?

SANGOカスタマイズガイド『ナビドロワー(ハンバーガーメニュー)が表示されないことがある

上記のとおり、キャッシュが原因かもしれないということですね。

解決方法

では、どうすれば解決できるか。

最初に結論を言います。

結論

『WP Fastest Cashe』でモバイルユーザーへのキャッシュ表示を無効化した上で、現在のキャッシュを削除する。』

上記のとおりです。
しょうがないですが、この設定変更により、スマホから見るときの表示速度は若干遅くなってしまうかもですね。

作業全体の流れを見てみましょう。

解決方法の流れ

  • 手順①:『管理画面』→『WP Fastest Cache』をクリックする
  • 手順②:『設定タブ』の内容を変更する
  • 手順③:『変更を保存』をクリックする
  • 手順④:『キャッシュの削除』タブをクリックする
  • 手順⑤:『Clear All Cache』をクリックする

早速、設定変更していきましょう。

手順①:『管理画面』→『WP Fastest Cache』をクリックする

WordPressの管理画面を開き、左ペインの下部にある『WP Fastest Cache』をクリックします。

手順②:『設定タブ』の内容を変更する

画面内に以下の項目があるので、チェックをONにします。

モバイル:[記号]モバイルユーザーにデスクトップ版のキャッシュを表示しない

チェックをつけました。

手順③:『変更を保存』をクリックする

チェックを外したら、画面下部の『変更を保存』をクリックします。

手順④:『キャッシュの削除』タブをクリックする

続いておとなりの『キャッシュの削除』タブに移動します。

手順⑤:『Clear All Cache』をクリックする

『Clear All Cache』ボタンを押しましょう。

『All cache files have been deleted』と表示されれば、無事にキャッシュの削除ができました。

これで設定変更が完了しました!お疲れさまでした。

まとめ

最後にまとめです。

SANGOのスマホのトップページでハンバーガーメニューが表示されなくなる現象については、

『WP Fastest Cashe』でモバイルユーザーへのキャッシュ表示を無効化した上で、現在のキャッシュを削除する。』

こちらで解決できるかもということでした。

今回は以上です!
最後までお読み頂き、ありがとうございました。
素敵なSANGOライフをお送りください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です