会員サイトをリニューアルしました! 新サイトはこちら

特定のページのみモバイルフレンドリーに対応しなくなった < 不具合報告

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

特定のページのみモバイルフレンドリーに...
 
通知
すべてクリア

特定のページのみモバイルフレンドリーに対応しなくなった

9 投稿
2 ユーザー
2 Likes
1,202 表示
こまち
(@komachi)
Active Member
Topic starter
 

お世話になっております。

1つお伺いしたい点があります。

6/9から下のページのみモバイルフレンドリーに対応しなくなり、スマホから見るとデスクトップ用の画面でとても小さく表示されてしまいます。(Google Consoleでエラーが出ています)

エラーページ: https://kuronekokomachi.com/the-ordinary-perfect-guide

特にコードなど触っていなく突然起こったので困っています。

他のページは問題なく表示されています。

対処法をご教示いただけませんでしょうか。

(Googleで調べるとモバイルフレンドリーにするプラグインなどがあるようですが、SWELLでレスポンシブ対応されているようなので、こちらで質問させていただいております...)

WordPress、SWELLテーマのバージョンはすべて最新にアップデート済です。

お忙しいところ恐縮ですが、ご回答よろしくお願いいたします。

 
投稿済 : 18/06/2021 4:13 pm
しらこ
(@96ssbike)
Prominent Member
 

Search Consoleなどでエラーは出ることは通常よくあることであり、モバイルフレンドリーテストを一度やってダメであれば数回実施していただいて問題なければ、基本的には問題ないかと思います。(Search Consoleやモバイルフレンドリーテスト自体が不安定なこともありますので)

ちなみに、こういったものは他テーマでも発生する場合があります。

※こうしたことで解決できるものは、特に不具合ではないかと。

にゃーん .

 
投稿済 : 18/06/2021 5:58 pm
こまち
(@komachi)
Active Member
Topic starter
 

@96ssbike

ご回答いただきありがとうございます。

Search Consoleについてはエラーが出ることは以前もあり、実際のページを見ると何も問題なく、数日程度で消えていたので、しらこさんがおっしゃるようにConsoleの問題なのかと思います。

ただ今回は実際にスマホで対象のページを確認すると、デザインが崩れてしまっていまして、1週間ほど様子を見てたのですが、未だに治っていません...

こちらはテーマに関係ない不具合でしょうか?

 
投稿済 : 18/06/2021 7:33 pm
しらこ
(@96ssbike)
Prominent Member
 

改めて確認しました。こちらの表に問題があるようです。

おそらく、テーブルを中央寄せにしていることに問題の原因があるようです。設定した覚えはありませんか?

にゃーん .

 
投稿済 : 18/06/2021 10:20 pm
しらこ
(@96ssbike)
Prominent Member
 

テーブルの中央寄せを解除する方法はこちらです。

にゃーん .

 
投稿済 : 18/06/2021 10:21 pm
しらこ
(@96ssbike)
Prominent Member
 

完全に再現ができたわけじゃないですが、私のサイト上で試験したものです。

中央寄せにしてしまうと、テーブルが画面外に飛び出てしまうなと。(上側のテーブルは、中央寄せにしていないものです)

にゃーん .

 
投稿済 : 18/06/2021 10:24 pm
しらこ
(@96ssbike)
Prominent Member
 

ひとまず、このテーブルが他とは違う表示のされ方をして、画面いっぱいよりもテーブルが飛び出してしまう悪さをしているので、ご自身でどこかで原因を作っています。その結果、モバイルフレンドリーテストに不合格になっているはずなので、ここまでは回答申し上げます。あとはご自身で解消されてみてください。

(このテーブルに原因あり、このテーブルを問題解消するか、もしくはなくしさえすれば解消します)

にゃーん .

 
投稿済 : 18/06/2021 10:29 pm
こまち
(@komachi)
Active Member
Topic starter
 

@96ssbike

しらこさん、丁寧にいろいろご確認いただきありがとうございます!

中央揃えの解除してみたのですがダメでした...> <
セル幅固定ありなしや左の項目(商品の名前)が長すぎるから改行などいろいろ試してみましたがこれもダメで、ただ、横スクロールなしにすると改善したので、ここは横スクロール解除にしてみます^^

ありがとうございます!助かりました( ´ ▽ ` )

 
投稿済 : 19/06/2021 4:30 pm
しらこ
(@96ssbike)
Prominent Member
 

完全ではないようですが、とりあえず解決して良かったです。

ただし、誤解がないようにお伝えすると、初期状態のテーブルをただ単に横スクロールに設定しても、上で私が述べたようには飛び出ません。(実際に、こまちさんのようにサイトの幅をSWELLの初期状態よりも狭くして検証済みです)

にゃーん .

 
投稿済 : 19/06/2021 4:53 pm
こまち reacted
共有: