Divi 5 Public Alpha 11：ノートと機能の進捗をリリースします

公開: 2025-03-29

Divi 5 Public Alphaは、新しいWebサイトで使用できます。 Divi 5を使用する場合、今日のパブリックアルファバージョン11の更新通知が表示されます。 2週間ごとに新しいDivi 5バージョンをリリースし、毎回良くなります！ Divi 5をまだテストしていない場合は、試してみて、ご意見をお聞かせください。

1パブリックアルファ11の新しいものは何ですか？
2バグの修正と改善
3機能の進捗
- 3.1オプショングループプリセット
- 3.2高度なユニット
- 3.3 Divi設計変数
- 3.4ネストされた列
- 3.5フレックスボックスレイアウト
- 3.6 WooCommerceモジュール
4 changelog
5今日Divi 5にジャンプします

パブリックアルファ11の新しいものは何ですか？

私はパブリックアルファ10に関する投稿を公開していなかったので、この投稿では、パブリックアルファ9以来達成したすべてをカバーします。

103のバグの修正と改善、 2つの新機能（オプショングループプリセットと高度なユニット）を実装し、今後の3つの機能で大きな進歩を遂げました。

バグの修正と改善

このバージョンには、少数のマイナーな修正と改善が含まれています。報告されたすべてのバグを追跡し、それらに1つずつ取り組んでいます。合計で、103のバグの修正と改善を統合しました。以下の変更ログのすべての変更をリストしましたが、ここにいくつかのハイライトがあります。

速度の向上とクリックフィードバック：ビジュアルビルダーのすべてがずっと速く感じます！なぜ？ほとんどの相互作用のために、マウスの代わりにマウスをダウンダウンするように切り替えたためです。これで、マウスをクリックするとすぐに物事が反応します。それは素晴らしい！アクセシビリティの理由から、ボタンは引き続きマウスを使用します。
Enterを押して値を検証します。フィールドと検証ユニットの時間を延長し、Enterを押すか、フィールドを固定していないときにインスタント検証を実装しました。検証を待つ必要はなく、ゆっくりと入力すると自動検証が頻繁に取得されません。
プリセットキャッシュクリアリング：プリセットとグローバルな色を保存するとき、完全なWebサイトキャッシュは正しくクリアされていませんでした。これは修正されました。
Googleフォントの消失：奇妙で迷惑なバグにより、GoogleフォントがフロントエンドでDequeueになりました。それはもう起こりません。
セキュリティのトリプルチェック：DIVI 4のセキュリティ修正を過去数年間レビューして、DIVI 5で同様の間違いを犯さず、セキュリティレビューを実行しました。これらの分野でいくつかの小さな問題とセキュリティを強化しました。
フィールドアイコンオーバーハール：設定パネルのフィールドにホバリングするときに表示されるアイコンを再設計しました。動的なコンテンツやAIアイコンなど、以前にインラインでインラインでインラインで移動しています。すべてのアイコンは小さく、右に整列してクリックしやすくなります。

機能の進捗

機能開発でフルスピードを進めています。 Divi 5にフルタイムで働いている6つのチームがあります。これが彼らが行っていることです。

チーム1：このチームは、バグを修正し、モジュール変換でDiviマーケットプレイスクリエイターを支援します。
チーム2：このチームは、Divi 5がベータ版を入力する最終機能であるWooモジュールに取り組んでいます。
チーム3：このチームはフォーカスを切り替え、Divi 5ベータ版に備えてDivi 4モジュールとの後方互換性を改善しています。
チーム4：このチームは、以前に発表されていない機能であるDIVI用の新しいFlexBoxレイアウトシステムに取り組んでいます。すぐに来るスニークピークをお楽しみに！
チーム5：このチームはネストされた列に取り組んでいますが、今週はこっそり覗いてみました。
チーム6：このチームは、Divi設計変数に取り組んでおり、ほぼ終了しています。

公開アルファバージョン9以降の進捗状況は次のとおりです。

オプショングループプリセット

この機能を完了し、Divi 5 Public Alpha 9.3でリリースしました。 Divi 5をダウンロードして、今すぐオプショングループプリセットを試すことができます。

オプショングループプリセットは、任意のDIVIモジュールに組み合わせて適用できる共有スタイルであり、Webサイトのベース要素をスタイリングし、高度な設計システムを作成できます。それは絶対的なゲームチェンジャーです。コンセプトがクリックすると、戻ることはありません。

高度なユニット

この機能を完了し、Divi 5 Public Alpha 10.1でリリースしました。 Divi 5をダウンロードして、今日高度なユニットを試すことができます。

