2026年1月17日、DIVI 5 Public Beta 7がリリースされました。DIVI 4の体験を好まれる場合は、このバージョンをご利用いただけます。既にDIVI 5をご利用の場合は、Public Beta 7の更新通知が表示されます。DIVI 5は2週間ごとに新しいバージョンがリリースされ、それぞれが前のバージョンから改善を重ねております。まだDIVI 5をお試しでない場合は、ぜひテストしていただき、ご意見をお聞かせください。
VIDEO
Public Beta 7における新機能について Public Beta 7では、62件のバグ修正と改善を実装し、新機能としてPreset Manager（プリセットマネージャー）、Preset Preview（プリセットプレビュー）、そしてPreset/Variable Export（プリセット・変数のエクスポート）をリリースいたしました。過去数ヶ月間、当チームの使命はバグの修正と細かな改善の実装でございました。DIVI 5の正式リリースに向けて、チーム全体が継続的に皆様からのフィードバックに対応しております。
約1年間の公開テストと改善を経て、DIVI 5は安定した状態となり、ベータラベルの削除と正式リリースの準備を進めております。その間、DIVI 4の体験を好まれる場合は、DIVI 5をご利用いただけます。ぜひお試しいただき、DIVIの未来を今日体験してくださいませ。
Preset Manager、Preset Preview、そしてPreset/Variable Export
Public Beta 7では、新しいPreset Manager（プリセットマネージャー）をリリースいたしました。これにより、一箇所からすべてのプリセットを管理し、編集することが可能となりました。さらに、新しいプリセットプレビュー機能により、ページのコンテンツやデザインの流れを中断することなく、変更内容を確認することができます。
また、ウェブサイトのすべてのプリセットと変数をインポート・エクスポートする機能も追加されました。これにより、特定のプリセットと変数のセットを使用して、新しいウェブサイトを迅速に立ち上げることが容易になります。
修正と改善の詳細 本アップデートに含まれるすべての修正と改善の一覧をご説明いたします。
新機能として、Preset ManagerとPreset Previewシステム を追加いたしました。また、ウェブサイトのデザイン変数のエクスポートとインポート機能、ウェブサイトのプリセットのエクスポートとインポート機能を追加いたしました。
RTL（右から左）言語におけるテキストの配置を修正いたしました。ハードコードされた左寄せのデフォルト値を削除し、RTL対応のCSS値を使用することで、モジュールがRTLモードで適切な配置にデフォルト設定され、明示的な配置の選択が保持されるようになりました。
すべてのブレークポイントで無効化された要素が、インタラクションターゲットとして使用されていない場合に、不要にDOMに保持される問題を修正いたしました。
Floating DiviMenusプラグイン が非DIVIビルダーページでアクティブな場合に発生していた致命的なエラーを修正いたしました。D4拡張機能の互換性のために、ビルダーフレームワークが必要時に読み込まれるようになりました。
WooCommerce Product ImagesモジュールがGrid/Flexレイアウトの間隔コントロールをサポートするようになりました。これにより、ユーザーがサムネイル画像間の水平および垂直の間隔を調整できるようになりました。
「最後に使用した位置」の設定を使用するモーダルが、閉じた時にドッキングされていた場合でも、再度開いた時にドッキング解除される問題を修正いたしました。モーダルは、閉じる・開くのサイクル全体で最後のドッキング状態を正しく復元するようになりました。
Theme BuilderコンテキストでWoo Product Descriptionモジュールの行の高さオプションが機能しない問題を修正いたしました。通常のページHTML構造に一致するように、プレースホルダーコンテンツに適切な段落タグが含まれるようになりました。
Toggleモジュールで、モジュールレベルでTitle Text Colorをリセットした際に、要素のプリセットレベルで設定されたOpen Title Text Colorのプリセット色が適用されない問題を修正いたしました。
BlogモジュールのGrid Tile Background Colorオプションが、モジュールを初めて追加した際に表示されない問題を修正いたしました。
Visual Builderで同じタイプのモジュール間を切り替える際に、背景グラデーションの色の停止位置が間違ったモジュールに適用される問題を修正いたしました。
DIVI 4からDIVI 5への移行後、Contact Formフィールドが半幅レイアウトを失う問題を修正いたしました。DIVI 4で半幅であったフィールドは、元のショートコードで幅属性が明示的に設定されていなかった場合でも、DIVI 5で正しく半幅レイアウトを維持するようになりました。
ループ動的コンテンツを持つモジュールがループ有効コンテナの外に移動された際に、フロントエンドに生のJSONコードが表示される問題を修正いたしました。ループコンテキストが利用できない場合、モジュールは何も表示しないか、設定された前後のテキストを表示するようになり、期待される動作と一致するようになりました。
Social Media Followモジュールの水平および垂直の間隔設定が、flexレイアウトとgridレイアウトで機能しない問題を修正いたしました。
子キャンバスモジュールで作成されたインタラクションの、インタラクションTarget Moduleの選択がVisual Builderの再読み込み後に保持されない問題を修正いたしました。
Conditional Display Date & TimeのHourとMinuteフィールドが、数値の代わりにフォーマット文字列を表示する問題を修正いたしました。
DIVI 5 Visual Builder全体でRole Editor権限の強制を追加いたしました。管理インターフェースで設定されたロールベースの制限が、ビルダーインターフェースで適切に尊重されるようになりました。
ユーザーがログインしている際に、セクションがWordPress管理バーの高さを考慮せず、コンテンツが管理バーの背後に隠れる問題を修正いたしました。
Buttonモジュールのアイコンが、異なるブレークポイントで正しくレンダリングされない問題を修正いたしました。
MenuモジュールとFullwidthMenuモジュールのカスタムCSS特異性の問題を修正いたしました。
未保存の変更があるモジュール設定を閉じる操作を実行しようとした際に、グローバルモジュールの確認ポップアップが表示されない問題を修正いたしました。これにより、ユーザーが明確なフィードバックと編集を保存または破棄するオプションを受け取ることができるようになりました。
Button Option Groupプリセットが、Buttonモジュールで作成された際にHero ModuleのButton OneとButton Twoに適用されない問題を修正いたしました。
背景プレビューの透明度表示を改善いたしました。背景に透明な領域がある場合に自動的に表示されるチェッカーボードパターンを追加し、透明な背景と不透明な背景を区別しやすくしました。
StaticModuleにバッジ要素の例を追加いたしました。これは、サードパーティ開発者向けに、decoration.colorパターンを使用したカスタムカラーフィールドのスタイリングを実演するものでございます。
バッジ要素の例を示すタスクドキュメントを追加いたしました。これは、カスタムカラーフィールドのスタイリングを実演するものでございます。
デスクトップでパララックスが有効になっているが、より小さなブレークポイントで無効になっている場合に、タブレット/電話で背景画像が消える問題を修正いたしました。
Global ModulesのCode Moduleコンテンツにスクリプトタグが含まれている場合、ライブラリから読み込む際にスクリプトタグが削除される問題を修正いたしました。メタデータでallowHtmlプロパティが有効になっているモジュールでは、スクリプトタグが保持されるようになりました。
Blogモジュールのグリッドレイアウトが、ビデオ形式で投稿を表示する際に壊れる問題を修正いたしました。グリッドアイテムが割り当てられた列幅内で縮小できるようになりました。
StickyモードでTransform設定にアクセスする際のクラッシュを修正いたしました。transformフィールドコンポーネントにnull安全性チェックを追加いたしました。
Global Colorsを使用している際に、Visual BuilderでContent Area Background Colorの不透明度が表示されない問題を修正いたしました。
Rowモジュールの入力プレースホルダーが、moduleDefaultAttributesフィルター経由でデフォルトのmaxWidth値が変更された際に更新されない問題を修正いたしました。
自由形式のCSSセレクターの置換を修正いたしました。「selector」という単語を含むCSSセレクターを正しく処理し、Theme Builderコンテキストでプレフィックス付きセレクターを適切にサポートするようになりました。
Icon List ItemモジュールのAlign Items設定が、モジュール設定で設定された際に効果を発揮しない問題を修正いたしました。
DIVI 4からDIVI 5への移行後に表示された、バーカウンターアイテム間の不要な間隔を修正いたしました。
DIVI 4からの移行後にSliderモジュールのスタイルに不一致が生じる問題を修正いたしました。カスタムCSS特異性を復元いたしました。
分類アーカイブページのTheme Builderレイアウトで、ページネーションされたページでアイキャッチ画像が正しく表示されない問題を修正いたしました。各レイアウトが一意のキャッシュキーを使用し、ループ検出機能が正しい投稿コンテンツをチェックするようになりました。
Theme BuilderでD4からD5への移行後、Social Media FollowモジュールのアイコンがBlockレイアウトで正しく表示されない問題を修正いたしました。
特定の側にボーダー幅を設定した際に、ホバーボーダーカラーが定義された「All Border」カラーの代わりに黒色を表示する問題を修正いたしました。
デスクトップで無効化されたモジュールが、ワイドスクリーン/ウルトラワイドブレークポイントが無効になっている場合でも、ワイドスクリーンで表示される問題を修正いたしました。
DIVI 5 Migrator Toolの使用方法と、サードパーティモジュールが一括変換と互換性があることを確保する方法を説明するドキュメントページを追加いたしました。
Textモジュールの見出しスタイル属性のコピー/ペースト機能を修正いたしました。ユーザーがすべての見出し属性（H1-H6）をコピーし、任意の他の見出しレベルに貼り付けることができるようになりました。
「Loop Featured Image」オプションがMedia投稿タイプで正しく機能するよう修正いたしました。添付ファイルの投稿タイプを検出し、適切なWordPress関数を使用して画像URLを取得するようになりました。
conversion-outline.jsonのfonts子オブジェクトのドキュメントを追加いたしました。DIVI 4モジュールをDIVI 5に変換する際に、異なるテキスト要素のフォントファミリー設定をマッピングする方法を説明するものでございます。
DIVI 5モジュールでOption Group Presetsを実装する方法のドキュメントを追加いたしました。
Canvas PortalとLoop Builderを使用している際に、ループされたアイキャッチ画像がVisual Builderに表示されない問題を修正いたしました。
モジュール設定パネルでプリセットアイコンにホバーした際に、重複したツールチップが表示される問題を修正いたしました。
DIVI 4からDIVI 5への移行後、specialty section columnのCSSクラスとIDが消える問題を修正いたしました。
長い名前のプリセットタグが、Xボタンを表示してプリセットを削除/割り当て解除しない問題を修正いたしました。タグは、適切なテキストの切り詰めを維持しながら、利用可能なモーダルスペースを使用して展開するようになりました。
FR単位値を持つGlobal Variablesが、Gridレイアウトフィールドピッカーで利用できない問題を修正いたしました。
Theme Builderヘッダーと最初のボディセクションの両方がスティッキーの場合に、スティッキー要素が失敗する問題を修正いたしました。
ボタンのホバー状態が、ハードコードされたパディングを適用する代わりに、プリセット定義のパディング値を尊重するよう修正いたしました。
Gridレイアウトを使用している際に、WooCommerce Product GalleryとGalleryモジュールでGrid Offset Rulesが保存されない問題を修正いたしました。設定を再度開いた際にルールが正しく保持され、Visual Builderとフロントエンドの両方で適切に適用されるようになりました。
Lottieモジュールのmargin-bottom間隔が、Visual Builderとフロントエンドで適用されない問題を修正いたしました。
Social Media FollowのAlignmentオプションが、blockレイアウトでのみ表示されるよう修正いたしました。
Theme BuilderテンプレートでLightboxが有効になっているImageモジュールで、magnific-popup.jsが最初のページ読み込み時に読み込まれない問題を修正いたしました。
Personモジュールの説明要素が、flexレイアウトで誤って全幅を適用し、カスタムCSSの配置を壊す問題を修正いたしました。
IconモジュールとIcon Listモジュールでグローバルプリセットを使用している際に、レスポンシブアイコンフォントサイズがタブレットとモバイルデバイスで機能しない問題を修正いたしました。
親タブがクリックされた際にネストされたTabs Modulesが壊れる問題を修正いたしました。タブセレクターを直接の子のみにスコープすることで、ネストされたタブが独立して機能するようになりました。
Blurbアイコン幅などのスタイル属性で、Global VariablesがVisual Builderで即座に更新されない問題を修正いたしました。
WooCommerceモジュールが、色を明示的に設定せずにボーダー幅を設定した際に、デフォルトのボーダーカラーを尊重しない問題を修正いたしました。
Theme Builderレイアウトが空の場合に、Woo Product TabsモジュールがPHP警告を表示し、説明タブのコンテンツが欠落する問題を修正いたしました。
まとめ DIVI 5.0は、その優れたパフォーマンスと直感的なビジュアルビルダーにより、WordPressサイト構築の可能性を大きく広げる強力なツールでございます。本稿では、DIVI 5.0のインストールからライセンス認証、そしてサイトのパフォーマンスとデザインを最適化するための具体的な設定方法について詳細にご説明いたしました。
初期設定の丁寧な実施、パフォーマンスオプションの適切な調整、そしてテーマビルダーやテーマカスタマイザーを駆使したデザインの洗練は、訪問者様にとって快適なウェブサイト体験を提供するために不可欠でございます。また、子テーマの利用、定期的なバックアップ、ステージング環境でのテストといったベストプラクティスを遵守することにより、サイトの安定性と安全性を高めることが可能でございます。
DIVI 5.0の設定は多岐にわたりますが、一つ一つの項目を理解し、ご自身のサイトの目的に合わせて最適化していくことで、その真価を最大限に発揮させることが可能でございます。本稿が、皆様のDIVI 5.0を用いたウェブサイト構築・運用の一助となれば幸いでございます。
