記事内にカラムブロックを入れた際のレスポンシブ設定

[HANA]

表題の件

例えば、記事に「カラムブロック」を入れて4分割にした場合、
PCでは4カラム、タブレットでは2カラム、スマホでは1カラムに自動的に変更されますが、
スマホでも2カラムにしたい場合、どのように対処すればよろしいでしょうか？

対象ブロックの「高度な設定」でCSSを設定してブレイクポイントを変える、等の措置になるのでしょうか？

VK Blocks Proの「カード」の様に、ブレイクポイントで自由にカラム数を設定できるカラムブロックがあれば嬉しいですが。

[DRILL LANCER]

VK Blocks Proの「カード」の様に、ブレイクポイントで自由にカラム数を設定できるカラムブロックがあれば嬉しいですが。

現状だと Ghost kit の グリッドブロックが Bootstrap のグリッドシステムと同じ感じなのでそれを使うのが手っ取り早いような気がします。

それが嫌なら CSS で対応するよりなさそうです。。

[DRILL LANCER]

カスタム HTML ブロック で Lightning にビルトインされた Bootstrap のグリッドシステムを使ってマークアップするという手もありますが、Origin III ( Bootstrap 5 対応版 ) とかが出たときに編集し直す必要が出てくる可能性があるのであまりおすすめしません。

• この返信は4年、 6ヶ月前にDRILL LANCERが編集しました。

[HANA]

テストに手間取り、返信が遅くなり申し訳ございません。

「Ghost kit」や「Elementor」など、色々使用してみましたが、現段階では対象ブロックの「高度な設定」でCSSを設定して、メディアクエリでflex-basisを調整するなどして対応してみたいと思います。

VK Blocksで各端末でカラム数が設定できる「レスポンシブカラムブロック」が追加される事を願ってます。

[投稿者]

投稿