Diviは、UnsetやFit-Contentなどの単位値を含むすべてのCSSユニット、Clamp（）やCalc（）などの機能を含むすべてのCSSユニットをサポートしているため、流体のタイポグラフィを備えたレスポンシブデザインの作成がこれまで以上に簡単になります。

また、CSS変数を定義し、デザイン全体でそれらを参照することもできます。

Divi設計変数

Divi Design変数が90％終了しており、来週リリースしたいと考えています。新しい機能を説明するときに「ゲームチェンジャー」というフレーズが頻繁に投げられるのを聞くかもしれませんが、これは本当にラベルに値します。

これは、Diviの新しい方向への大胆なステップであり、Divi 5の設計システムの重要な部分であり、高度なWebデザイナーのニーズを満たすために構築しています。

ネストされた列

それは別の驚きの機能です。今週の初めに、私はネストされた列をスニークピークしました。行の中の列！これは単純なアイデアですが、DIVI 5のより柔軟なレイアウトシステムを作成する上での重要な第一歩です。

まもなく、行の内側に行を追加して、新しいレイアウト構造のロックを解除できます。

フレックスボックスレイアウト

それは別の驚きの機能です。私はまだこれをこっそり覗いていませんが、ここに少し垣間見ることができます。

Diviのレイアウトシステムを完全にオーバーホールしてFlexBoxを使用し、多くの新しい行構造を実装し、モジュール、行、およびセクションのFlexBoxコントロールを浮上させています。 FlexBoxとネストされた列を使用して、太陽の下ですべてのレイアウトを作成できます。さらに、列のラッピング、コンテンツの垂直アライメント、レスポンシブカラムの故障などを制御できます。

この大規模な更新には時間がかかりますが、待つ価値があります。

woocommerceモジュール

外部から、WOOモジュールの進捗は存在していないようです。これは、WOOブロックを調査し、Divi 4モジュールをDivi 5に変換するのにかかる時間を大幅に短縮するための新しいCLIツールを作成していたためです。

長期的には、少しの投資が大きな時間を返済します。

良いニュースは、今週モジュール変換ツールを完了したことです！このツールは、退屈なモジュール変換作業の80％を自動化します。このツールを使用して、今後数か月にわたって20以上のWOOモジュールすべてを変換し、MID年のDIVI 5ベータリリースの舞台を設定したいと考えています。

それまでの間、私たちはDivi 5を前進させ続け、積極的な改善で採用を奨励し続けます。 WooCommerce Webサイトでも、標準のWooCommerceテンプレートとブロックを使用して、Divi 5を使用できることを忘れないでください。

Changelog

公開アルファ11に実装されているすべての変更のリストを次に示します。

