グリッドカラムは、こういう使い方であっているのか?
あっていると思います。私もグリッドカラムをこのように使っています。
画面幅ごとにカラム数を指定できるので便利ですよね。とてもありがたいブロックです。
コアに入っているブロックで、同じようなことができるものがあるのか?
画像を並べることに限定すれば、WordPress のギャラリーブロックを使うこともあります。
添付画像をご覧ください。
3カラムで5枚の画像を表示すると、3で割り切れない部分が大きく表示されますが、
以下の CSS で大きさを揃えています。
.wp-block-gallery .blocks-gallery-item { flex-grow:0; }
割り切れない部分が大きく表示されることを利用して、
以下の CSS で大きい画像を最初に配置して見せたりもします。
新着作品の画像一覧で、あとから(最後に)追加したものが先頭に大きく表示されるという使い方です。
.blocks-gallery-grid { flex-flow: row wrap-reverse; }
-
この返信は3年、 9ヶ月前に対馬 俊彦が編集しました。
Attachments:
You must be
logged in to view attached files.