Divi 5 パブリック アルファ バージョン 7: 新機能の進捗!

公開: 2025-01-23

Divi 5 パブリック アルファはテスト用に利用可能です。 Divi 5 を使用している場合は、今日パブリック アルファ バージョン 7のアップデート通知が届いていることに気づくでしょう。新しい Divi 5 バージョンを 2 週間ごとにリリースし、毎回改良されています。まだ Divi 5 をテストしていない場合は、ぜひ試してご意見をお聞かせください。

目次
  • 1パブリック Alpha 7 の新機能は何ですか?
    • 1.1顕著なバグ修正と改善
    • 1.2機能の進捗状況
    • 1.3変更履歴
  • 2今すぐディビ 5 に飛び込みましょう

パブリック Alpha 7 の新機能は何ですか?

この新しいバージョンの Divi 5 には、 38 件のバグ修正と4 つの今後の機能に関する重要な進歩が含まれています。私たちはこれらの機能を完成するまで機能フラグの背後に隠し、頻繁にテストされた部分をコア製品に定期的にマージします。アップデートのたびに、新機能のリリースに向けて目に見える進歩を遂げています。

Divi の基盤の書き換えが完了しました。バグは制御できました。ここからは機能をフル活用していきます。

顕著なバグ修正と改善

このリリースには 38 のバグ修正と改善が含まれていますが、その中で特に目立ったものをいくつか紹介します。

新しい終了ボタンとショートカット

これは簡単な生活の質の向上です。ビジュアル ビルダーの終了ボタンには、さまざまな終了ポイントを選択できるドロップダウン メニューが追加されました。 WordPress ポストエディターに戻ったり、フロントエンドでページを表示したり、WordPress ダッシュボードに戻ったりすることができます。メニューに表示されているキーボード ショートカットを使用して、これらの領域のいずれかに戻ることができます。

パフォーマンスの強化

このバージョンでは、WooCommerce で Divi を使用するときのパフォーマンスが大幅に向上します。 WooCommerce がインストールされている場合は、ビジュアル ビルダーの読み込みが以前よりもはるかに高速になっていることがわかります。一般的な Visual Builder のロード時間も改善され、平均ロード時間から 200 ～ 300 ミリ秒が短縮されました。パフォーマンスに関しては何もいじっていません。私たちは今後も Divi をさらに高速化していきます。

機能の進捗状況

4 つのチームが、カスタマイズ可能なブレークポイント、オプション グループ プリセット、Divi AI 統合、WooCommerce モジュールの 4 つの機能に取り組んでいます。私たちは、既存の Divi 4 の機能と、最近発表された機能交換の一環として Divi 5 に追加された新機能に均等に時間を分割しています。 5 番目のチームはバグに取り組んでおり、開発ドキュメントの改善やその他の改善によって Divi マーケットプレイスのクリエイターを支援しています。 6番目のチームが間もなく参加する予定です。

私たちは取り組みを強化しており、今後数か月間で素晴らしい進歩を遂げる予定です。

他の機能もデッキにあり、Flexbox ベースの新しいグリッド システムなどの要望の多かった機能、ビルダーの編集可能なヘッダー領域とフッター領域などの Divi 5 の機能が欠けている機能、および先進的な Divi の将来に不可欠であると考えられる驚きの機能が含まれます。ウェブサイトデザインシステム。

これまでの進捗状況は次のとおりです。

カスタマイズ可能なブレークポイント

この機能はおよそ 80% 完成しています。 Public Alpha 8 または 9 でリリースする可能性は十分にあります。わずか数週間で素晴らしい進歩を遂げました。

間もなく、Divi 5 には 3 つではなく 7 つの事前定義されたブレークポイントが搭載される予定です。各ブレークポイントのオンとオフを切り替えたり、各幅をカスタマイズしたりできるため、すべてのデバイスでデザインを完全に制御できます。 7 つのカスタマイズ可能なブレークポイントでは不十分な場合は、この機能をさらに追加できるようにする予定です。

カスタマイズ可能なブレークポイントは、完了するまで機能フラグの後ろに隠されています。つまり、Divi 5 インターフェイスにはまだ表示されていません。

Divi AIの統合

この機能は基本的に完成しています。レイアウト、テキスト、画像、コード生成など、Divi AI のあらゆる側面が Divi 5 に統合されています。いくつかのバグを修正した後、この機能を Public Alpha 8 でリリースする予定です。

Divi AI は、完成するまで機能フラグの後ろに隠しています。つまり、Divi 5 インターフェイスにはまだ表示されていません。

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

