当記事は広告を含みます
Divi 5
Divi 5 新機能 : 変数デザイン 数値, フォントの種類, サイズやリンクも全て変数で管理
Elegant Themesは4月4日、Divi 5 の新機能として 変数デザイン(Design Variables)を実装したことを発表した。
Diviが得意とするデザインの一括管理機能が更に充実した。
Divi 5に変数デザイン機能が実装された。
変数を自分で定義して、色やフォントのスタイル, サイズ、文章や画像などコンテンツの内容などの幅広い要素に対して適用できる機能だ。
変数の値を変更すれば、適用した箇所全てに一括で変更が加えられる。
Elegant Themes公式の変数デザインについての新機能紹介動画がこちら。
変数マネージャがDivi 5の左側メニューに追加された。
このマネージャで変数の定義や管理ができるようになっている。
今回の機能公開の時点で、数字, テキスト, 画像, リンク, 色, フォントの6種類それぞれに対して変数の定義が可能だ。
数字の変数定義は、各ヘッダーのフォントサイズや線幅, パディングなどの数値管理に役立つ。
テキストに対する変数の定義は例えば、会社情報やメールアドレス, 電話番号などに対して設定しておくと管理しやすくなる。
変数でリンクの管理も一箇所でできるようになるので作業時間の短縮が見込める。
プリセット機能との親和性も高い機能となりそうだ。
前回、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月10日、Divi 5 の新機能としてフレックスボックス(Flexbox)を用いたレイアウト機能の実装を発表した。 より自由なデザイン配置が可能となる。従来のDiviでのレイアウトシステムを刷新し、Divi 5ではフレックスボックスをベースとしたレイアウト調整が可能になる。 Elegant Themesのフレックスボックスについての紹介動画がこちら。列(Row)のテンプレートも大きく変わる。...
Divi 5の新機能 : 列のネスト 列を入れ子構造にしたエレメントの配置構成が可能に
当記事は広告を含みますDivi 5Elegant Themesは4月18日、Divi 5 の新機能として、列のネスト(Nested Row)を実装したことを発表した。 よりデザインを組みやすくなる、待ち望まれていた機能の一つだ。Divi 5に列のネストが実装された。 機能としては至ってシンプルで、列(Row)の中に更に列を配置できるというもの。 Elegant Themes公式の列のネスト、新機能紹介動画がこちら。従来のDivi 4までは、列の中にはテキストや画像などのモジュールを入れる事しかできなかった。...
この記事をシェア