Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
スマホでの表示がおかしい
 
通知
すべてクリア

スマホでの表示がおかしい

17 投稿
4 ユーザー
2 Likes
1,491 表示
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

スマホから投稿した記事を確認しようとしたところ、スマホの表示後かしくなりました。

何か解決方法はありますでしょうか?

表示関係は特に触っていません。

よろしくお願いします。

IMG 3804

 

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.9
OS
iphone
利用中のWordPressバージョン
6.0.2
利用中のサーバー会社
Xサーバー
利用中のプラグイン一覧

Akismet Anti-Spam
All in One SEO
All-in-One WP Migration
codoc
Contact Form 7
Flamingo
Google Analytics for WordPress by MonsterInsights
OptinMonster
Shortcodes Ultimate
SiteGuard WP Plugin
WP ULike

This topic was modified 2年前 by blogger_take
 
投稿済 : 10/10/2022 7:44 am
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

SWELLの設定でキャッシュはクリア済です。

表示がおかしいのは、iPhoneでandroidからの表示は問題ございません。

iPhoneのキャッシュをクリアしてますが、解決せず。

よろしくお願いします。

 
投稿済 : 10/10/2022 9:46 am
msdigit
(@msdigit)
投稿: 5
メンバー
 

私もアップデート後同じような状況に陥りました。

私の症状としては、フルワイドブロックの中でswellのスライダーを設置していたところ、スライダーの幅分フルワイドブロックが広がってしまい、blogger_take様と全く同じ現象が起きておりました。

アップデート前では起きていない現象です。

私の場合はフルワイドブロックに対してoverflow:hidden;のスタイルを適用することで無事に解決いたしました。

何かのお役に立てればと思います。

 
投稿済 : 10/10/2022 10:37 am
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

@msdigit

ありがとうございます。

こちらのページと

https://rui-log.com/overflow-hidden/

こちらのページを参考にしてみましたが、解決しませんでした・・・

https://users.swell-theme.com/forum/swell-forum/%E3%83%86%E3%83%BC%E3%83%9E%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%97%E3%81%9F%E3%82%89css%E3%81%AEoverflow-scroll%E3%81%8C%E3%81%8D%E3%81%8B%E3%81%AA%E3%81%8F%E3%81%A6%E5%9B%B0%E3%81%A3%E3%81%A6%E3%81%84/

 
投稿済 : 10/10/2022 1:37 pm
msdigit
(@msdigit)
投稿: 5
メンバー
 

@blogger_take 

ホームページを下にスクロールして行って、一箇所だけ横に伸びている要素などございませんか?

 
投稿済 : 10/10/2022 1:43 pm
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

@msdigit

トップページの画像が長いかなと感じました。

よろしくお願いします。

ダウングレートも考えましたが、前バージョンは置いていないんですね・・・

 
投稿済 : 10/10/2022 2:01 pm
msdigit
(@msdigit)
投稿: 5
メンバー
 

@blogger_take 

該当urlをご教授願えますでしょうか?

 
投稿済 : 10/10/2022 2:09 pm
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

@msdigit

ありがとうございます。

こちらになります。

https://0-domain.com/

トップページだけで、他の固定ページは問題ないです。

トップページも固定ページのカスタムですが・・・

This post was modified 2年前 by blogger_take
 
投稿済 : 10/10/2022 3:59 pm
msdigit
(@msdigit)
投稿: 5
メンバー
 

@blogger_take 

グーグルアドセンス広告が邪魔をしているようです。

横長のものではなく、スクエア型の広告にするときれいに映りそうです。

 

widget_custom_htmlクラスに対してmax-width:100%;

adsbygoogleクラスに対してmargin:0;

を付与するときれいに映ります。

しかしながらアドセンス広告にスタイルと適用するのは規約違反だったと思いますので、

widget_custom_htmlクラスに対してmax-width:100%;

までが限界のように感じます。

 
投稿済 : 10/10/2022 4:55 pm
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

@msdigit

ありがとうございます。

AdSenseとは思いませんでした・・・

修正してみます。

うまくいったら、またご報告いたします。

 
投稿済 : 10/10/2022 5:25 pm
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

@msdigit

TOPページのアドセンス表示をを消してみましたが、症状は変わらずでした・・・

 
投稿済 : 10/10/2022 5:35 pm
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

@msdigit

原因がわかりました。

Contact Form 7

このプラグインを無効化したら症状が改善しました。

サイズを変更してみます。

ありがとうございました。

 
投稿済 : 10/10/2022 5:39 pm
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

@msdigit

改善いたしました!

ありがとうございました!!

 
投稿済 : 10/10/2022 5:48 pm
msdigit
(@msdigit)
投稿: 5
メンバー
 

@blogger_take 

まさかのコンタクトフォームでしたか!

無事解決したようで安心いたしました!

 
投稿済 : 10/10/2022 6:19 pm
blogger_take reacted
skillsharejp
(@skillsharejp)
投稿: 1136
SWELL高速化顧問
 

不具合報告する場合はテーマ不具合を確認するために必ずプラグイン全停止で検証を実施してください。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/

 
投稿済 : 10/10/2022 10:17 pm
了
 
(@loos_ryo)
投稿: 1264
メンバー Admin
 

twitter 埋め込み時のチラツキ防止のためにスマホでは#content に対してoverflow hidden をテーマ側で付けていたのですが、

最近の埋め込み処理が改善されてそろそろ不要になったっぽいのと、このCSSによってフルワイドブロックをコンテンツ先頭に持ってきたときに上部の境界線が描画できない問題があったため今回取り除いてみました。

なので、今後は埋め込みコンテンツや問い合わせフォームなどで横幅指定が大きくはみ出してしまうものについては自身で調整して頂く必要がでてきてしまうのですが、あまりにも多そうでしたらすぐに戻します...。

SWELL開発者です。

 
投稿済 : 10/10/2022 11:37 pm
blogger_take reacted
blogger_take
(@blogger_take)
投稿: 10
メンバー
Topic starter
 

@loos_ryo

ありがとうございます。

私の方は、トラブルが解消しましたのでそのままでも大丈夫です。

アップデートされる方に、お知らせか何かで通知いただけますと、

フルワイドブロックでWEBサイトを構築できるスキルがある方は、対応できるかと思います。

よろしくお願いします。

 
投稿済 : 11/10/2022 10:24 am
共有: