Diviテーマ：商品ページを自由にデザインすることができる WooCommerce ビルダー公開

WordPress Diviテーマで有名なElegant Themesでは、Diviテーマの機能を継続的に向上させ、新機能を追加しています。 最近 Diviビルダー速度が向上しされ、先週末には、Divi Builder用WooCommerce Builder（WooCommerce ビルダー）が公開されました。 これと共に商品ページをカスタマイズしたり、商品のリストを作成するときに使用することができる新しい WooCommerce モジュール16種追加しました。

新しいWooCommerce Builderを使用すると、個々の商品デザインを制御でき、自由に商品ページを作成できます。 この記事は「Build Stunning WooCommerce Products With The Divi Builder「文書を参照して作成されました。

2023年1月更新： Diviテーマは着実に機能を改善し、ほぼ毎週新しいレイアウトパックを提供し、簡単にサイトを作成できるように更新されています。

• Diviテーマのテーマビルダーを使用してブログ投稿テンプレートを作成する
• WordPress Diviテーマポケレストランレイアウトパック無料ダウンロード
• WordPress Diviテーマの背景マスクとパターンの導入（+無料ダウンロード）
• WordPress Diviテーマフルサイトフロントエンド編集機能の導入

また、AI機能が追加され、画像、テキストなどを人工知能で生成でき、コーディング機能まで提供します。

• WordPress Diviテーマ、AIで画像やテキストを無制限に生成可能なDivi AIをリリース（+ Divi Code AIを追加）
• Divi AIレイアウト - 簡単なプロンプトでフルページレイアウトを作成する

WooCommerce Builder特徴

商品ページの完全制御が可能

WooCommerce Builderを使用すると、商品ページのデザインを完全に制御することができるようになりました。 今WooCommerce商品でDivi Builderを有効にすると、標準の商品テンプレートをビルダー内で完全にカスタムが可能な WooCommerce モジュールに自動的に変換されます。 商品ページを完全制御することができ、Diviモジュールと多くのデザイン設定を自由に活用することができます。

新たに搭載された16種類のWooCommerceモジュール

今回のアップデートでは、ウェブサイト内の好きな場所に個別の WooCommerce 要素を生成してコントロールすることができる16個の WooCommerce モジュールが新たに搭載されました。 WooCommerce モジュールを使用して商品を一覧表示することができ、標準的なDiviモジュールと一緒に使用することも可能です。 新たに追加されたモジュールでは、すべてのDiviデザインの設定をそのまま活用することができますので、新しい WooCommerce デザインの可能性を開いてくれます。

好きなところに動的な商品リストの作成

新しいWooCommerceモジュールを個別商品ページに使用して製品情報を新しい方法で表示したり、外部のページに使用して、目的の商品の商品情報を動的に表示することができます。 したがって、Diviにショッピングモールサイトを作成するときに商品のポストタイプの制限を受けません。

WooCommerce 商品のデモ

次はエレガント Themesチームで新機能を活用して作成 WooCommerce 商品のデモページです。 新しい WooCommerce ビルダーをどのように活用できるかを垣間見ることができるでしょう。

• 旅行のバックパック（Travel Backpack）
• 原木の椅子（Wooden Chair）
• エッセンシャルオイル（Essential Oil）
• 室内花（Indoor Plant＆Planter）
• ペンダントランプ（Pendant Lamp）
• 女性のセーター（White Sweater）
• マカロン（Assorted Macaron）
• 高級腕時計（Luxury Watch）
• コーヒーマシン（Espresso Machine）

そして この Elegant Themes ブログ記事でDiviの WooCommerce モジュールで製作された商品のページテンプレート（Minimal Product Page with Divi's WooCommerce Modules）を無料でダウンロードすることができます。

ダウンロードしたファイルをDivi Libraryにアップロードします。 その後、Diviで商品ページを開くと、「Premade Layouts」の隣の「Your Saved Layouts」タブに表示されます。

Diviテーマはシンプルでありながら強力な機能を提供する多目的 WordPress テーマです。 必ず必要な機能のみ搭載されているため初心者が使いやすくなかったが、Diviテーマ開発者のElegant Themesでは毎週新しい無料レイアウトパックを公開しており、便宜機能を継続的に追加しており、以前よりは使いやすくなったようです。

Diviテーマからテーマビルダー（Theme ビルダー）を導入した後 エレメンプロでもテーマビルダー機能を導入し、ヘッダーからフッターまでサイトの各セクションをエレメンバービルダーで自由にカスタマイズできる機能を提供しています。エレメンタもAI機能を追加してサイト制作の利便性と効率を最大化しています。

• エレメンタ：AI（人工知能）導入によりウェブサイト制作の利便性と効率性を最大化

メモ：

• Divi用の無料菓子店（Candy Shop）レイアウトパックをダウンロード
• ハイクオリティDivi用の無料ファニチャーストア（Furniture Store）レイアウトパックをダウンロード