Divi 5の新機能 : 列のネスト 列を入れ子構造にしたエレメントの配置構成が可能に

Divi 5に列のネストが実装された。

機能としては至ってシンプルで、列(Row)の中に更に列を配置できるというもの。

Elegant Themes公式の列のネスト、新機能紹介動画がこちら。

従来のDivi 4までは、列の中にはテキストや画像などのモジュールを入れる事しかできなかった。

そのため、列内での要素の移動が煩雑になりやすく手間がかかっていたが、Divi 5ではそれが解消できそうだ。

下の画像はDivi 5でのワイヤーフレーム表示で、緑色の要素が列(Row)で、黒色がテキストや画像、ボタンといったモジュールを表している。

列要素の中に列が入っていることが確認できるだろう。

また、Divi 4ではできなかった列内のカラムにサイズ(Sizing)オプションが追加され、幅や高さを調整できるようになった。

フレックスボックスベースのレイアウト実装に向けた調整となっている。

列のネストは、グローバルエレメント機能と合わせて使うことでより便利さが感じられる機能となりそうだ。

列に入れられることで複数の要素をまとめてグローバルエレメントに指定することができるので、サイドバーの管理などが簡単になるだろう。

前回、Divi 5に追加された新機能はこちら。

Divi 5がリリースされた場合、Diviの既存ユーザーであれば無料でアップデートができ利用できる。

リリース前のアルファ版 Divi 5のデモが公開されており、web上で使用感を体験することが可能だ。