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

フォーラム

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

[解決済] レスポンシブでの表示について

10 投稿
4 ユーザー
8 Likes
1,105 表示
proud
(@proud)
投稿: 9
メンバー
Topic starter
 

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

Andoroidでサイトを見た際に一瞬だけページが縮小されてサイトが表示されます。
また、iphoneでTOPのロゴから別ページに飛んだ時に、iphoneでは縮小されませんが
ページのTOPではなく真ん中あたりにジャンプします。
Andoroidとiphoneの動作が違っているため、原因も別なものでしたら申し訳ありません。

文章では伝わりにくいかと思い下記にAbdoroidの方の動作動画をUPしています。

http://illo00148.kir.jp/wp/20211216android_ver11.mp4

デモサイトや他のSWELLを使ったサイト様をスマホで見た限りではそのような現象にはならないので
当方で設定したカスタムなどが原因の線が濃厚かとも思っております。
恐れ入りますがご教示いただけけますと幸いです。

試してみたこと
●swell設定から、キャッシュ、古いデータのリセット
●画像等のLazyloadを「使用しない」に設定
●プラグインを一つづつ停止して検証
●カスタムCSSを削除してみて検証
●スマホのキャッシュの削除、再起動

よろしくお願いいたします。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.6.5
利用中のPHPバージョン
7.3.33
OS
Android ver11, iphone13
利用中のWordPressバージョン
5.8.2
利用中のサーバー会社
KAGOYA
ブラウザ
Chrome(Android),Safari(iphone)
利用中のプラグイン一覧

BBQ Firewall
Contact Form 7
SEO SIMPLE PACK
TablePress
TablePress Extension: Responsive Tables
パスワード保護
WP Maintenance Mode(停止中)

This topic was modified 2年前 by proud
 
投稿済 : 21/12/2021 4:57 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

付けていただいたURLが、パスワードが異なるみたいでアクセスができません。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 21/12/2021 5:08 pm
proud
(@proud)
投稿: 9
メンバー
Topic starter
 

@96ssbike 申し訳ありません、正しくは『ftentest2』になります。

 
投稿済 : 21/12/2021 5:38 pm
skillsharejp
(@skillsharejp)
投稿: 968
SWELL高速化顧問
 

シークレットモードで確認しても同じでしょうか?レンタルサーバーに何かキャッシュ機能は付いてますか?

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

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 21/12/2021 8:31 pm
ushui
(@ushui)
投稿: 20
メンバー
 

URLは「(pass:~」以降を削除してアクセスでよいのでしょうか?

なお、Chromeの開発者ツールでPC上からエミュレートすることで縮小する事象を確認しましたが、fontplus.jsの読み込みをブロックすると縮小する事象が再現しなくなりました。

fontplus

FONTPLUSがどういうものかよく分かっておりませんが、Webフォントサービスのようですのでどこかで設定されているのではないでしょうか?

This post was modified 2年前 by ushui
 
投稿済 : 22/12/2021 1:24 am
proud
(@proud)
投稿: 9
メンバー
Topic starter
 

@skillsharejp

skillsharejp様ご返信ありがとうございます!
シークレットモードでも同じでした。サーバーのキャッシュ機能はあるようなのですが該当のプランを使用していないので当サイトには付いていないはずです。

 
投稿済 : 22/12/2021 11:14 am
skillsharejp
(@skillsharejp)
投稿: 968
SWELL高速化顧問
 

上記のfontplusはSWELLには含まれてないファイルなので今回の原因っぽいです。レンタルサーバーではウェブフォントプラグインを初期プラグインとしてインストールする事がありますが、必ず必要なプラグインではないです。

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

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 22/12/2021 12:03 pm
proud, ushui and reacted
proud
(@proud)
投稿: 9
メンバー
Topic starter
 

@ushui

ushui様ご返信ありがとうございます!webfont入れておりました…。
webfontのスクリプトを削除したらAndroidもiphoneも表示が直りました!
お手数をお掛け致しました。大変助かりました!ありがとうございます!!

 
投稿済 : 22/12/2021 12:39 pm
ushui reacted
proud
(@proud)
投稿: 9
メンバー
Topic starter
 

@skillsharejp 

skillsharejp様ご返信ありがとうございます!fontplusのスクリプトを削除したら直りました。
使いたいfontがあったのですが諦めようと思います。
この度はご尽力いただきありがとうございました!

 
投稿済 : 22/12/2021 12:45 pm
ushui
(@ushui)
投稿: 20
メンバー
 

解決されたようでよかったです!
Webフォントがレイアウト崩れを起こす可能性があることは把握していましたが、ここまで崩れてしまうケースもあるのですね…。
私も勉強になりました!

 
投稿済 : 22/12/2021 1:39 pm
proud reacted
共有: