当記事は広告を含みます
Divi 5
Divi 5 新機能 : フレックスボックス レイアウト
Elegant Themesは4月10日、Divi 5 の新機能としてフレックスボックス(Flexbox)を用いたレイアウト機能の実装を発表した。
より自由なデザイン配置が可能となる。

従来のDiviでのレイアウトシステムを刷新し、Divi 5ではフレックスボックスをベースとしたレイアウト調整が可能になる。
Elegant Themesのフレックスボックスについての紹介動画がこちら。
列(Row)のテンプレートも大きく変わる。
先日には、列のネストも新機能として追加されたことから、列の中に列を入れ子にした構成とすることも可能だ。

フレックスボックスを利用したカラムの幅や、要素の整列などの調整がDiviビルダーでできるようになる。
要素を格納するコンテナモジュールも追加される。

フレックスボックスによるレイアウトは現在開発の段階で、まだDivi 5には実装されていない。
前回、Divi 5に追加された新機能はこちら。
Divi 5 新機能紹介 : 変数デザイン
文字, 画像, リンクなども変数で指定して一括管理できるようになります。
詳細情報
Divi 5
リリース時期 : 未定
価格 : $89(年間プラン), $249(買い切りプラン)
Divi 5がリリースされた場合、Diviの既存ユーザーであれば無料でアップデートができ利用できる。
リリース前のアルファ版 Divi 5のデモが公開されており、web上で使用感を体験することが可能だ。

Divi 5公式ページはこちら
Divi 5 関連記事

Divi 5 新機能 : Attribute Management
当記事は広告を含みますDivi 5Elegant Themes は5月17日、Divi 5 の新機能として Attribute Management 機能の実装を発表した。 要素のコピー&ペースト操作がより簡単になる。Divi 5 に、新機能 Attribute Management (アトリビュート マネジメント)が実装された。 Attribute Management では、右クリックにより要素間でアトリビュート(属性) を個別またはまとめて、コピー&ペースト,...

Divi 5 新機能 : 変数デザイン 数値, フォントの種類, サイズやリンクも全て変数で管理
当記事は広告を含みますDivi 5Elegant Themesは4月4日、Divi 5 の新機能として 変数デザイン(Design Variables)を実装したことを発表した。 Diviが得意とするデザインの一括管理機能が更に充実した。Divi 5に変数デザイン機能が実装された。 変数を自分で定義して、色やフォントのスタイル, サイズ、文章や画像などコンテンツの内容などの幅広い要素に対して適用できる機能だ。 変数の値を変更すれば、適用した箇所全てに一括で変更が加えられる。...

Divi 5の新機能 : 列のネスト 列を入れ子構造にしたエレメントの配置構成が可能に
当記事は広告を含みますDivi 5Elegant Themesは4月18日、Divi 5 の新機能として、列のネスト(Nested Row)を実装したことを発表した。 よりデザインを組みやすくなる、待ち望まれていた機能の一つだ。Divi 5に列のネストが実装された。 機能としては至ってシンプルで、列(Row)の中に更に列を配置できるというもの。 Elegant Themes公式の列のネスト、新機能紹介動画がこちら。従来のDivi 4までは、列の中にはテキストや画像などのモジュールを入れる事しかできなかった。...
この記事をシェア