Divi Theme レビュー（2026）：価格、長所と短所

ようこそ！ Diviテーマのレビュー最も広く使用され、人気のある多目的 WordPress 市場で入手可能なテーマ。

完璧なものを選ぼうとしている WordPress ウェブサイトのテーマはもうたくさんですよね？何千種類ものテーマの中から、自分のサイトにぴったり合うものを見つけるのは大変ですよね。

時々、まるでゴルディロックスみたいに感じる時がありますよね？大きすぎたり、小さすぎたり。どうやって完璧なテーマを見つけるんですか？

一つの方法は、Web サイトの機能を完全に制御できる多目的テーマを見つけることです。 そして、それが Divi テーマの機能です。

今日は私の Diviテーマのレビュー実際のインターフェース（自分のサーバーにインストール済み！）のスクリーンショットを多数紹介し、この強力なテーマがどのように機能するかを紹介します。

私たちをお見逃しなく Divi Theme 割引 提供します。

[expand title=”もっと見る” swaptitle=”表示を減らす” trigpos=”below” trigclass=”noarrow my_button” tag=”div”]

Divi の何がユニークなのでしょうか?

Diviはコーディングスキルのない人でも美しいカスタムウェブサイトを作成できるように設計されています。 WordPress プラットフォームを提供します。

多目的かつ高度なカスタマイズが可能です。多数の既成レイアウトがパッケージに含まれています。また、独自のレイアウトを作成したい場合は、 非常に柔軟なDiviビルダー 投稿やページに独自のレイアウトを作成します。

Diviは、 WordPress カスタマイザーを使用すると、Web サイトだけでなく、ページ ビルダーで使用する個々のモジュールもカスタマイズできます (詳細は後述)。

コンバージョン最適化に関心があるなら、DiviにはDivi Leadsという強力なA/Bテストツールが搭載されていることがきっと気に入るでしょう。Divi Leadsを使えば、Diviページビルダーで使用するすべての要素をA/Bテストし、サイトのパフォーマンスを最適化できます。

これらの機能のほとんどは外部プラグインを使用して利用できますが、Divi はすべてを 1 つの使いやすい統合システムにまとめているため、非常に強力です。

Divi でどのような種類の Web サイトを作成できますか?

先ほども述べたように、Diviテーマは多目的に使用できます。つまり、ほぼあらゆるタイプのウェブサイトを作成できます。例えば、以下のようなウェブサイトを構築できます。

電子商取引ストアを作成することもできます WooCommerce! Divi は本当に多目的です。

例えば、このウェブサイトは Divi Theme ElegantThemesによる:

Diviビルダーのすべて

Diviユーザーに何が Divi Theme 非常に強力なので、ほとんどの場合、最初の答えは Divi Builder になります。

Divi Builderを使えば、コードを一切知らなくても複雑なデザインを作成できます。これがなければ、PHPとCSSをじっくりと勉強しなければなりません。正直に言うと、そんな時間がある人なんているでしょうか？

Divi Builderでは、レイアウトを構築するために、 モジュールたとえば、価格表を追加したい場合は、最初からコードを作成するのではなく、Diviの価格表モジュールをドラッグするだけで済みます。

Diviでウェブサイトを作成する

---

バックエンド vs Frontページ構築終了

通常、 WordPress ページビルダーでは、フロントエンドまたはバックエンドを編集できます。これらの用語の意味は次のとおりです。

Divi の以前のバージョンでは、バックエンドでのみ編集できました。 しかし、Divi 3.0 ですべてが変わりました。

フロントエンドとバックエンドのどちらで編集するかを選択できます。必要に応じて切り替えることもできます。

正直なところ、モードを切り替えることができると、両方の長所を享受できます。

私の場合、バックエンドエディタを使ってページの基本レイアウトを設定するのが好きです。しかし、それが終わったら、フロントエンドのビジュアルエディタに移動して、最終的なページがどのように見えるかを正確に確認するのが好きです。

Frontエンドビルダーのアクション

あなたの編集 WordPress サイト作成はかつてないほど簡単になりました。クリックしてページにモジュールを追加し、編集を開始するだけです。

