- このトピックには7件の返信、3人の参加者があり、最後に
により1年、 4ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】20.5.1
【お使いの Snow Monkey Blocks のバージョン】 19.10.1
【お使いのブラウザ】chrome
【当該サイトのURL】テストサイト### 実現したいこと
60% : 40% のカラムを640px（SnowMonkeyのブレイクポイント）で縦並びにしたいです。
WordPress標準の「カラム」では782pxで縦並びになるので、640px〜782pxが希望のレイアウトになりません。
↓もし以下が叶えば嬉しいです
「項目」の子ブロックの横幅のパーセンテージ指定
「グリッド」の子ブロックの横幅のパーセンテージ指定とスマホ・タブレット・PCでの切り替えWho liked: No userreadさん
影響範囲は確認・調整が必要かもですが、ひとまず下記CSSで639pxで縦並びになるようにできたのでお試しください。
@media (min-width: 640px){ .wp-block-columns { flex-wrap: nowrap!important; } }たしかに項目等のブロックでもコアカラムのようにパーセント指定できると、叶えられる表現も増えそうでいいですねー。
Who liked:es様
お忙しいところ、早速ご返信いただきましてありがとうございます！
ご教示いただきましたCSSで639pxから縦並びになるのですが、
640px〜782pxの間はカラムのパーセンテージが50%：50%になってしまい・・・
パソコン表示のカラムのパーセンテージ（例：60%：40％）をスノーモンキーのブレイクポイントまで維持したままにする方法はございますでしょうか？Who liked: No userreadさん
PC表示のカラムのパーセンテージ（例：60%：40％）を維持したまま～ にしようと思うと flex-basis:60% まわりを色々と調整しないといけない感じで、先々のことも考えると大変かつ面倒っぽいので、できるだけ簡単に叶えるためカラムを通常のものと先ほどのCSSを指定したものの2種類を用意して、Snow Monkey Editor の表示設定（ウィンドウサイズ）で解像度ごと（PCとそれ以外など）に出し分ける、といった方法ではいかがでしょうか？
Who liked:
es さんが書かれているように、ブレイクポイントに関連する CSS を書き換えるのは非常に大変（今できてもアップデートでおかしうなる可能性がある）なので、個人的にはおすすめできません。
es さんが書かれているように Snow Monkey Editor で表示・非表示するか、フレックスブロック・グリッドブロックはブレイクポイントを使っていないので、とりあえず60:40になるように組んで、639pxから縦並びになる CSS を追加するのが良いと思います。
Who liked:es様、キタジマ様、ご返信いただきましてありがとうございます！
グループブロックでグループ化して、CSSでflex・ブレイクポイントを設定することで叶いました。
ご教示いただきましてありがとうございます！キタジマ様
＞とりあえず60:40になるように組んで、639pxから縦並びになる CSS を追加
フレックスブロックの子要素は、管理画面からはどのようにパーセンテージ指定できるのでしょうか？
＞ Snow Monkey Editor で表示・非表示
デバイスごとの表示・非表示機能はdisplay: noneなのでスライダーなどの重い要素の場合は使わない方が良いですかね？
Who liked:
- トピック「グリッドと項目の子ブロックをパーセンテージで指定、またはWordPress標準のカラムのブレイクポイントをSnowmonkeyに合わせる方法」には新しい返信をつけることはできません。