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

不具合報告では、その現象が確認できるURLを添えて、ご報告ください。
(+できれば画像も添付していただければ助かります。)

トピックを立てる前にチェックしてね!
  1. 初めてご利用の方は、 「フォーラムガイドライン」・「よくある質問」・「SWELLでの非推奨プラグイン」に一度は目を通しておいてください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. WordPressでの不具合が全てテーマによる不具合だとは限りません
    本当にテーマによる問題かどうか、プラグインを見直して解決しないかどうかも先に検証しておいていただけると、非常に助かります。
  4. まずはGoogleで検索してみて、自力で解決できる問題かどうかを調べてみてください。
    ここで質問しようとしている内容をそのまま検索すれば答えが見つかるかもしれません。
特定のページのみモバイルフレンドリーに...
 
通知
すべてクリア

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

こまち
(@komachi)
Active Member

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

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

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

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

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

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

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

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

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

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

引用
Topic starter 投稿済 : 19/06/2021 1:13 am
しらこ
(@96ssbike)
Prominent Member

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

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

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

返信引用
投稿済 : 19/06/2021 2:58 am
こまち
(@komachi)
Active Member

@96ssbike

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

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

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

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

返信引用
Topic starter 投稿済 : 19/06/2021 4:33 am
しらこ
(@96ssbike)
Prominent Member

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

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

返信引用
投稿済 : 19/06/2021 7:20 am
しらこ
(@96ssbike)
Prominent Member

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

返信引用
投稿済 : 19/06/2021 7:21 am
しらこ
(@96ssbike)
Prominent Member

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

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

返信引用
投稿済 : 19/06/2021 7:24 am
しらこ
(@96ssbike)
Prominent Member

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

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

返信引用
投稿済 : 19/06/2021 7:29 am
件のいいね!
こまち
(@komachi)
Active Member

@96ssbike

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

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

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

返信引用
Topic starter 投稿済 : 20/06/2021 1:30 am
しらこ
(@96ssbike)
Prominent Member

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

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

返信引用
投稿済 : 20/06/2021 1:53 am
こまち 件のいいね!
共有: