Divi 5 新機能 : 変数デザイン 数値, フォントの種類, サイズやリンクも全て変数で管理

Divi 5に変数デザイン機能が実装された。

変数を自分で定義して、色やフォントのスタイル, サイズ、文章や画像などコンテンツの内容などの幅広い要素に対して適用できる機能だ。

変数の値を変更すれば、適用した箇所全てに一括で変更が加えられる。

Elegant Themes公式の変数デザインについての新機能紹介動画がこちら。

変数マネージャがDivi 5の左側メニューに追加された。

このマネージャで変数の定義や管理ができるようになっている。

今回の機能公開の時点で、数字, テキスト, 画像, リンク, 色, フォントの6種類それぞれに対して変数の定義が可能だ。

数字の変数定義は、各ヘッダーのフォントサイズや線幅, パディングなどの数値管理に役立つ。

テキストに対する変数の定義は例えば、会社情報やメールアドレス, 電話番号などに対して設定しておくと管理しやすくなる。

変数でリンクの管理も一箇所でできるようになるので作業時間の短縮が見込める。

プリセット機能との親和性も高い機能となりそうだ。

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

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

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