ブログ【はぴるっく！×サクラ咲く道】のスマホ表示が崩れていました。。
気づいたのは、日曜日の朝。
GoogleSearchConsoleから
「新しいモバイルユーザビリティの問題が検出されました」
ってメールが来てて。
スマホで確認してみたら、TOPページから表示が崩れまくり(◎_◎;)
慌ててググって原因を調べました。
それでとりあえず、スマホやサーバーのキャッシュを削除したんですが
改善されず。。
そこでGoogleさんからのメールを、もう一度よく読み返したら
主な問題として
「コンテンツの幅が画面の幅を超えています」
ってあったんです。
そういえば、最近ボックスメニューのアイコン画像を大きいものに変えたなぁ、と。
それが原因かな、って思って。
アイコン画像を元に戻して、もう一度キャッシュも削除したら、直りました。
いやもう、朝からビビりました。
心臓に悪すぎます(+_+)
あーでも、気づかずそのままの状態でいるよりもマシなので。
教えてもらって良かったかな。
今回の原因となったボックスメニューですが、結局は削除しました。
ボックスメニュー自体「なくてもいいかな」とも思っていたので。
それに今回、あらためてAFFINGERの公式マニュアルを読んだんですが。
気づいてなかった点がいくつもありました。
便利な機能に気づかずに遠回りしてる部分もあったり。
ムダなCSSを省くことができたり。
とっても勉強になりました。
「やりたいな～」って思ってたのも、簡単にできることがわかりましたし。
今回の出来事は、逆にプラスになった部分が多いです。
やっぱりAFFINGER、すごくできることが多くて好きです(≧▽≦)
