フォーラムへの返信
-
そうですね…
僕の iPhone でこのサイトのショートカットをホーム画面に作成してみたのですが、ちゃんとアイコンが表示されました。特にそれ用のコードを追加することもしていません。
なので Snow Monkey の不具合ではなくてそのサイト特有の不具合（使用されているプラグインの影響や追加されているコードの影響など）の可能性があるのかなと思った次第です。
その場合は実際に試してみないとわからないので、本サイトの共有が難しいのであれば、現象が再現できるテストサイトを用意頂ければ検証できるかなと思います！
Who liked:このサイトも WooCommerce を使用していますが、現象は確認できませんでした。もしかしたら設定の組み合わせ等によって不具合が発生している可能性もありますが、こちらの環境では検証ができないため、Ei さんの環境でどのようなエラーが発生したのかを知りたいです。
真っ白になるということは多分 PHP のエラーだと思うので、真っ白になったタイミングでサーバーのエラーログに何かエラーメッセージが出ていないか確認することはできますか？
Who liked:
TarCoon☆CarToon さんのサイトのピックアップスライダーが新型になっていたので確認したところ、
min-heightは関係なくて、「ShortSpot☆ SS0 GarageBandで音楽を作ってiPhoneで撮った映像を組み合わせた映像作品！制作に至る経緯や参考にした動画を紹介します。」
のタイトルが長いために、それが高さを押し広げているという感じのようでした。下記の CSS を追加して文字サイズを少し小さくするのはどうでしょうか？
.l-overlay-widget-area .smb-spider-pickup-slider__item__title { --_font-size-level: 3; }Who liked:Snow Monkey Blocks v20.5.1 にアップデートして、下記の CSS で調整してみてください。
.l-overlay-widget-area .smb-spider-pickup-slider .spider__canvas { min-height: ◯◯px; /* 好きな高さ */ }Who liked:スマートフォン表示では表示が上下の余白がなくなってしまいます。
これの調整をするカスタマイズ方法があれば教えていただきたいです。あー、今回のアップデートでピックアップスライダーの縦幅が長いので、その分ウィジェットエリアが画面高と同じくらいになり、余白がなくなっている感じだと思います。
.l-overlay-widget-area .smb-spider-pickup-slider .spider__slideのmin-heightを適当な数値で上書きしてみるとどうでしょうか？Who liked:超助かります！ありがとうございます！
早速確認してみました。僕も忘れていたのですが、新ピックアップスライダーはスマホでも常に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%; } }Who liked:これでどうでしょう？
.smb-spider-pickup-slider .spider__arrow { background-color: var(--wp--preset--color--sm-accent); }Who liked:
