新しい Divi 5 インターフェイスの公開

公開: 2023-12-21

別の Divi 5 アップデートで戻ってきました。今回は、Divi 5 の新しいインターフェースをいち早くお届けできることを嬉しく思います。 まだ完成していませんが、探索することはまだたくさんあります。

詳しくはビデオをご覧ください。

新しい Divi 5 インターフェイス

Divi 5 の外観が新しくなりました。 これまでと同じように動作するため、新しいインターフェイスによってループが発生することを心配する必要はありません。 それはすべて非常に親しみのあるものになるでしょう。 Divi でできることは変わっていませんが、より高速で煩わしくないインターフェイスを使用して、できることをさらに楽しんでいただけることを願っています。

より高速で効率的なインターフェイス

Divi 5 は、生のスピードと効率を表します。 UI はこれらの目標を達成する必要があります。 Divi 5 について最初に気づくのは、めちゃくちゃ速いということです。 アイテムをホバー、クリック、編集、移動するときに遅延がまったくなく、これまでにないほど広範なページを処理できます。 また、速度を低下させるものを望まないため、すべてのアニメーションも削除しました。

邪魔にならないインターフェース

インターフェイスの設置面積を削減し、デザインにさらに余裕を与えました。 コンテンツに重なったり邪魔になったりすることなく、複数の小さいサイズのパネルをブラウザの側面にドッキングできます。

上の例では、レイヤーパネルが左側にドッキングされ、設定パネルが右側にドッキングされています。 ページ内をクリックすると設定パネルが自動的に表示され、何かを編集すると即座にフィードバックが表示されます。

完全にカスタマイズ可能なインターフェース

Divi 5 では、ビルダーのレイアウトをより詳細に制御できます。 パネルをドッキング、ドッキング解除、または結合してタブ付きウィンドウにすることができます。 すべてのウィンドウを閉じて、Divi 4 のように 1 つのフローティング設定パネルを使用したい場合は、それもオプションです。

これまで以上にナビゲートしやすいインターフェース

デフォルトのインタラクション モードとしてのクリック モード、いつでも開いたままにできる小さなレイヤー パネル、各設定パネルの新しいパンくずリストにより、ページ内の移動がこれまでより簡単になりました。 編集したいものを見つけたりクリックしたりするのに苦労することはありません。

まだ改善を加え、不足している部分を追加する必要がありますが、この初期の外観から、今後数か月以内にパブリック アルファをリリースする際に何が期待できるかについての良いアイデアが得られるはずです。

今月達成したこと

先月は他にもたくさんのことを成し遂げました。 新しいインターフェースの構築は比較的簡単でした。 すべての主要な作業は舞台裏で行われており、私たちは長年にわたってコミュニティに役立つ強固な基盤を構築しています。これには、Divi のすべてのコア機能とモジュールの完全な再開発が含まれます。

私たちは現在、開発ベータ段階にあります (Divi モジュールの開発者であれば、参加することを歓迎します)。これは、新しいフレームワークが完成し、現在そのフレームワーク上ですべてを再構築していることを意味します。

私たちはより多くのバグを修正し、より多くの開発者ドキュメントを作成し、投稿スライダー、ブログ、投稿ナビゲーション、フィルター可能なポートフォリオ、全幅メニュー、全幅ポートフォリオなどの多数のモジュールを変換しました。

新しい機能やモジュールを完成させるたびに、公開アルファに一歩近づきます。そこでは、最初のバージョンを幅広いユーザーが利用できるように、Divi の最も人気のある機能とモジュールを十分に準備したいと考えています。

