WordPress Diviテーマ - 新しいフォームオプション、フィールドプリセット、Contact Form 7モジュールを追加

WordPress ベストセラーのテーマである Avada(Avada)と同様の販売量を記録しているDiviテーマは、2026年2月にDivi 5をリリースし、速度と安定性が大幅に向上しました。 Divi 5は継続的に改善されており、最近新しいフォームオプションとプリセットを追加し、Contact Form 7モジュールも追加されました。

WordPress Diviテーマ - 新しいフォームオプション、フィールドプリセット、Contact Form 7モジュールを追加

WordPress Diviテーマ

Divi 5はDivi 4の技術負債を完全に解消した完全再構築バージョンで、ReactベースのVisual Builderでローディング速度2倍以上の向上とセクション単位の動的レンダリングを実現し、7つのレスポンシブブレークポイント、デザイン変数(カラー/フォント/イメージなど)、ネストされたロー/フレックスボックス、フィールドプリセット、フォーカス編集などのモダンDivi AI統合とサードパーティプラグインの互換性を強化 WordPressの次世代ビルダー標準を提示します。

私はDiviテーマが適用されたサイトはすべてDivi 5に更新しました。ほとんどの場合、サイトは問題なくDivi 4からDivi 5に更新されますが、カスタマイズされたサイトでは更新後にレイアウトが一部壊れることがあります。 Divi 5のUIはウィックスと同じように変わり、管理者ページで反応速度が非常に速く快適に感じることができます。

Diviは、ワンページレイアウトでランディングページを作成するときに便利な2,600を超える事前に作成されたレイアウトデザインを提供します。 WordPress コーチングプログラムサイトがDiviのレイアウトを組み合わせて作られました。😄

Diviテーマの事前作成レイアウト

エレメンページビルダーと同様の機能を提供するDiviは、 Elementor先にテーマビルダー(Theme ビルダー)機能を搭載して WordPress 通知パネル内でサイトのすべてのセクションをカスタマイズできるようにしました。 Diviは、機能やスピードなどの点でエレメンタに似ており、エレメンタに代わるものとして考えることができます。

エレメンタは年間ライセンスのみを提供しますが、Diviは年間ライセンスと生涯ライセンス(ライフタイムライセンス)を提供し、適用可能なサイト数に制限はなく、顧客のためにサイトを制作するウェブエージェンシーや複数のサイトを運営する企業で人気が高いです。

速度が重要なサイトである場合 ブログラーメンエレメントやDivi、 Avadaのようなテーマではなく、 GeneratePressのように、軽くて速いテーマがより良い選択かもしれません。 GeneratePress テーマはカスタマイズするのが好きなので、上級ユーザーにとってもまともなオプションかもしれません。この WordPress ブログには現在ジェネレートプレスのテーマが適用されています。😄

Diviテーマの詳細については、Elegant Theme■ホームページをご覧ください。

Divi 5 - 新しいフォームフィールド、フィールドプリセット、フォーカス編集、Contact Form 7モジュールの追加

Divi 5の最新アップデートでは、フォームデザインが完全に変わりました。既存の気を散らしていたフォーム設定を標準化し、フィールドプリセットとフォーカス状態編集機能で作業効率を最大化しました。特に、Contact Form 7(CF7)モジュールが新しく追加され、Divi BuilderでCF7フォームのスタイルを調整できるようになりました。

WordPress Diviテーマ Contact Formモジュール

Divi 5の拡張コンタクトフォーム関連機能

  • 新しい入力、ラジオ、チェックボックスの設定
  • フィールドオプションのクリーンアップと一貫性の向上
  • 新しい仮想クラス(pseudo-class)編集機能
  • フォームフィールドプリセット
  • 新しいContact Form 7モジュール

詳細はElegant Themesの ブログ記事で確認することができます。

以下のビデオで新しく追加されたContact Form 7モジュールの使用方法を確認できます。

Diviテーマの基本的なContact Formモジュールvs。 Contact Form 7モジュール

Diviでは、サードパーティのプラグインを使用せずに、独自のコンタクトフォームモジュールを使用してユーザーから連絡を取ることができます。 Contact Form 7プラグインをインストールすると、下図のように2つのフォームモジュールを選択できます。

WordPress Diviテーマ新しいContact Form 7 Stylerモジュール

独自のContact Form機能は制限されており、簡単に問い合わせを受ける用途に適しています。ただし、お問い合わせ内容がDBに保存されていないため、DBに保存するには有料プラグインを購入するか、直接コーディングする必要があります。

拡張機能が必要な場合 お問い合わせフォーム7を使用できます。 CF7の場合、データはDBに保存されませんが、フラミンゴなどの追加のプラグインを使用して、ユーザーが送信した内容をDBに保存し、管理者ページ内の連絡先を確認できます。

別のオプションとして WPForms、Ninja Forms、 エベレストフォーム などのような他の無料プラグインを使用するか、 Quformのような有料問い合わせプラグインを使用することも可能です。この場合、スタイルを Divi で行うことができないという欠点がありますが、CSS を使用してステートメントのフォームスタイルを指定したり、プラグインが提供するスタイルを使用したりできます。

アイテムDivi組み込みフォームモジュール Divi 5 CF7モジュール 
設置/依存性プラグイン不要 (Divi基本を含む)CF7プラグイン 設置(無料)
デザイン編集- Divi Builderの完全統合
- フィールドプリセット
- :focus/:checked ステータスの編集
- hover/full オプション 
- Divi Builderビジュアルスタイリング
- CF7フォームをロードしてDiviデザインを適用する(CSSクラッシュを解決) 
機能範囲基本フィールド (テキスト、Eメール、テキスト、チェックボックスなど)
Captcha/reCAPTCHA 지원
DB保存なし (メールのみ) 
高度な機能無制限 (ファイルアップロード、条件付きフィールド、reCAPTCHA v3、フック/拡張)
DB保存可能 (Flamingoなどの追加プラグインのインストール) 
バックエンド処理メール送信のみ
(ディレクトリオプションを提供、DBを保存しない)
CF7バックエンドの活用 (Eメール、Webフック、CRMインターロック、マルチレシーバー) 
性能/速度最適 (追加プラグインなし、JS / CSS最小)プラグインオーバーヘッド あり(しかしDiviモジュールで最適化) 
拡張性基本機能限定 (高度なロジック困難)拡張可能 (さまざまな拡張プラグインを使用した条件付きロジック、マルチステップなどの機能の実装) 
使いやすさ初心者に最適 (ドラッグ&ドロップ完了)CF7学習曲線 しかし、Diviスタイリングで補完 
セキュリティ/スパム基本reCAPTCHA 지원reCAPTCHA v3/hCaptcha などの高度なオプション 
コスト무료 (Diviライセンス内)무료 (CF7無料+ Divi 5アップデート)
推奨シナリオ- 簡単なお問い合わせ/ニュースレターフォーム
- プラグインを最小化したい場合 
- 複雑な問い合わせ/ファイルアップロード/CRM連動
- 既存のCF7ユーザー 

Divi 5でContact Formモジュールに関する詳細なアップデートについて Theme■ブログ記事で確認してください。

参照

1のコメント

コメントを残す

  1. Contact Form 7モジュールの追加は本当に便利ですね。 WordPress テーマをアップグレードするときにこの機能が追加された場合は、より良いです。

    返信