- このトピックには7件の返信、4人の参加者があり、最後に
により3年、 12ヶ月前に更新されました。
8件の投稿を表示中 - 1 - 8件目 (全8件中)
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】11.7.6
【お使いのブラウザ】Google Chrome
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）===
いつもお世話になっております。
現在、ページ読み込み時に一瞬表示が崩れてしまいます。何か解決する良いアイディアがあれば教えてください。
トップの１枚画像の読み込みに時間がかかり、下のコンテンツが先に上部に表示されてしまいます。できれば順番に表示したいのですが、少なくとも下のコンテンツが上に上がってこないようにしたいと思っています。
現状、以下のような動きになっており、下のコンテンツが上に一瞬上がってきてしまいます。
いいねをした人: 居ませんMashima さんこんにちは！
トップ画像が表示される前とされるあとでガタってくるの気になりますよね（＾＾；私の場合は、
- そもそもそんなものだと諦める
- トップ画像をもっと軽くできるかもしれないと画像の容量削減頑張ってみる
- トップ画像領域をCSSで調整をかけていく（高度な設定でブロックにclassを設定し、追加CSSで設定したclassに対してwidthとheightを入れてきます）
のどれか（複数対応もある）をとることが多いです。
いいねをした人: 居ませんページの URL を教えてもらうことはできますか？
Snow Monkey Blocks やコアの画像ブロックはだいたい width と height が指定されていると思うので、崩れる場合は追加した CSS やプラグインの影響の可能性もあると思います。それは見てみないとわからないので、可能だったら URL を教えてください！
いいねをした人: 居ませんページ拝見しました。
非推奨のスライダーウィジェットを使用されているようでして、このウィジェットは画像に CSS の absolute を使っているので、画像が読み込まれるまで高さが確定しないのです…。一応下記の CSS を足すことで、それっぽい感じにはすることができます。.wpaw-slider__canvas:not(.slick-initialized) { height: 700px; // 画像が読み込まれていないときに強制的に高さをつける }いいねをした人: 居ません
8件の投稿を表示中 - 1 - 8件目 (全8件中)
- トピック「ページ読み込み時に一瞬表示が崩れるのを防ぐには？」には新しい返信をつけることはできません。