- このトピックには9件の返信、2人の参加者があり、最後にmihashinoriyukiにより2年、 5ヶ月前に更新されました。
-
投稿者投稿
-
2022年5月27日 3:28 PM #105374
【お使いの Snow Monkey のバージョン: 17.0.1】
【お使いの Snow Monkey Blocks のバージョ:16.0.0 】
【お使いの Snow Monkey Editor のバージョン 8.0.0】
【お使いのブラウザ クローム】
【当該サイトのURL】クライアントの許可がないので控えさせてもらいます。
### 発生している問題
ワードプレスの6.0アップデート後
ギャラリーの設定でスマホ表示を2コラムにしてたのですが、スマホでみると1コラム表示になっている
ブロックのギャラリー設定のところで画像サイズが ”読み込み中” の表示がでている
### 試したこと
ブロックのギャラリー設定でコラム設定を変えても反映されない。
ギャラリー設定でスマホ表示で2コラム設定した場合、
デベロッパーでスマホ表示のギャラリーのクラスはcolumns-2になってました。
→エディター表示では3コラム
→PCで見ると1コラム
ギャラリー設定でPC表示で3コラム設定した場合、
デベロッパーでスマホ表示のギャラリーのクラスはcolumns-defaultになってました。
→エディター表示では3コラム
→PCで見ると1コラム
何か考えられることがありましたら、お知恵を頂けると助かります。
♥ 0いいねをした人: 居ません2022年5月27日 3:30 PM #105376修正です。
ギャラリー設定でスマホ表示で2コラム設定した場合、
デベロッパーでスマホ表示のギャラリーのクラスはcolumns-2になってました。
→エディター表示では×3→〇2コラム
→スマホで見ると1コラム
♥ 0いいねをした人: 居ません2022年5月27日 3:37 PM #105377修正です。なんどもすいません。
コラム→カラム
♥ 0いいねをした人: 居ません2022年5月27日 3:45 PM #105379ご報告ありがとうございます!WP6.0 でギャラリーの CSS に変更が入っているのかもしれません。確認漏れすみません!
確認してみますのでお待ちくださいませ。♥ 0いいねをした人: 居ません2022年5月27日 3:49 PM #105380あ、ちなみにギャラリーというのはギャラリーブロックですか?それともクラシックエディターのギャラリーですかね?
♥ 0いいねをした人: 居ません2022年5月27日 5:08 PM #105384はい!
ギャラリーブロックです。
よろしくお願いいたします。
♥ 0いいねをした人: 居ません2022年5月27日 11:19 PM #105412ちょっと見てみたのですが、ブロック設定には(PC 用の)「カラム」の設定があるだけで、「マホ表示で2コラム設定」の設定が無いようでした。
何らかのプラグインやカスタマイズ等で独自に設定を追加されてたりということはありますか?
ちなみに、コアのほうでは
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2)); margin: 0; }
という CSS が用意されていて、スマホでは常に2カラム(50%)表示、PC ではブロックの設定で設定した「カラム」の数で表示されるというようになっているようでした。
♥ 0いいねをした人: 居ません2022年5月28日 1:53 AM #105417早速のが対応、感謝しております。
伝わりにくい言い方で大変申し訳ございません。
「マホ表示で2コラム設定」は
表示設定(ウインドサイズ)
でスマホのみの表示で設定している場合のことです。表示設定でPCとSPを分けて設定してました。
設定した時は、カラムを設定した通りにPCもSPも表示していました。
アップデート後に起こった事象だったので、原因がわかればと思い確認させていただきました。特にシステムには問題ないとわかれば、こちらの問題かと思います。
今回の事象を画像で表示しておきます。
・1枚目はエディット画面でスマホ表示にして2カラム設定してます。表示も2カラムです。
・2枚目はデベロッパーで確認したところです。スマホ表示で1カラムです。
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
width: calc(50% – var(–wp–style–unstable-gallery-gap, 16px)/2);こちら50%ですが、40%にすると2カラムに変わることを確認しました。
プラグインやカスタマイズ等で独自に設定を追加については、
プラグインは使ってません。追加CSSでギャラリーの画面をいっぱい表示させるために、
gap、padding,margin等は調整してます。もし、お気づきな点や、ご意見をいただければ幸いです。
♥ 0いいねをした人: 居ません2022年5月30日 9:49 AM #105496プラグインやカスタマイズ等で独自に設定を追加については、
プラグインは使ってません。追加CSSでギャラリーの画面をいっぱい表示させるために、
gap、padding,margin等は調整してます。なるほどです。そこが怪しい気がします。WordPress 6.0 でギャラリーブロックの CSS に変更が入っているので、それにあわせて Snow Monkey の CSS も調整しました。どちらの CSS の変更の影響かはわかりませんが、追加されている CSS も調整が必要な気がします。
現在追加されている CSS を一度消してみて、改めて希望の見た目になるように追加し直してみるのが良いかもです。
♥ 0いいねをした人: 居ません2022年6月2日 11:37 PM #105749 -
投稿者投稿
- トピック「ギャラリーのコラム調整ができない」には新しい返信をつけることはできません。