Divi 5.7 リリースの概要と今後の展望

このたび、Divi 5.7のリリースが発表されました。Diviはこれまで以上に迅速なペースで機能改善が進められており、進化を続けています。

現在Divi 5をご利用中の皆様には、本日よりバージョン5.7へのアップデート通知が表示されます。

本バージョンでは、72件のバグ修正とシステム全体の安定性向上に加え、多くのユーザーから要望のあったグラデーション関連の新機能が実装されました。これにより、これまで以上に柔軟で魅力的なデザイン表現が可能になります。

グラデーション関連の新機能と拡張性

Divi 5.7では、グラデーションの管理と活用を大幅に強化する新機能が多数追加されました。グラデーションオプションは新しいグラデーションピッカーパネルに統合され、独自のグラデーションフィールドタイプが導入されたことで、操作がこれまで以上に直感的かつ容易になりました。グラデーションは統一された属性として扱われるため、コピー、貼り付け、拡張、検索、置換、および検査をスムーズに行うことが可能でございます。さらに、ウェブサイト全体で同一のグラデーションを統一して使用できるグラデーション変数のサポートが追加され、変数マネージャーを通じて一元管理できるようになりました。加えて、テキストの塗りつぶしにグラデーションを適用できるようになったほか、新しいテキストの線と画像の塗りつぶし設定も追加されており、デザインの表現の幅がさらに広がっております。

次世代Divi AIの開発と今後のロードマップ

ウェブデザインの世界は常に変化しており、Diviもその潮流に合わせて進化を続けております。現在、次世代版のDivi AIの開発が進められており、これは最新のAI搭載開発環境と同様に、ビルダー内でのデザインプロセスを強化するエージェント型ワークフローとなる予定でございます。このDivi AIエージェントは人間のように動作し、ユーザーと同じツールにアクセスして作業を支援いたします。基盤となるアーキテクチャは既に構築済みであり、今後数ヶ月かけてビジョンを完成させるための多くの新しいツールが追加されていく計画でございます。これはウェブデザインの新たな可能性を拓く素晴らしい取り組みであり、Diviがその中心を担っていくことでしょう。

システム安定性と表示に関する主要な修正点

今回のアップデートでは、表示やレンダリングに関する重要な修正が多数実施されました。インスペクターにおける画像置換の問題や、継承された変数の視認性向上、レスポンシブエディターにおける値の表示不具合などが解消されております。また、インポートされた従来のテキストモジュールが想定されるフォントの太さを保持するようになり、フロントエンドでのレンダリング結果が新規作成したモジュールと一致するようになりました。動的コンテンツのHTMLレンダリングや、グローバルSVGモジュールの再読み込み時のコード消失問題、リストアイテム内のハイパーリンクにおける色適用の不具合も修正されております。さらに、キャンバス編集中のコンテンツ置き換え問題や、テーマビルダーテンプレート再読み込み時の並べ替えオプション表示不具合、フレックスレイアウトにおける表示のずれなども改善され、全体的な安定性が大幅に向上いたしました。

モジュール動作とユーザーインターフェースの改善

各モジュールの動作とユーザーインターフェースに関しても、細部にわたる改善が施されております。動画モジュールの縦横比のターゲティングが修正され、YouTube埋め込み動画が既存の高さ制約と整合するようになりました。フロントエンドの固定セクション下でのアコーディオンコンテンツのスクロール問題も、ビルダーの固定要素の高さを考慮した自動スクロールオフセットにより解決されております。モジュール作成ワークフローの安全対策が強化され、生成されたモジュールが承認済みの実装契約に合致しやすくなりました。また、保存されたレイアウトにおける中央揃えオフセットの保持や、ボタンホバー時のパディングに関する不具合、プリセット編集終了時のマネージャー閉鎖問題なども修正されております。加えて、モジュールの説明に要素のドキュメントが追加され、APIパラメータ参照や使用例が明確化されたことで、開発効率の向上が期待されます。

パフォーマンス、互換性、およびその他の技術的改善

パフォーマンスと互換性の向上も今回のアップデートの重要な柱でございます。ページ読み込み時の要素の点滅防止や、レイアウトのオブジェクト位置保存に関する重大なエラーの修正、テーマビルダーのキャッシュ無効化後のスタイル欠落問題などが解消されました。リンクモジュールやリンクグリッドのレイアウト構造が最適化され、ネストされたモジュールの出力がフロントエンドとビジュアルビルダーの両方で適切に処理されるようになっております。サードパーティ製モジュールの設定パネル表示問題や、レイアウト読み込みモーダルにおけるライブラリ表示不具合、レスポンシブエディターでのプリセット値表示問題なども修正されております。さらに、旧世代の依存関係を削除し、最新のツールチェーンに合わせて安定性を維持するなどの基盤強化も実施されております。これにより、特定ブラウザにおける画像モジュールの表示や、複雑な半径値を用いた画像のクリッピング処理なども正常に機能するようになりました。

ビジュアルビルダーの操作性と保存処理の最適化

ビジュアルビルダーの操作性と保存処理に関する改善も多数実施されております。特殊文字やHTML関連のフィールドによる保存検証の不整合問題、ドロップダウンモジュール併用時の再読み込みによる変更破棄の問題、特定言語サイトにおけるアイコンピッカーの表示不具合などが修正されました。フレックスレイアウトでのアイコンモジュール背景色の表示範囲や、装飾アニメーションの繰り返し設定によるモジュール消失問題も解消されております。保存コンテンツ内の画像URLフィールドが無効な場合のエラーを防止し、ページクラッシュを回避する安全対策も講じられました。認証情報が古くなった場合の保存失敗問題も、自動更新と再試行機能により解決されております。加えて、サードパーティモジュールが意図的に空の配列フィールド値を保持できるようフィルターが導入され、ループページにおけるスタイル継承問題や、リンクモジュール設定アイコンクリック時の挙動不具合なども修正されております。

WordPress環境との整合性と最終的な調整

WordPress環境との整合性を保つための調整も丁寧に行われております。WordPressの最新バージョンへのアップデート後におけるメディアライブラリのフィールド位置ずれ問題や、AIエージェントによる空モジュール挿入・未設定属性編集の不具合が修正されました。旧バージョンからの移行時に発生していた全幅画像の背景動画再生問題や、テーマビルダーにおける見出しフォントのデフォルト適用問題も解消されております。ビジュアルビルダーで新しく追加された列のサイズ調整オプション表示や、アーカイブテンプレートにおけるループビルダーの順序適用問題、グローバルプリセット保存時の検証エラーなども修正されております。フロントエンドでの説明文タイトルとアニメーション画像の重なり問題、投稿スライダーの背景オーバーレイ色適用問題、変換スケールフィールドの単位同期問題なども改善され、テーマビルダーレイアウトのタイトル表示や画像モジュールのオブジェクト位置遷移もスムーズになりました。背景動画のマウスオーバー表示修正や、大規模レイアウトでの検索置換機能によるブラウザクラッシュの防止、エクスポート機能におけるレイアウトオプション表示の修正なども実施されております。

開発者の方々、WordPressご利用の皆様の業務効率化に寄与し、微力ながらお役に立てれば幸いに存じます。