- このトピックには17件の返信、2人の参加者があり、最後に
により3年、 11ヶ月前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】10.3.0
【お使いのブラウザ】Google Chrome
【当該サイトのURL】https://corporate.kojodan.jp/===
トップページにスライダーを使用しているのですが、不定期にスライダーの下に余白ができてしまいます。
法則性がわからず直せないので助けていただけますでしょうか。
ログアウトでの閲覧、キャッシュプラグインなどを無効にしても解決しませんでした。設定としては、表示するスライド数を
ラージ、ミディアム→2
スモール→1
にしています。見た感じ、表示数1のスペース（スライドの4倍）が確保されて、そこに2つ表示しているため、同サイズの余白が生まれているように見えます。
いいねをした人: 居ません手持ちの環境（Mac + Chrome、Android + Chrome）で何度かリロードしてみたりスライダー下のドットをクリックしてみたりしたのですが再現できませんでした。
不定期にスライダーの下に余白ができてしまいます。
とのことですが、これは画面を表示したとき、画像がスライドしたとき、などどういう操作をしたときに再現されるかも決まりがなく、完全にランダムということでしょうか？
いいねをした人: 居ません説明の仕方が悪くて申し訳ありません。
余白ができるのは表示時です。動作時にできることはありません。
別のページを表示してトップに戻ったときや、しばらくしてからアクセスすると発生することが多いようですが、余白なく表示されることもあるので原因がわかりません。
もしかするとこちらの環境に問題があるのかもしれませんね。
いいねをした人: 居ませんありがとうございます！いったりきたりしていたら再現できました！
ただ、確かにどういう条件でなるかがわからず、CSS 的にも異常な値が割り当てられているのも発見できなかったので、これといった解決策がわかりません…。なんとなくこれでいけるかも？というパッチを用意してみたので、カスタマイザー → 追加 CSS に下記の CSS を追加して様子見してみていただけませんか？
.slick-initialized .slick-slide { display: flex; justify-content: center; align-items: center; }もしくは
.smb-slider .slick-slide { display: flex; justify-content: center; align-items: center; }これで解決できそうなら Snow Monkey、Snow Monkey Blocks をアップデートして取り込もうと思います。
いいねをした人: 居ません確認ありがとうございます、たすかります！ Snow Monkey、Snow Monkey Blocks の次のアップデートでこの CSS を取り込みます。アップデート後は追加した CSS は消しても大丈夫です。
いいねをした人: 居ません本件、まだ解決していないようです。たまに起きています。
プラグイン、テーマは最新版にしています。
Snow Monkey Blocks 8.4.1
Snow Monkey 10.5.2リロードすれば直るので致命的ではないのですが、はじめて訪問された方にはちょっと情けない印象を与えてしまうので、解決していないということだけご記憶いただければ幸いです。
優先度が低いことは承知しておりますので、修正自体は後日でけっこうです。「解決しました！」と元気よく伝えてしまったので、「ウソでした！」というご報告でした。
いいねをした人: 居ませんAutoptimizeとWP Fastest Cacheを停止していますが、起きますね。
トップページ以外のページを開いたまま、しばらく放置しておいて、トップに戻るとかなりの確率で再現することがわかりました。
（たとえば企業情報のページを開いたままタブを10分以上放置しておき、またタブに戻ってトップのリンクを選ぶと起きます）
参考になるのかどうかもわからない情報ですが、ご報告まで。
繰り返しになりますが、致命的ではないのでいつか解決すればいいなという程度で受け止めていただければ十分です。
いいねをした人: 居ません確かに攻城団合同会社のサイトだと再現できるのですが、僕の開発環境だと再現ができないのです。なので画像のサイズがどうとか使っているプラグインとの兼ね合いでどうとか、なにか原因があるのだと思いますが、全く検討がつかない状態です…。
僕のブラウザからだと「御朱印帳、はじめました」の画像だけが正しい縦横サイズで読み込まれないという現象が起こっています。一度、この画像だけを外してみるとどうなるか見てもらえないでしょうか？
「正しい縦横サイズで読み込まれない」という現象から可能性を考えると、あとは
– カスタマイザー → ページ速度最適化 → 画像の非同期読み込み を無効にしてみる
– スライダーブロックの画像にwidth、heightが入るように Snow Monkey Blocks を改修してみるが考えられるかなと思います。後者は実装が可能か調査してみますので、前者も一度試してみてもらえないでしょうか。
よろしくおねがいします！いいねをした人: 居ません
- トピック「スライダーの下に余白ができてしまう」には新しい返信をつけることはできません。