- このトピックには11件の返信、2人の参加者があり、最後に
により7ヶ月、 3週前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】バージョン: 25.4.2
【お使いの Snow Monkey Blocks のバージョン】バージョン 20.4.3
【お使いの Snow Monkey Editor のバージョン】バージョン 9.3.3
【お使いのブラウザ】Safari バージョン17.4
【当該サイトのURL】https://tarcoon.me/現行のピックアップスライダーと旧ピックアップスライダー（非推奨）では画面の表示サイズが違います。
PCデスクトップ表示やスマートフォン表示など、ウインドウサイズもそれぞれ大きく違います。
旧ピックアップスライダーは画面いっぱいにスライダーが表示されてて見栄えがとても良く気に入っていました。
そこで、ピックアップスライダーの表示サイズのカスタマイズ方法を教えていただきたいと思い、こちらに投稿させていただきました。■現行 PCデスクトップ これから
■非推奨 PCデスクトップ これにしたい
■現行 スマートフォン これから
■非推奨 スマートフォン これにしたい
現行のピックアップスライダーをなるべく、旧ピックアップスライダー（非推奨）と同じ表示サイズにしたいです。
表示速度を落とす場合がありますので使用は推奨しないとのことですので、この縦横表示の比率がどの程度、表示速度を落とすことにつながるのかはわかりませんが、もし問題がないようであれば変更したいです。
旧ピックアップスライダー（非推奨）と同じ表示サイズにカスタマイズするにはどうすればいいでしょうか？
いいねをした人: 居ませんありがとうございます！
比較用にTESTページを作成していたので、そちらを確認していただければと思います。
よろしくお願いいたします。https://tarcoon.me/test_slider/
いいねをした人:
超助かります！ありがとうございます！
早速確認してみました。僕も忘れていたのですが、新ピックアップスライダーはスマホでも常に16:9になるようになってしまっているために、タイトルが長いとはみ出したり、矢印に被ったりということが発生してしまっていました。旧ピックアップスライダーはスマホのときは16:9ではなくなるのでスマホでもタイトルがちゃんと読めます。
これは新ピックアップスライダーの検証が甘いために発生した不具合なので（ほぼ）旧ピックアップスライダーと同じ感じになるように修正を入れようと思います。お急ぎの場合は下記の CSS をコピペしてください。Snow Monkey Blocks のアップデート後、追加した CSS は消していただければと思います。
@media (min-width: 768px) { .smb-spider-pickup-slider__item { max-width: 75%; } .smb-spider-pickup-slider .spider__slide:before { padding-top: 178%; } }いいねをした人:なるほど！そういうことでしたか！
ありがとうございます。旧ピックアップスライダーと同じ感じになるように修正していただけるとのことなので、楽しみに対応を待ちたいと思います。
Snow Monkey Blocks のアップデート後に確認後トピックを閉じさせていただきますね。
いいねをした人:
早速アップデート対応ありがとうございました。
確認したところ、PCデスクトップ表示ではいい感じに表示されました。
ありがとうございます！大変満足しております。しかし、
ウチのサイト（https://tarcoon.me）では、ピックアップスライダーはウィジットのオーバーレイ表示で使っているのですが、
スマートフォン表示では表示が上下の余白がなくなってしまいます。
これの調整をするカスタマイズ方法があれば教えていただきたいです。
ちなみに、 旧ピックアップスライダー（非推奨）ではバランスの良い表示になります。■現行 スマートフォン これから
■非推奨 スマートフォン これにしたい
よろしくお願いいたします。
いいねをした人: 居ませんスマートフォン表示では表示が上下の余白がなくなってしまいます。
これの調整をするカスタマイズ方法があれば教えていただきたいです。あー、今回のアップデートでピックアップスライダーの縦幅が長いので、その分ウィジェットエリアが画面高と同じくらいになり、余白がなくなっている感じだと思います。
.l-overlay-widget-area .smb-spider-pickup-slider .spider__slideのmin-heightを適当な数値で上書きしてみるとどうでしょうか？いいねをした人:Snow Monkey Blocks v20.5.1 にアップデートして、下記の CSS で調整してみてください。
.l-overlay-widget-area .smb-spider-pickup-slider .spider__canvas { min-height: ◯◯px; /* 好きな高さ */ }いいねをした人:.l-overlay-widget-area .smb-spider-pickup-slider .spider__slide の min-height を適当な数値で上書きしてみるとどうでしょうか？
すみませんどういうふうに封じを入れればいいのかわかりません。仮の数字を入れてものを教えていただけませんか？
あ！ ピックアップスライダーの中のテキストが見えなくなっちゃってますね。ちょっと修正入れます！
アップデートは完了しました。テキストも表示されていい感じです。ありがとうございます。
いいねをした人: 居ませんTarCoon☆CarToon さんのサイトのピックアップスライダーが新型になっていたので確認したところ、
min-heightは関係なくて、「ShortSpot☆ SS0 GarageBandで音楽を作ってiPhoneで撮った映像を組み合わせた映像作品！制作に至る経緯や参考にした動画を紹介します。」
のタイトルが長いために、それが高さを押し広げているという感じのようでした。下記の CSS を追加して文字サイズを少し小さくするのはどうでしょうか？
.l-overlay-widget-area .smb-spider-pickup-slider__item__title { --_font-size-level: 3; }いいねをした人:
- トピック「旧ピックアップスライダー（非推奨）と同じ表示サイズにしたい。」には新しい返信をつけることはできません。