最新の Divi 5 変更履歴エントリは次のとおりです。

  • Divi 5用のPost Sliderモジュールを追加しました
  • Divi 5用の全幅メニューモジュールを追加しました
  • Divi 5用の全角投稿タイトルモジュールを追加しました
  • アプリフレームの機能フラグ付き拡張機能を追加しました。
  • コード、オーディオ、サークルカウンター、コラム、カウントダウンタイマー、ディバイダー、全幅ヘッダー、全幅画像、見出し、アイコン、行動喚起、ボタン、バーカウンター、アコーディオン、投稿タイトル、ポートフォリオ、ナンバーカウンターのPHPモジュールスタイル宣言にadvancedStylesを実装しました。 、地図
  • Divi 5用のブログモジュールを追加しました
  • アプリフレームの機能フラグ付き拡張機能を追加しました。
  • Divi 5用のフィルター可能なポートフォリオモジュールを追加しました
  • Divi 5用の全幅ポートフォリオモジュールを追加しました
  • Divi 5用のポストナビゲーションモジュールを追加しました
  • セクション、全幅マップ、見出し、メニュー、サイドバー、ソーシャル メディア フォロー、タブ、チーム メンバー、紹介文、テキスト、トグル、ビデオ、およびスライダー モジュールの VB モジュール スタイル宣言に AdvancedStyles を実装しました。
  • カウントダウンタイマー、サークルカウンター、コード、ボタン、宣伝文句、ディバイダー、オーディオ、宣伝文句、コード、見出しなどのモジュールの設定パネルに自動生成された統合モジュール設定。
  • 「SyncGlobalLayoutAttributes」のエクスポートがオブジェクトではなくタイプになるように更新されました。
  • TypeDocs: @divi/modal-library パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/modal-library パッケージのデータ ストア関数のドキュメントを更新しました。
  • TypeDocs: @divi/page-settings パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/page-settings パッケージのデータ ストア関数に関するドキュメントを更新しました。
  • VB と FE の両方で全幅ポートフォリオ モジュールを D5 に開発しました。
  • TypeDocs: @divi/keyboard-shortcuts パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/object-renderer パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/mask-and-pattern-library パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/middleware パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/modal パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/modal-snap-indicator パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: TypeDocs ジェネレーターに @divi/draggable パッケージを追加しました。
  • TypeDocs: @divi/numbers パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/error-boundary パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/events パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/help パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/help パッケージのデータ ストア関数に関するドキュメントを更新しました。
  • TypeDocs: @divi/history パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/hooks パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/icon-library パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/global-layouts パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/global-layouts パッケージのデータ ストア関数に関するドキュメントを更新しました。
  • TypeDocs: @divi/fonts パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/fonts パッケージのデータ ストア関数に関するドキュメントを更新しました。
  • TypeDocs: @divi/module パッケージのドキュメントを更新しました。
  • TypeDocs: @divi/data パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/divider-library パッケージを TypeDocs ジェネレーターに追加しました。
  • @divi/context-library パッケージの TypeDocs を追加しました。
  • TypeDocs: @divi/conversion パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/constant-library パッケージを TypeDocs ジェネレーターに追加しました。
  • TypeDocs: @divi/field-library パッケージのドキュメントを更新しました。
  • ... モジュールの VB モジュール スタイル宣言に AdvancedStyles を実装しました。

近日登場: Divi レイアウト AI!

今月の Divi 5 アップデートは以上です。 その他のニュースとして、新しい Divi AI 機能が間もなくリリースされる予定で、私はとても楽しみにしています。 私たちはすでにテキスト、画像、コード生成用の AI ツールを作成しました。 次に、AI で全体のレイアウトを生成できるように、すべてを統合します。 注: 次のビデオでは、レイアウトの生成が高速化されています。

Divi AI にどのようなページが欲しいかを伝えるだけで、レイアウトを構築し、画像を生成し、コンテンツを書き、フォントと色をカスタマイズします。 ほんの数秒でページ全体の準備が完了し、Divi のデザイン設定にジャンプして最後の仕上げをしたり、Divi の AI ツールを使用して結果をさらに調整したりできます。

今後のアップデートにご期待ください

Divi Layouts AI のリリースにご期待ください。また、来月には Divi 5 のアップデートが追加されるので、ぜひチェックしてください。 見逃さないように、メールでフォローし、YouTube に登録してください。また次回お会いしましょう。