グローバルな色を含む勾配を含むバグを修正しました。
ギャラリーモジュールで動作しない画像カウントオプションを修正しました。
通常の色が正しく保存/適用されている間に、グローバルな色の値をページ設定に保存/適用できない問題を修正しました。
いくつかのプリセットラベルの国際化を修正しました。
自動生成モジュール設定のマップフィールドにコールバックを使用するために、マップとマップピンモジュールを更新しました。
ビューポートを入力するときではなく、ページの読み込みにトリガーされた番号カウンターモジュールアニメーションがトリガーされる問題を修正しました。
ビルダーのUIと対話するときのパフォーマンスの向上。
モジュール設定でタイトル見出しレベルを変更するときに、アコーディオンアイテムのオープンタイトルテキストの色がデフォルトにリセットされる問題を修正しました。
動的なコンテンツが使用されたときにアイコンが垂直に中央に配置されていない問題を修正しました。
スライダーとアコーディオンモジュールの見出しレベルは、モジュールプリセットとオプショングループプリセットに対して固定されています。
配置に設定されたときに表示されない分割モジュールの問題を修正しました：絶対。
固定された粘着性の背景色は、ビジュアルビルダーとフロントエンドの両方で行に正しく適用されていませんでした。
生成されたDocsインデックスとイントロページを更新しました。
設定パネルから見出しレベルを変更することにより、スライダーモジュールReinitの問題を修正しました。
色の雰囲気を暗くしたときに、拡張されたアイコンの色の可視性の問題を修正しました。
入力検証を更新して、不完全な数学機能ルールを受け入れました。
ユニットピッカーの更新された数学機能検証は、数学機能値のネストされた括弧を処理できるようになりました。
ドキュメントから余分な「ドキュメント」を削除し、すべてのリンクを更新しました。
現在のスタイルからプリセットを作成するときに、オプショングループのプリセット編集モードが早期に閉じる問題を修正しました。
オプショングループのプリセット値がモジュールプリセットによって誤って継承された問題を修正しました。
問題を修正しました：スピナー、ドラッグ、およびインクリメントボタンで変換値とゆがんだ値を変更するたびに、ユニットは常にDEGにリセットされます。
カスタムオプショングループプリセットに基づいたデフォルトプリセットが、初期モジュールの追加時に視覚ビルダーに正しく適用されなかった問題を修正しました。
固定された勾配長ユニットは未定義でした。
無効な選択を防ぐために、サポートされていないユニット（Ch、Ex、ex、cm、mm、inch、pt、pc、calc（）、min（）、clamp（）、cssvar、継承、継承、解明）を削除しました。
フルスクリーンを有効にしたときに、FullWidth HeaderモジュールのFirefoxブラウザエラーの問題を修正しました。
無効な変換を防ぐために、変換ogユニットピッカーから無効なユニットオプション（設定、継承、なし、クランプ）を削除しました。
DefaultValueがカテゴリー的にキーワードValueである場合、およびユニットが非キーワードValueユニットに変更されたときに、プレースホルダーを空に設定します。
数学関数で無効なユニットが使用されている場合、エラーメッセージを表示します。
タイトルテキストオプショングループプリセットがアコーディオンアイテムに正しい見出しレベルを適用しなかった問題を修正しました。
[キャンセル]ボタンをクリックすると効果がない/何もしないため、TBでグローバルな色の編集をキャンセルできない問題を修正しました。
Temp JSONファイルが大きなページをインポートした後に削除されないようにする問題を修正しました。
すべてのキャッシュを適切にクリーニングして、モジュールプリセット、オプショングループプリセット、グローバルカラー、フォントの変更後に、スタイル関連の変更が該当するすべてのページで有効になるようにします。
ユニットピッカーからラインの高さが増加または減少すると、ユニットラベルが変化する問題を修正しました。
Diviサブモジュールの実験機能を管理および切り替えるための動的機能フラグシステムを導入しました。
レガシー機能フラグと関連するコードを削除して、保守性とシンプルさを強化しました。
現在の値が数学関数またはCSS変数である場合、矢印を上下に押して範囲フィールドの増分を無効にします。
デフォルトの属性、デフォルトの印刷スタイル属性、およびモジュール構成で定義されたプレースホルダーコンテンツをフィルタリングするための新しいフックを導入します。
[新しい色]ボタンをクリックすると開かない色ピッカーの回帰を修正しました。
すべてのCSSユニット、機能、および変数のサポートを含む高度なユニットを導入しました。
プリセットで使用されるグローバルな色がレイアウトのエクスポート時にエクスポートされず、レイアウトをインポートする際にインポートできないバグを修正しました。
Divi 5のインラインGoogleフォントキャッシングメカニズムを備えたバグを修正しました。
モーション効果がバーカウンターモジュールに適用されない問題を修正しました。
タイピング中にカスタマイズ可能なブレークポイントのリセットが速すぎる問題を修正し、ユーザーが非常に高速に入力する必要がありました。
デフォルトのオプショングループプリセットの割り当てでは、編集モードがアクティブになりません。
バグを修正して、レイアウトにDivi 5ショートコードモジュールがある場合、インポートが機能しなくなりました。
@Diviで相対URLを更新しました。ここでは、Visual Builder Shortcuts.tsにパッケージをインポートする必要があります。
ユニットピッカーのスイッチングユニットを固定したのは、フィールド値を0に自動的に設定し、要素が予期せず消えます。
カスタム見出しタグのセキュリティ問題を修正しました。
CALCユニットピッカーのユニットピッカーエラーメッセージを修正しました。
モジュール設定フィールドのボタンを新しい位置に移動しました。
Child Elementレベルから色を変更しながら、アコーディオンモジュールの背景の色の問題を切り替えました。
新しいスライドを追加しながらスライダーが空白の画面になった問題を修正しました。
専門セクションの左マージン値を設定しながら、内列モジュールアライメントの問題を修正しました。
コンポーネントの一部のフィールドにフィールドラベルが表示されていない問題を修正しました。
テキストの色をLiteに設定している間に、Blurbモジュールのタイトル色の問題を修正しました。
連絡先フォームのモジュール設定に追加されたコンマで区切られた複数の電子メールに送信されない電子メールの問題を修正しました。
Enqueue Googleマップスクリプトオプションがテーマオプションで無効になっている場合、マップモジュールでバグを修正しました。
Divi 5をダウンロードしてDiscordに参加するためのドキュメント、新しいインデックスページスタイリング、および新しいCTAを更新しました。
古い情報を使用して手動ドキュメントを更新し、新しいダウンロードリンクを追加しました。
導入されたオプショングループプリセット。
オンボーディングワークフローに事前に作られたパックをロードしながらパフォーマンスが向上しました。
クラウドアプリに移植性を備えたライブラリアイテムインポートシステムを実装しました。
ネストされたモジュールオプショングループからのコピー/貼り付けを修正しました。
スクロール設定グループのフィールドの優先順序を修正して、さまざまなモジュールの「スクロール」の前に「粘着性」が表示されるようにしました。
同じカテゴリ投稿を使用して、ポストナビゲーションモジュールの誤った投稿リンクを修正しました。
フルワイドマップモジュールの自動生成モジュール設定にカスタムコールバックが追加されました。
未使用のファイルを削除することにより、読みやすさが向上しました。
最初のタブ項目に条件が設定され、falseが返されたときにタブモジュールが正しく表示されない問題を修正しました。
width/max-widthの問題を修正しました。[デザイン]タブから[Absoluteの位置]に動作しません。
スライドモジュールがスライダーモジュールの遷移セットを継承しなかった問題を修正しました。
すべてのモジュールを更新して、モーダルビデオを支援しました。
オプショングループプリセットに複合グループ処理の基礎サポートが追加されました。
リファクタリングされたAGMは、それぞれのモジュールindex.tsファイルでグループ/フィールドにカスタムコールバックを割り当てることができます。
分割モジュールの右パディングと左パディングに関連する警告を修正しました。
フル幅スライダーモジュールの背景およびテキストオーバーレイ設定でホバー状態オプションが誤って利用可能である問題を修正しました。
UNFILTERED_HTML機能を欠くユーザーがクラシックエディターを介してenable_HTMLダイナミックコンテンツフラグを設定できるようにする可能性のあるセキュリティの問題を修正します。
検索クエリに基づいて結果をフィルタリングする代わりに、Googleフォント検索がすべてのフォントを表示した問題を修正しました。
Accordionアイテムモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
アコーディオンモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
ブログモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
CountDownTimerモジュールのオプショングループプリセットに複合グループ処理の基礎サポートを追加しました。
仕切りモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
FilterablePortfolioモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
全幅メニューモジュールのオプショングループプリセットに複合グループ処理の基礎サポートが追加されました。
フル幅ポストスライダーモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
見出しモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
メニューモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
ポストナビゲーションモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
価格設定テーブルモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
検索モジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
セクションモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
SignupCustomFieldモジュールのオプショングループプリセットに複合グループ処理の基礎サポートを追加しました。
スライドモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
証言モジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
トグルモジュールのオプショングループプリセットの複合グループ処理の基礎サポートを追加しました。
インナーローモジュールのET_Clickableクラスが欠落している問題を修正しました。これにより、設定からリンク値を設定すると、モジュールがクリックできません。
「プレースホルダーコンテンツの追加」および「ダイナミックモジュールの変換」ページのコード例を更新して、ModuleUtilsパッケージからPlaceHoldContentユーティリティ機能をインポートします。
パッケージを更新してPlaceholdCompontentユーティリティ機能をインポートする際に、致命的なエラーのため、修正モジュールの修正はロードされません。
オーディオモジュールのセキュリティ問題を修正しました。
同様の接尾辞を持つ複数の属性名を持つ複合グループが一貫性のない属性選択につながった問題を修正しました。
バックグラウンドコンポーネントのセキュリティ問題を修正しました。
カテゴリページや検索結果ページなど、インデックスページで正しく動作しないヘッダーとフッターのスタイルを固定しました。
視覚的なビルダーがショートコードモジュールを含むページにロードできないようにする問題を修正しました。

今日Divi 5にジャンプします

Divi 5 Public Alphaは本日利用できます。 Divi 5のオリジナルの多相リリーススケジュールで概説されているように、Divi 5 Public Alphaは「Divi 5 Lite」のようなものです。いくつかの機能が欠けており、既存のWebサイトには適していない場合がありますが、Divi 4のエクスペリエンスを好む場合は、新しいWebサイトで使用する準備ができています。試してみてください。

バグが見つかった場合は、チームに報告してください。修正します。引き続き新しい機能を追加し、フィードバックに対処するために積極的に作業します。

2週間ごとに新しいDivi 5バージョンにご期待ください。これからは、Divi 5はアルファ、ベータ、およびそれ以降を定期的に改善します。