[ 解決済 ] CDN運用でのスマホとPCの表示

VWSとは フォーラム Lightning [ 解決済 ] CDN運用でのスマホとPCの表示

[ 解決済 ] CDN運用でのスマホとPCの表示

  • このトピックには15件の返信、3人の参加者があり、最後にVektor,Incにより4年、 4ヶ月前に更新されました。
15件の投稿を表示中 - 1 - 15件目 (全16件中)
  • 投稿者
    投稿
  • #38898

    komori0321
    参加者

    お世話になります
    さくらレンタルサーバーでCDNの設定が簡単になり
    使ってみようと設定してみたのですが
     CDNキャッシュ削除直後に、スマホからアクセスが
    あったページが その後PCからアクセスした場合、PCのメニュー
    のプルダウン表示がスマホと同様□にXのボタン表示になります。
    キャッシュが期限切れで削除されると、戻ます
     また、その逆でPCから先にアクセスがあると、スマホ、PC共問題なく表示されます。

    何か回避方法があれば助言願います
    (サポート対象外かもしれませんが、頼れるところがベクターさんしかなく
    申し訳ございませんよろしくお願いいたします。)

    対象URLは現在 CDN 自動消去 5分の設定です

    WordPress バージョン 5.4.2–ja
    Lightning Pro バージョン: 4.13.5
    Lightning Skin Pale バージョン 5.2.0
    VK All in One Expansion Unit バージョン 1.16.25
    キャッシュ系プラグイン 使用なし


    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #38899

    DRILL LANCER
    モデレーター

    モバイルナビを下部に表示させるモバイル固定ナビに統合させるのはいかがですか?

    #38901

    Vektor,Inc
    キーマスター

    あー、いやおそらく普通のグローバルメニューの2階層目のプルダウンがホバーではなく、タップ用のアイコンが表示されるという事ですかね?

    #38904

    komori0321
    参加者

    >モバイルナビを下部に表示させるモバイル固定ナビに統合させるのはいかがですか?
    →現在 そのようになっていると思います

    >あー、いやおそらく普通のグローバルメニューの2階層目のプルダウンがホバーではなく、タップ用のアイコンが表示さ>れるという事ですかね?

    →通常PC画面だとトップのメニューにマウを移動するとプルダウンでサブメニューが表示されますが
    トップのメニューにマウスを移動してもサブメニューが表示されず、スマホで表示されるタップ用のアイコン(□の中にX)が表示されます  タップするとサブメニューが表示されます(スマホと同じ動き)

    何か方法はありますでしょうか?
    よろしくお願いいたします

    • この返信は4年、 5ヶ月前にkomori0321が編集しました。
    • この返信は4年、 5ヶ月前にkomori0321が編集しました。
    • この返信は4年、 5ヶ月前にkomori0321が編集しました。
    #38909

    komori0321
    参加者

    すみません
    表示されるアイコンは(□の中にX)ではなく、(□の中にXの上半分、下向き)です
    クリックするとサブメニューが現れ(□の中にX)になります

    #38911

    komori0321
    参加者

    追記
    >あー、いやおそらく普通のグローバルメニューの2階層目のプルダウンがホバーではなく、タップ用のアイコ>ンが表示されるという事ですかね?
    →はい。この現象は仕様かと思っていますが確かにそうなります(CDN運用とは関係なく)
    質問のCDN運用で、キャッシュ削除後最初にスマホで表示させると、その後PCでのそのページの表示で
    普通のグローバルメニューがプルダウンがホバーではなく、タップ用のアイコンが表示されます
    (スマホで表示していないページは普通のグローバルメニューがプルダウンがホバーになります)

    #38934

    komori0321
    参加者

    お世話になります
     いろいろしれべていると、この現象は
     キャッシュがない状態でスマートフォンユーザが訪問しスマートフォン向けのHTMLがキャッシュされると、次にPCの人が来てもUserAgent判別する機能がCDNに無いのでスマートフォン向けのHTMLが表示され続けてしまうという状況だと思うのですが、
    これは仕様として諦めるしか無いのでしょうか?
    CDNは今後も増えてくると思いますが、
    現時点で Lightning Pro Skin Pale は対応していませんでしょうか?
    レスポンシブウェブデザインにするという方法があるようですが、完全にレスポンシブウェブデザインにはなっていないのでしょうか(メニューのアイコンのみ未対応?)

    対処方法助言をお願いします

    • この返信は4年、 5ヶ月前にkomori0321が編集しました。
    #38948

    Vektor,Inc
    キーマスター

    サーバー側のキャッシュですね、なるほど、
    概ね対策案はあるのでしばらくお待ちください。

    #38959

    komori0321
    参加者

    お世話になります
    連絡ありがとうございます
    対応案よろしくお願いします

    さくらレンタルのサポートさんに問合せしていましたところ
    本日やっと下記内容の返答が来ました。
    ご参考になればと思い記載します

    下記 さくらレンタル様の返答
    >PCサイトはレスポンシブ対応になっているものの、
    >スマートフォン用のサイトはそうではないようにお見受けします。
    >回避方法といたしましては、スマートフォンでアクセスされた際もレスポンシブ対応のサイトが表示されるように
    >修正いただけますようお願いいたします。
    とのことでした。
    →スマホサイト、PCサイトどちらもレスポンシブ対応になっていると思うのですが
    失礼ですが、ご参考になればと思い記載です
    よろしくお願いします

    #38960

    Vektor,Inc
    キーマスター

    タッチデバイスかそうでないかをphpで判定してHTMLを出し分けてるので、
    どちらかでHTMLがサーバー側にキャッシュされていしまうと効かないという状態です。
    JavaScriptでの切り替えロジックを追加してますのでしばらくお待ちください。

    #38985

    Vektor,Inc
    キーマスター

    Lightning Pro 5系で改善すると思いますので、アップデートしてサーバーキャッシュが新しくなってからご確認くださいませ。

    #38988

    komori0321
    参加者

    お世話になります
    お手数をおかけしありがとうございます
    早々試してみました
    結果的に、同現象は頻度的に少なくなった気がします。
    しかし、タイミングがよくわからないのですが、スマホとpcでアクセスすると
    pcに同様の表示が現れるページがあります。(現象が出ないページもあるような?)

    お手数をおかけします 
    まずは結果報告です

    #38990

    Vektor,Inc
    キーマスター

    サーバーキャッシュの問題だと思いますので、新しいソースコードに更新されれば安定度は上がると思います。
    あるいはプラグインなどの干渉でJavaScriptがエラーになっているページなどでは正常に動作しないなどはあるかと思います。

    #38991

    komori0321
    参加者

    お世話になります
    了解です。少し様子を見てみます

    >あー、いやおそらく普通のグローバルメニューの2階層目のプルダウンがホバーではなく、タップ用のアイコ>ンが表示さ>れるという事ですかね?
    → ということですが この表示方法は仕様でしょうか?

    もし、サーバーキャッシュがうまく利用できない場合、逆にpcの表示をトップメニューから2階層目もすべて、プルダウンがホバーではなく、タップ用のアイコンが表示される方法(スマホのよう)にすれば
    pc側の表示でメニューの表示がページにより変わることはなくなるのでは?
    と素人なりに考えます。
    このような方法はありでしょうか?
    また、その場合個別に追加php,cssとうで可能でしょうか?

    何度もすみませんよろしくお願いします

    #39070

    komori0321
    参加者

    いつもありがとうござうます
    Lightning Proバージョン: 5.0.4にup後
    スマホ・pc問題なく切り替わるようになりました
    お手数をおかけしました

15件の投稿を表示中 - 1 - 15件目 (全16件中)
  • このトピックに返信するにはログインが必要です。