サイトに加えた変更はリアルタイムでプレビューできます。ページにテキストコンテンツを追加したい場合は、テキストを追加したい部分をクリックして編集を開始するだけです。とても簡単です。

45種類以上のページ要素をご用意しており、サイトをモダンで完成度の高いものにすることができます。ユーザーは、ページの要素を素早く選択して編集するだけで、非常に簡単に操作できます。

注目すべきもう 1 つの重要な側面は、すぐに使用できるページ テンプレートです。利用可能なテンプレートのいずれかを選択して、すぐに編集できます。

Divi Builder はどのような要素を提供しますか?

これまでにページ ビルダーを使用したことがある場合、ページ ビルダーの良し悪しは、それが提供する要素によって決まることをご存知でしょう。

ホームページで確認できる何百もの異なるデザイン モジュールが提供されています。

Diviには様々な要素（モジュールと呼ばれる）が含まれており、投稿やページを非常に柔軟に作成できます。ボタン、ヘッダー、テキストといった基本的な要素に加えて、Diviには以下の機能に特化したモジュールも含まれています。

Fyにモジュールを追加する

ウェブサイトの作成はかつてないほど簡単になりました。Diviを使えば、ページにあらゆる要素を即座に追加できます。要素を追加したいセクションにマウスオーバーするだけで、すぐに作業を開始できます。

ページ ビルダーに関して言えば、Divi Builder のモジュール セットは他のプレミアム ビルダーと遜色ありません。

Divi Builderを実際に使ってみる

もう少し詳しく掘り下げて、Divi Builder を使用してページを作成する方法を具体的に説明したいと思います。

新しい投稿やページを作成するときは、まず基本的なレイアウトを設定します。

サイドバーを移動することも、フル幅のページのみを選択することもできます。

次に、ボタンをクリックして実際の Divi ビルダーにジャンプできます。

まず、いくつかの列を挿入します。これは基本的に、キャンバスをどのように分割するかを決定します。キャンバス全体に配置したい場合は1列で十分ですが、ページを半分に分割したい場合は、2列以上を選択できます。

列の幅をそれぞれ変えることもできます。例えば、1つの列がページの70%を占め、残りの30%を2つ目の列に使うといった具合です。

同じページで異なる列の配置を使用する場合は、行を追加することもできます。

列の設定が完了したら、モジュールの追加を開始できます。列と行はレイアウトを定義します。モジュールは実際にコンテンツを追加する場所です。

例えば、ボタンモジュールを追加するとします。バックエンドエディタを使用すると、以下のようになります。

フロントエンドのビジュアルエディターに切り替えると、次のようになります。

他のページビルダーと同様に、Divi Builder の使い方に慣れるには少し時間がかかるかもしれません。しかし、一度インターフェースの使い方を理解すれば、コーディングスキルを必要とせずに複雑なレイアウトを作成できます。

簡単に元に戻す/やり直し

Diviの優れた点の一つは、簡単に元に戻す/やり直しできる機能です。Microsoft Wordを使ったことがある方なら、きっと「元に戻す」と「やり直し」ボタンのファンでしょう。

Diviでも全く同じことができます。もし間違えてしまったとしても、何も壊すことなく即座に変更を元に戻すことができます。

小さなことですが、生産性に大きく貢献します。

レスポンシブレイアウト

Diviのもう一つの優れた点は、レスポンシブなレイアウトを作成できることです。つまり、訪問者がデスクトップで閲覧していてもスマートフォンで閲覧していても、レイアウトは美しく表示されます。

しかし、Divi の本当に素晴らしいところは次のとおりです。

特定のデバイスに対して、一部のモジュールのみを表示するように選択できます。例えば、多くのスペースを占める動画があるとします。その動画はデスクトップユーザーには表示し、モバイルユーザーには表示しないようにしたい場合があります。

それを行うには、Divi Builder のボックスをチェックして、モバイルデバイス用の特定のモジュールを無効にするだけです。

この機能により、プラットフォーム固有のデザインを非常に簡単に作成できます。

流動的なビジュアルビルダーインターフェース

ビジュアル ビルダー インターフェイスを気に入っていただけると思います。このビルダーは、大小さまざまな画面でサイトをピクセル単位で完璧に表示するための完璧なソリューションを提供します。

