のむらけい
フォーラムへの返信
-
投稿
-
石川さん、調査ありがとうございます！
「Lightning CSS 最適化」にてTree Shakingが有効になっていましたので「何もしない」に変更しました。その後ブラウザのキャッシュを削除しサイトを巡回したところ、まだ症状があるようですが、設定変更から24時間（ウェブアクセラレーターのキャッシュ保持時間）以上経過してから改めて確認する予定です。
またご報告いたします。石川さん
お手数おかけしております。
キャッシュに関連しそうなプラグインは導入しておらずアクセラレータのみです。
どこかのページにスマートフォンでアクセス→何度かリロードしてキャッシュ生成→PCからアクセス、で再現できるかもしれません。
ただサービス仕様としてCDNの配信元サーバが複数あるので、同じページを同時に別端末で見ても、キャッシュの状態が異なるということがありえます。
なおキャッシュの有効期限はおそらく1日です。キャッシュの状態はブラウザDevツール＞ネットワーク＞レスポンスヘッダ で確認できます。
https://manual.sakura.ad.jp/cloud/webaccel/manual/troubleshooting.htmlよろしくお願いいたします。
松田さま
返信ありがとうございます。実は先程結構頑張ってお返事を投稿したのですが、キャプチャ画像を外部リンクにしたのがスパム判定されてしまったのか、表示されてなくなってしまいました。。。お手数ですがフォーラム管理者の権限でスパム解除をお願いできないでしょうか。
キャプチャ画像は別途添付いたします。
松田さま、返信ありがとうございます。
サイトオーナーよりURLの開示の許可をいただきましたので共有します。
こちらのサイトです。CDNキャッシュの有無で再現性が変わるのですが、PCビューで2パターンのレイアウト崩れが見つかっております。
（１）モバイル用のドロワーメニューボタンが表示され、グローバルナビの高さ算出がおかしい＋下層項目がある場合に下矢印が出ている
キャプチャ画像：https://capture.dropbox.com/qdoyhOpSqURSJoB6
→body_class は devide-pc になっていました。ただ、HTMLソースを確認したところ、head内にインラインで出力されるCSSの一部が出力されていないようでした。（２）レイアウトはおおよそ正しいが、下層項目がある場合にモバイル用の開閉ボタンが表示されている
キャプチャ画像：https://capture.dropbox.com/Nws6AJIioaIiIucy
→body_class は devide-mobile になっていました。この場合は、モバイル用の開閉ボタンを非表示にするインラインCSSがソースに出力されていないようでした。どちらも、出力CSSが足りないことが原因となっていそうな感じでした。よろしくお願いいたします。
続報です。
body_class で device-pc/device-moblie というclass出力があり、”vk-blocks-build-css-inline-css” の出力内容がそれに依存したCSSになっているのが影響してるっぽいですね。とりあえずの対応として、子テーマか追加CSSから、device-pc/device-moblie に依存しない形のCSSを書いて上書きさせることでなんとかなりそうな気がしてきました。
しかし、正直しんどい作業なので、テーマ側で改善していただけたらなぁと感じております。。。ご検討いただけたら幸いです。。。石川さん
回答ありがとうございます！お返事遅くなりました。
「グリッドカラムカードアイテム」ブロックの編集ロックをONにすることで、色が元に戻らず意図通りになることを確認できました。ありがとうございます。トピックは解決済みにしますが、
> 何か理由があってこうしていたような気も…
のあたり、もしわかりましたら追記をよろしくお願いいたします。>石川さん
ご配慮ありがとうございます！
たしかにこの現象を発見したのは実案件の中でですが、シェアボタン表示しなければ問題ないので緊急度は低いです。
（もともとシェアボタン付ける予定のサイトではなかったですし）とはいえ、CF7ではなくSnow Monkey Formsを使いたいというニーズは私以外でもそこそこありそうな気がするので、迷った末にこっちに報告しました。
どこかのタイミングで直ってればいいなぁ、というくらいの感じです。