驚きの機能ですよ！このバージョンは約 50% 完成しており、3 月初旬にリリースされる予定です。オプション グループ プリセットはモジュール プリセットの拡張であり、モジュール プリセットの上に重ねて、すべてのモジュール タイプにわたって使用できます。

たとえば、Web サイト全体で使用する共有の背景、境界線、ボックスの影、またはフォント スタイルがある場合は、それらをプリセットに変換できます。 Web サイト全体の複数の要素に事前設定されたオプションを適用して、動的なデザイン システムを作成します。

Divi は WordPress の最も先進的で柔軟なデザイン システムになりますが、プリセットは始まりにすぎません。

オプション グループ プリセットは、完了するまで機能フラグの後ろに隠しています。つまり、Divi 5 インターフェイスにはまだ表示されていません。

WooCommerce モジュール

私たちはまだ WooCommerce モジュールの計画段階にあります。私たちは、モジュールが WooCommerce のブロックへの切り替えと互換性があることを確認するために、今後の最適なパスを評価しています。また、さらに約 20 個のモジュールを導入する前に、完成したモジュール コレクションを仕上げる必要があるハウスキーピングがいくつかあります。

WooCommerceモジュールは順次リリースしていく予定です。それまでの間は、Divi 4 の従来の WooCommerce モジュールを Divi 5 でも引き続き使用できます。

変更履歴