新しいビジュアル ビルダーは、小型画面のデバイスに完全に最適化されており、いつでもどこでも外出先でサイトを編集できます。

ビジュアル ビルダーは縦型画面にも最適化されているため、サイトを編集するときに最適な表示が得られます。

ランディングページ用のフル幅レイアウト

ほとんどのページ ビルダーには次のような問題があります。

既存のテーマのフレームワーク内でのみページを作成できます。つまり、ページの本文を編集することはできますが、テーマの標準ヘッダーとサイドバーはそのまま残ります。

ほとんどのページでは問題ありませんが、専用のランディング ページを作成する必要がある場合は実用的ではありません。

Diviの大きな利点の一つは、100%空白のキャンバスからページを作成できることです。デフォルトのヘッダーもサイドバーもフッターもありません。

あなたがする必要があるのは、 空白ページ テンプレート：

次に、100% 空白のテンプレートを使用してページを作成します。

レイアウトをビルダーライブラリに保存する

最後に、Divi Builder について説明します。

ほとんどのサイトと同様に、複数のページで使用したい特定のレイアウトがあるでしょう。

作業を重複して行う必要がないように、Divi ではレイアウトを Divi ライブラリに保存できます。

そして、それらのレイアウトを新しいページに即座に読み込むことができます。

この機能により、膨大な時間を確実に節約できます。

楽しく使えるテーマ設定パネル

はい、Divi Builderのファンです。でも、他のテーマオプションはどうですか？

まず、 Divi Theme オプションページは使い方がとても簡単です。洗練されたデザインで、基本的なスタイル、ナビゲーション、レイアウト、SEOオプションを簡単に設定できます。また、AdSense広告をサイトに追加することも可能です。

その Divi Theme オプションを使えば、カスタムコードスニペットやCSSを簡単に追加できます。子テーマを設定する必要はありません！

素晴らしい活用法 WordPress カスタマイザ

Diviはテーマオプションの設定だけに頼るのではなく、 WordPress デザインのスタイルをリアルタイムで変更できるカスタマイザー。

静的メニューよりもカスタマイザーを使用すると、使い慣れたツールを使って変更を加えることができるため、大きな利点があります。 WordPress WYSIWYG インターフェース。

一般的なテーマデザイン

まず、Diviでは WYSIWYGカスタマイザー 通常のウェブサイトのスタイルを設定します。以下の項目をカスタマイズできます。

モバイル版サイト独自の設定をカスタマイズすることも可能です。こんなことができるテーマは他に見たことがありません！

モジュールのカスタマイズ

しかし、Diviは一般的なテーマのスタイル設定に留まりません。Divi Builderのモジュールを覚えていますか？そう、カスタマイザーを使えば、それらの外観をカスタマイズできるのです！

たとえば、 価格表 モジュールでは、 Divi → モジュールカスタマイザーここでは、さまざまなモジュールのスタイルを変更できます。

次に、 価格表 そのモジュールのフォントに特定のスタイルを設定するオプション。

私が言おうとしているのは次のことだと思います:

Divi テーマを使用すると、コードを 1 行も知らなくても、Web サイトの外観を驚くほど細かく制御できます。

一括編集

これは、 Divi Themeキーボードの Cmd または Ctrl キーを使用して、ページ上の複数のモジュールを選択し、同時に編集することができます。

この機能は、クライアント向けにさまざまなサイトを作成し、同様の編集を行うときに非常に便利で、時間を大幅に節約できます。

スタイルの検索と置換

これは時間を節約し、効率を高めるための非常に効果的な機能です。Diviは、ページ上の任意のスタイルをすばやく検索して置き換えるオプションを提供します。

スタイルのコピー＆ペースト

また、あるモジュールから別のモジュールにスタイルをコピーして貼り付けるオプションもあり、編集プロセスを迅速かつ簡単に行うことができます。

ドラッグ可能な幅

ドラッグ可能な幅調整機能により、ユーザーはあらゆるモジュールの幅を非常に簡単に調整できます。ヘッダーや本文にセクションがある場合は、ドラッグするだけで簡単に幅を変更できます。

カスタムヘッダーデザイン

ヘッダーは、ウェブサイトの訪問者が最初に目にする部分です。そのため、ヘッダー部分は印象に残るよう美しく仕上げる必要があります。

