当記事は広告を含みます
Divi 5
Divi 5の新機能 : 列のネスト 列を入れ子構造にしたエレメントの配置構成が可能に
Elegant Themesは3月28日、Divi 5 の新機能として、列のネスト(Nested Row)を実装することを発表した。
よりデザインを組みやすくなる、待ち望まれていた機能の一つだ。
Divi 5に列のネストが実装される。
機能としては至ってシンプルで、列(Row)の中に更に列を配置できるというもの。
Elegant Themes公式の列のネスト、新機能紹介動画がこちら。
従来のDivi 4までは、列の中にはテキストや画像などのモジュールを入れる事しかできなかった。
そのため、列内での要素の移動が煩雑になりやすく手間がかかっていたが、Divi 5ではそれが解消できそうだ。
下の画像はDivi 5でのワイヤーフレーム表示で、緑色の要素が列(Row)で、黒色がテキストや画像、ボタンといったモジュールを表している。
列要素の中に列が入っていることが確認できるだろう。
列のネストは、グローバルエレメント機能と合わせて使うことでより便利さが感じられる機能となりそうだ。
列に入れられることで複数の要素をまとめてグローバルエレメントに指定することができるので、サイドバーの管理などが簡単になるだろう。
前回、Divi 5に追加された新機能はこちら。
Divi 5 新機能紹介 : アドバンスユニット
幅広いCSSの単位系や関数・変数に対応した多機能フィールドが利用可能に
詳細情報
Divi 5
リリース時期 : 未定
価格 : $89(年間プラン), $249(買い切りプラン)
Divi 5がリリースされた場合、Diviの既存ユーザーであれば無料でアップデートができ利用できる。
リリース前のアルファ版 Divi 5のデモが公開されており、web上で使用感を体験することが可能だ。
Divi 5公式ページはこちら
新着記事
Divi 5 新機能 : 変数デザイン 数値, フォントの種類, サイズやリンクも全て変数で管理
当記事は広告を含みますDivi 5Elegant Themesは4月4日、Divi 5 の新機能として 変数デザイン(Design Variables)を実装したことを発表した。 Diviが得意とするデザインの一括管理機能が更に充実した。Divi 5に変数デザイン機能が実装された。 変数を自分で定義して、色やフォントのスタイル, サイズ、文章や画像などコンテンツの内容などの幅広い要素に対して適用できる機能だ。 変数の値を変更すれば、適用した箇所全てに一括で変更が加えられる。 Elegant...
ElementorがAllyを発表 無料のWebアクセシビリティ向上を補完するプラグイン
当記事は広告を含みますElementorElementor(エレメンター)は3月26日、WordPress用無料プラグイン"Ally"のリリースを発表した。 Webのアクセシビリティ向上を補助してくれる機能が盛り込まれている。ElemantorはWordPress用無料プラグイン"Ally(エーライ)"をリリースした。 コントラスト調整やテキストサイズの変更などのWebのアクセシビリティ向上に関する機能を有している。 基本無料で、一部機能が有料プランにて開放される。...
Diviが大幅に進化 Divi 5とは? 特徴や公開時期、価格について解説
当記事は広告を含みますDiviWordPressテーマ及び、WebサイトビルダーのDiviは2025年で発売から17年目を迎えるロングセラーの人気テーマです。 そんなDiviが、Divi 5となって大幅に進化するので詳しく説明していきます。CONTENTS Divi 5とは Divi 5の特徴 Divi 5の進行状況 公開時期や価格は? まとめDivi 5 パブリックベータ版 近日公開予定 2024.9.27 Divi 5 パブリックアルファ版 公開Divi Anniversary...