以下は、Public Alpha 7 で実装されたすべての変更のリストです。

  • [終了] ボタンにドロップダウン メニューが追加され、複数の終了オプションが可能になりました。
  • タブレットや電話デバイスで固定ヘッダーがアンカーされたセクションに重なる可能性がある場合の高さオフセットの過剰補正を修正しました。
  • 機能していなかった画像モジュール内の showBottomSpace オプションを修正しました。
  • AdvancedStyles に ImageSizing コンポーネントと ImageSpacing コンポーネントのサポートを追加し、スタイルとそれに対応するトランジションを出力しました。
  • ビデオモジュールの再生ボタンがデスクトップおよびホバーから遷移する問題を修正しました。
  • 全角コードモジュールの自動生成モジュール設定を実装しました。
  • 自動生成されたモジュール設定を使用するように Toggle モジュールを更新しました。
  • WooCommerce で使用すると Divi の速度と効率が大幅に向上する、WooCommerce ベースの速度の問題を修正しました。
  • 依存関係チェッカーが強化され、効率が向上しました。
  • 下位互換性モードでのショートコード コンテンツのフロントエンド レンダリングで以前に経験した読み込み時間の遅さに対する堅牢なソリューションを提供しました。
  • Divi ライブラリからのプリセットを含むライブラリ項目のエクスポートを修正しました。
  • 設定ストアでの集中型 REST API ルート URL 処理が改善され、ネットワーク リクエストが削減され、ロジックが簡素化されました。
  • REST API 関連のモックを更新することにより、テストの分離と信頼性が向上しました。
  • フロントエンドでレンダリングされたときにブログモジュールでカスタム CSS フィールドが機能しない問題を修正しました。
  • レンジ スライダーのローカル ステップの問題を修正しました。
  • 場合によってはチェックボックスのリセットが機能しない問題を修正しました。
  • px、em、rem、vh、vw などの単位を受け入れるための新しい CSS 単位を [変換スケール]、[背景画像]、および [背景パターン] オプションに追加しました。
  • モジュール ラッパー フックを使用してモジュール出力を変更する方法を説明する、「モジュール出力の変更」という名前の新しいチュートリアル ページを導入しました。
  • 「フックによるカスタム モジュール設定の追加」チュートリアル シリーズは、「モジュール設定と出力のカスタマイズ」に名前が変更されました。
  • カスタム ブレークポイントの UI コンポーネントを追加します。これらはまだエンド ユーザーには表示されません。
  • 「カスタム オプション グループの追加」および「カスタム オプション フィールドの追加」チュートリアル シリーズを更新し、オーディオ モジュールをテスト ケースとして使用して、要素やスタイルのレンダリングなど、今後のチュートリアルに接続するようにしました。
  • 親レベルの値が使用されているときに価格表モジュールのタイトル タグが機能しない問題を修正しました。
  • 入れ子になった JSON のような構造をサポートするように正規表現を更新することで、動的データ処理を修正しました。
  • 「ページ設定の拡張」および「シンプルなクイック モジュールの作成」チュートリアルでスクリプトをキューに入れる方法を更新しました。
  • デスクトップ レベルで定義された視差画像が、より小さいブレークポイントでは表示されない問題を修正しました。
  • スライダー モジュールからビデオ ファイルをアップロードする際のメディア アップローダー ボタン名を修正しました。
  • 意図しない Web サイトの背景色を示すワイヤーフレームを修正しました。
  • デフォルト値が機能しなかった CheckboxesContainer コンポーネントを修正しました。
  • アイコンの色の設定に関する説明の誤字を修正しました。
  • オプション グループ プリセットをデフォルトとして設定するための assignGroupPresetToDefault ストア アクションを追加しました。
  • テーマビルダーヘルプのモーダルタイプを修正しました。
  • 新しいリポジトリを参照するために、ドキュメントの「Converting Divi 4 Module to Divi 5」セクションの「はじめに」ページを更新しました。
  • 「Divi 4 モジュールから Divi 5 への変換」セクションのチュートリアル ページに警告セクションを追加し、チュートリアルが古く、現在更新中であることを示しました。
  • 現在のスタイルからのプリセット更新を処理するための updateOptionGroupPresetWithCurrentStyles ストア アクションを追加しました。
  • プリセット削除メカニズムを処理するために、deleteOptionGroupPreset ストア アクションが追加されました。
  • クローン プリセット メカニズムを処理するために cloneOptionGroupPreset ストア アクションを追加しました。
  • 古いプレビューを更新し、プレースホルダー コンテンツの追加チュートリアル ページの文法の間違いを修正しました。
  • 動的 Divi 4 モジュールの作成チュートリアルの古い情報とプレビューを更新しました。
  • カスタマイズ可能なブレークポイント用のビジュアル ビルダー アプリ フレームのメカニズムを更新しました。
  • タイトル見出しレベルが h6 に設定されている場合に、スタイルがタイトル テキストに適用されないという価格表の問題を修正しました。
  • 画像モジュールで高さのトランジションが機能しない問題を修正しました。
  • グリッド レイアウトを使用する場合のブログ モジュールの「続きを読む」テキストの配置の問題を修正しました。
  • 条件表示オプションの手動カスタムフィールドの切り替えの問題を修正しました。
  • 投稿タイトル エディターに常に正しい日付ではなく現在の日付が表示される、テーマ ビルダーのレイアウトの問題を修正しました。
  • 壊れた TinyMCE パネルを閉じるアイコンを修正しました。
  • 列構造を変更すると設定サイドバーのスナップが予期せず解除される問題を修正しました。
  • 現在のスタイルからのプリセット更新を処理するための addNewOptionGroupPreset ストア アクションを追加しました。
  • スタイルのコピー/貼り付けが機能しない場合があるクリップボード システムの問題を修正しました。
  • 割り当てられたグループのプリセットをグループUIに表示する機能を追加しました。
  • 現在のスタイルから新しいプリセットを追加する addNewOptionGroupPresetFromCurrentStyles ストア アクションを追加しました。
  • ビジュアルビルダーで任意のボタンデザインを選択するとボタンデザインオプションがジャンプする問題を修正しました。
  • ホバー状態での画像モジュールのホバー アイコンのオーバーレイの問題を修正しました。
  • オプション グループ プリセットの処理をサポートするために、グローバル データ ストア アクション ('divi/global-data').setDefaultPresetOnSave() および ('divi/global-data').unsetDefaultPresetOnSave() が強化されました。
  • オプション グループ プリセット名を更新するための updateOptionGroupPresetName ストア アクションを追加しました。
  • 投稿スライダーおよび全幅投稿スライダー モジュールの投稿数のデフォルト値の問題を修正しました。
  • 「変更をキャンセル」をクリックしてもプリセットの変更が元に戻らない問題を修正しました。
  • 定義されたプリセットを使用するモジュールでスタイルが 2 回印刷される問題を修正しました。
  • オプション グループのプリセット属性を処理するために editPresetAttribute ストア アクションを追加しました。
  • マップ モジュールでマップ ピンをクリックしたときにツールチップが誤動作するエラーを修正しました。
  • 全幅画像モジュールのオーバーレイ オプションがホバー時に表示されない問題を修正しました。
  • 指定されたオプション グループのデフォルト プリセットを作成する機能を処理する ('divi/global-data').addDefaultOptionGroupPreset() ストア アクションを追加しました。

今すぐ Divi 5 に飛び込みましょう

Divi 5 をテストしてバグを報告する時が来ました。私たちは、見つかった問題を解決するために積極的に取り組み続けます。また、スピーディな構築エクスペリエンス、大幅に向上したフロントエンドのパフォーマンス、最新の新しいインターフェイスをお楽しみいただけます。

これまでのご意見をお聞かせください。2 週間ごとの新しい Divi 5 バージョンにご期待ください。今後、Divi 5 はアルファ、ベータ、そしてそれ以降を通じて定期的に改善されます。