Diviは、サイト用のカスタムヘッダーを作成するための素晴らしいオプションを提供します。ヘッダーセクションのレイアウトを自由に調整できます。

サイトのメニューを完全にカスタマイズできるだけでなく、ロゴの配置も変更できます。垂直ナビゲーションを作成したり、サイトの向きを完全に変更したりして、完全に独自のサイトにすることもできます。

マーケティング要素

---

Divi Leadsを使った簡単なA/Bテスト

マーケターなら、きっと常にウェブサイトの改善に取り組んでいることでしょう。Diviテーマでは、Divi Leadsと呼ばれる機能を使って、サイト内のほぼすべてのモジュールのA/Bテストを行うことができます。

分割テストを有効にすると、Divi Builder に追加したモジュールを簡単に A/B テストできるようになります。

選択肢は2つだけではありません！Divi Leadsを使って多変量テストを実行することもできます。

A/Bテストに役立つサードパーティのプラグインもありますが、 WordPress サイト上で、Divi Leads ほど統合されたものはありません。

メールマーケティングとソーシャルシェアリング

コンテンツをマーケティングする場合、ソーシャル共有と電子メール マーケティングはプロセスの不可欠な部分です。

Divi は、電子メール マーケティングとソーシャル メディア マーケティングを管理するための包括的なオプションを提供し、他のツールを探す必要がなくなります。

時間を節約できる既成レイアウト

すべてのレイアウトを一から作成するのは大変に感じるかもしれません。そのため、Diviのビルダーには、あらかじめ用意されたレイアウトが多数含まれています。

そのため、新しいページを作成するたびに空白のキャンバスから始めるのではなく、既存のレイアウトを選択して、ニーズに合わせてカスタマイズすることができます。

新しいページや投稿を作成するたびに、これらのあらかじめ用意されたレイアウトすべてにアクセスできるようになります。

そして、上で述べたように、ライブラリに保存した独自のテンプレートをいつでも使用できます。

ナビゲーションオプション

Diviは、ナビゲーションメニューに素晴らしいデザインを提供します。通常のナビゲーションを使いたくない場合は、サイトに垂直ナビゲーションを作成することもできます。

ロゴやメニューの配置を変えて、ユニークな外観にすることができます。

Divi 投稿ビルダー

デフォルトの投稿レイアウトでは WordPress 読みやすくすっきりしていますが、重要な投稿に彩りを添える派手なデザインオプションはありません。

Divi 投稿ビルダーは、読者に強い影響を与える豊富な投稿デザインを作成するための素晴らしいオプションを提供します。

Diviカラーマネージャー

Diviのカラーマネジメントは、新たに導入された機能です。システムは最近使用したすべての色を自動的に記録し、サイトの編集時に新しいウィンドウを表示します。

きっと気に入っていただける素晴らしいカラースキームがあり、色を実装してサイトの各セクションを魅力的に見せるのは楽しいことです。

オンラインストアを作成する

電子商取引は昨今大きなビジネスとなっており、独自の製品やサードパーティの製品を販売するための独自のオンライン ストアを作成したい場合は、Divi テーマを使用してストアを作成できます。

すでに述べたように、Diviテーマには、 WooCommerce プラグインを使用すると、簡単にストアを作成できます。

電子商取引サイトで使用できる美しいデザイン テンプレートが用意されているので、サイトの構築をより簡単かつ迅速に開始できます。

Divi Builder には、サイト上で商品を紹介するための見栄えの良いレイアウトを作成するためのモジュールが多数用意されています。

言語オプション

Diviは非常に人気のあるテーマで、多くの言語を話す人々に使用されています。そのため、このテーマでは、テーマ全体を32の言語に簡単に翻訳できるオプションを提供しています。

強力なセキュリティ

サイトの安全性は、ホスティングやテーマを選択する際に考慮すべき最も重要なパラメータの 1 つです。

Divi テーマはセキュリティを非常に重視しており、Web サイトが悪意のある人物に侵入されないようにします。

優れたナレッジベースとサポート

Diviのもう一つの優れた点は、強力なサポート基盤があることです。Elegant Themesは、動画チュートリアルや詳細なガイドが満載の巨大なナレッジベースを作成しているだけでなく、Diviをより有効に活用するための記事をブログに掲載しています。

それだけでは十分でない場合は、Divi チュートリアルの提供に特化したサードパーティの Web サイトを見つけることもできます。

Divi スピードアップデート

Divi Theme 最近、全体的な読み込み速度を向上させるための非常に重要なアップデートが行われました。GoogleがCore Vitalアップデートをリリースし、それがGoogle検索アルゴリズムの一部となったことで、読み込み速度はさらに重要になっています。

サイトが瞬時に読み込まれないと、ユーザーとランキングを失うことになります。Diviのような多くのモジュールを備えたテーマでは、読み込む必要があるCSSファイルが非常に多いため、読み込み速度を制御するのは困難です。

しかし、最近のDiviのアップデートですべてが変わりました。このアップデート後、Google Page Speedで100点満点、GTMetrixで100%を達成できるようになりました。

では、Divi はこれをどのように実現するのでしょうか?

以前は、ユーザーがページを読み込む際に、そのページに必要のないモジュールも含め、すべての要素が読み込まれていました。しかし、Dynamic Framework では、ページに必要なモジュールのみが読み込まれるようになりました。

したがって、Divi が提供する 50 を超えるデザイン モジュールのうち 5 つのモジュールのみをページで使用した場合、システムは 50 個のモジュールすべてではなく、それらの 5 つのモジュールのみを読み込むため、ページの読み込みは以前よりも大幅に速くなります。

また、ダイナミックCSSが導入され、ファイルは数百のファイルに分割され、すべてが読み込まれるのではなく、必要なものだけが厳密に読み込まれるようになりました。JavaScriptは、モジュールに必要な場合にのみ読み込まれます。

Divi の重要な CSS システムは、スクロールせずに見える範囲のコンテンツのスタイル設定に必要な CSS を識別し、他のすべてを延期して、ページが超高速になるようにします。

Divi は、Google Fonts をキャッシュしてインラインで読み込むことで最適化します。

Diviはまた、トップのいくつかとの比較も公開しました Divi Theme 競合他社の製品です。Elegant Themes のサイトでご覧いただけます。

永遠に Divi を使い続けるつもりですか?

Diviに対するよくある批判として、Diviビルダーはユーザーを永遠にDiviを使い続けなければならないと「縛り付ける」というものがあります。これはDiviビルダーがページ構築にショートコードを使用しているためです。これは確かに正当な批判ですが、以前ほど重要ではありません…

これは、 エレガントなテーマ 皆様の声に耳を傾け、問題を軽減するための重要な変更を行いました。Divi Builder をスタンドアロンプ​​ラグインとして使用できるようになりました。

つまり、将来的にテーマを変更したくなった場合でも、Diviで作成したページは、 Divi ビルダープラグイン.

Divi Builderプラグインを使用する必要がありますが、 既存のページを壊す心配なく、いつでも自由にテーマを変更できます。テーマのロックインはもう必要ありません。

Diviコミュニティ

Diviテーマのレビューは、このテーマを取り巻くコミュニティに触れずには完結しません。実際、このコミュニティはこのテーマの重要な強みの一つであり、この強力なテーマでほぼあらゆることを実現できる力となっています。

Divi コミュニティでは、Divi で作成したサイトで使用できる便利なものを常に共有しています。

Divi Builder を使用すると、サイト用のユニークなデザインを作成するのは非常に簡単ですが、魅力的なレイアウトを作成するのに必要な時間や最低限のスキルがない可能性があります。そこでコミュニティが役に立ちます。

Diviコミュニティでは、あなたのサイトで使える魅力的なテンプレートを定期的に共有しています。検索を始めるのに最適な場所の一つは、ElegantThemesのブログです。

Divi Theme レビュー: 私の最終的な考え

Diviが人気なのには理由があります。デザインスキルに関わらず、誰でも美しいウェブサイトを作成できるからです。

の力を解き放ちたいなら WordPress ユニークで美しいウェブサイトを作成したい場合は、Divi テーマの使用をぜひ検討してください。

強力で多目的なテーマを利用できるだけでなく、何か困ったときにも頼れるサポート ベースも得られます。