ディビvsアバダ2022

DiviとAvadaは、市場で最高のWordPressテーマの2つとして広く認められています。

これらの多目的「オールインワン」WordPressテーマはどちらも、ユーザーフレンドリーなドラッグアンドドロップページビルダーを備えており、美しい既成のWebサイトレイアウトがパッケージ化されています。 これにより、ボタンをクリックするだけであらゆるタイプのWebサイトを作成できます。

エレガントなテーマは2013年にDiviを立ち上げました。これは、市場に出回った最初の「オールインワン」WordPressテーマではありませんでしたが、すべてを正しく実現した最初のオールインワンデザインであり、他のテーマ開発者にゲームのステップアップを促しました。

過去数年にわたって、Elegant ThemesはDiviを継続的に改良および改善し、主力のページビルダーであるDiviBuilderをテーマの中心に置いてきました。

Diviは間違いなく最高のWordPressテーマの1つですが、XテーマやGenesis Frameworkなど、WordPressユーザーが検討すべき代替案があります。

このレビューでは、DiviとAvadaの比較を紹介します。

Avadaは、Diviがリリースされる1年前の、ThemeFusionによって2012年にリリースされました。

約60万件の売り上げを誇る、ThemeForestで最も売れているWordPressテーマであり、2位のXテーマを3対1で上回っています。

Avadaを数分間使用すると、WordPressテーマがなぜそれほど人気が​​あるのか​​が明らかになります。 これは用途の広いソリューションであり、統合されたページビルダーであるFusion BuilderLiveは優れています。

DiviとAvadaができることを詳しく見て、それらがどのように比較されるかを見てみましょう。

記事セクション：

• セットアップのしやすさ
• バックエンドページの構築
• フロントエンドページの構築
• コンテンツとレイアウト
• その他の機能と設定
• パフォーマンス
• サポートとドキュメント
• 料金
• 最終的な考え

セットアップのしやすさ

オールインワンのWordPressテーマは、技術的な経験に関係なく、誰でも使用できるように設計されています。

ただし、初心者は、特に初めて設定するときに、少し余分な助けが必要になる場合があります。

Divi –セットアップのしやすさ

Diviを初めて使用する場合、エレガントなテーマはテーマ、ページビルダー、およびパッケージ全体を説明するためにこの単語を頻繁に使用するため、「Divi」が何を指すかについて少し混乱する可能性があります。

混乱を避けるために、WordPressテーマはDivi Builderページビルダーと区別するためにDiviテーマと呼ばれることもあります。

WebサイトでDiviテーマをアクティブ化するには、ファイルをWordPressテーマフォルダーにアップロードし、WordPressテーマページからデザインをアクティブ化する必要があります。

Diviテーマは、アクティブ化後に別のページにリダイレクトされませんが、WordPress管理メニューの下部にDiviの管理メニューが表示されます。

メニューは、主要な構成領域（テーマオプション、テーマビルダー、テーマカスタマイザー、ロールエディター、Diviライブラリ、およびサポートセンター）にリンクしています。

Divi BuilderはDiviテーマに直接組み込まれていますが、他のWordPressテーマでDivi Builderを使用したい場合は、スタンドアロンのWordPressプラグインとしても利用できます。

スタンドアロンのDiviBuilderの管理メニューはほとんど同じです。 WordPressカスタマイザーへのリンクがなく、テーマオプションページがオプションの少ないプラグインオプションページに置き換えられています。

Divi Builder WordPressプラグインがWebサイトで使用されていて、Diviテーマをアクティブ化すると、Divi BuilderWordPressプラグインは自動的に非アクティブ化されます。

Diviの自動テーマ更新を有効にするには、Diviオプション領域の更新ページに移動し、エレガントテーマのユーザー名とAPIキーを入力します。

DiviやAvadaなどのオールインワンのWordPressテーマは、特定の機能が正しく機能することを保証するために、他のデザインよりも多くのリソースを使用する傾向があります。

ホスティング設定が正しく構成されていない場合、事前に作成されたレイアウトをインポートするプロセスが遅くなることがあります。

したがって、アクティベーション後にDiviサポートセンターをチェックして、セットアップのステータスを確認することをお勧めします。

このページには、セーフモードとエラーログもあります。

Avada –セットアップのしやすさ

Avadaは、WordPressテーマに対してより初心者に優しいアプローチを採用しています。

AvadaをWordPressテーマフォルダーにアップロードしてデザインをアクティブ化すると、Avadaのウェルカムページに移動します。

ウェルカムページには、Avadaの最新バージョンに関する紹介ビデオが表示され、購入を登録するように促されます。

また、FusionCoreとFusionBuilderの2つのWordPressプラグインをアクティブ化することをお勧めします。

ウェルカムページのナビゲーションメニューに表示されるすべてのページは、Avada管理メニューにあります。

迷惑なことに、Avadaは「外観」メニューの周りに配置されるのではなく、WordPressダッシュボード管理ページの下の管理メニューの上部にメニューを配置します。 これにより、投稿、メディア、ページなどの主要なWordPress機能への重要なリンクがWordPress管理メニューのさらに下にプッシュされます。

これがイライラする場合は、無料のWordPressプラグインの管理メニューエディターを使用して、WordPress管理メニューをより適切に整理できます。

テーマとプラグインの更新を受け取り、Avadaのテーマデモ範囲にアクセスするには、トークンキーを使用して購入を登録する必要があります。

Avadaが正しく機能するには、FusionCoreとFusionBuilderをアクティブにする必要があります。 これは、WordPressプラグインページから実行できます。

AvadaのFusionWhite Label Brandingプラグインも、4つのプレミアムプラグインと推奨される無料プラグインのセレクションとともにここにあります。

Fusion Builderをアクティブにすると、Avada管理メニューの下にFusionBuilder管理メニューが表示されます。

Fusion Sliderの管理メニューが下に表示され、ポートフォリオとFAQのカスタム投稿タイプのメニューがあります。

Diviと同様に、Avadaは効率的に機能するために優れたホスティング設定を必要とします。

システムステータスページは、ホスティング構成の問題を検出するのに役立ちます。 WordPressのインストールとサーバー環境に関する情報が表示され、システムレポートを生成できます。

Avadaはユーザーにより多くのメニューと情報を提供しますが、開発者はユーザーをウェルカムページにリダイレクトすることで、WordPressの初心者をテーマに簡単に取り入れることができたと思います。

結論–セットアップの容易さ

DiviもAvadaも設定は難しくありませんが、Avadaは、新しいユーザーを有益なウェルカムページにリダイレクトすることで、初心者をさらに支援します。

Diviは変更する設定が少なく、ほとんどの構成オプションを1つの領域に配置しますが、Diviがアクティブ化された後は、初心者には何の助けもありません。

勝者：アバダ

バックエンドページの構築

DiviとAvadaの中心には、市場で最高のドラッグアンドドロップページビルダーの2つ、DiviBuilderとFusionBuilderがあります。

どちらのソリューションも、美しいWebサイトのデザインを作成するタスクを簡素化し、バックエンドとフロントエンドのエディターを提供します。

Divi –バックエンドページの構築

Divi Builderがアクティブ化されると、WordPressエディターの上部に「DiviBuilderを使用する」ボタンが表示されます。 これは、DiviBuilderフロントエンドのVisualBuilderエディターを指します。

次に、DiviBuilderを使用してレイアウトを編集するオプションが表示されます。

ログインしている場合は、WordPress管理バーからWebサイトのフロントエンドでDivi Builder VisualBuilderを起動することもできます。

デフォルトでは、Diviはすべての投稿、ページ、およびカスタム投稿タイプに対して有効になっています。 何らかの理由でDiviBuilderが表示されない場合は、Diviオプション領域をチェックして、その投稿タイプでDiviが有効になっていることを確認してください。

Diviへの最も興味深い追加の1つは、Diviレイアウトブロックです。 このブロックを使用すると、DiviレイアウトをWordPressブロックエディターに直接挿入できます。

Diviを使用したい場合は素晴らしい機能ですが、レイアウトを作成する主な方法としてWordPressブロックエディターを使用します。

以前は、DiviBuilderはバックエンドページ構築エディターでした。 現在LegacyBuilderと呼ばれているこのエディターは、DiviBuilder内で引き続き使用できます。

Diviテーマがアクティブになっている場合は、テーマオプション領域内のビルダーセクションに移動し、[詳細設定]タブをクリックして、レガシービルダーを有効にできます。

次に、最新のビルダーエクスペリエンスオプションを無効にして、クラシックエディターを有効にします。

スタンドアロンのDiviBuilder WordPressプラグインを使用している場合、これらのオプションはプラグインオプションページの[詳細設定]タブにあります。

Legacy Builderは、VisualBuilder内で使用可能なワイヤーフレームビューモードと同様のルックアンドフィールを備えています。

バックエンドエディタとして、レイアウトに加えた変更をリアルタイムで確認することはできません。 ただし、これにより、気が散ることが少なくなるため、ページの構造をすばやく作成できます。

エディターの上部には、一般設定とインポートおよびエクスポート設定が表示されます。 その下には、ライブラリに保存、レイアウトをロード、およびレイアウトをクリアするためのオプションがあります。 変更を元に戻したり、変更をやり直したり、編集履歴を表示したりするためのボタンもあります。

VisualBuilderをDiviBuilderのデフォルトのエディターにすることで、Elegant Themesは正しいことをしたと思いますが、バックエンドエディターは依然として美しいレイアウトを作成でき、一部のWebサイト所有者がこのインターフェイスを好む理由は簡単にわかります。

Avada –バックエンドページの構築

FusionBuilderに注目しましょう。

Fusion Builder Liveは、Avadaでレイアウトを作成および編集するための主な方法ですが、最初に、バックエンドエディターがどのように機能し、FusionBuilderがWordPressブロックエディターとどのように機能するかを示します。

プラグインがアクティブになると、WordPressエディターにFusionBuilderとFusionBuilderLiveのボタンが表示されます。

Fusion Builderの開発者は、WordPressブロックエディターとの統合を改善することを計画していますが、現時点では、Fusion Builderをアクティブ化すると、クラシックエディターがデフォルトの編集エクスペリエンスになります。

Fusion Builderの設定ページで、[Fusion Builderの自動アクティブ化]を有効にすることで、バックエンドのFusionBuilderエディターを自動的にロードできます。

Fusion Builderで新しい投稿またはページを作成するときに、コンテナーを追加するか、事前に作成されたページを追加するかを尋ねられます。

Fusion Builderの上部で、BuilderとFusionBuilderライブラリを切り替えることができます。 ライブラリには、完全なWebサイトのテーマのデモと、保存されたテンプレート、コンテナー、列、および要素（モジュール）が含まれています。

この領域では、CSSの変更、レイアウトの保存、レイアウトの削除、および編集履​​歴の表示もできます。

機能の観点から、バックエンドのFusion Builderエディターは、DiviのLegacy Builderと多くの共通点がありますが、その鈍い灰色の配色により、インターフェイスが少し古くなっているように見えます。

Fusion Builder Liveは、WordPressツールバーからWebサイトのフロントエンドで起動できます。 [ページの編集]を選択して、好みのバックエンドエディタに戻ることもできます。

WordPressブロックエディターとの直接統合はありませんが、コンテンツを追加または編集するときに、Fusion Builder、Fusion Builder Live、またはWordPressブロックエディター（Gutenberg）のいずれを使用するかを選択できます。

クラシックエディタまたはFusionBuilderエディタを使用している場合、ブロックエディタに直接切り替える方法はありません。

WordPressクラシックエディター、WordPressブロックエディター、Fusion Builderのいずれを使用しているかに関係なく、WordPressのバックエンドでコンテンツを作成している場合は、[Fusionページオプション]ボックスが表示されます。

これらの設定により、Webサイトの各投稿、ページ、またはカスタム投稿タイプをカスタマイズできます。 ここで定義するものはすべて、メインのAvadaテーマオプションページの設定を上書きします。

ここでは、ヘッダー、レイアウト、コンテンツ領域などの多数の設定を利用できます。

Divi Builderと同様に、Fusion Builderは、すべての投稿、ページ、およびカスタム投稿タイプに対してデフォルトで有効になっています。 Fusion Builderの設定ページで、有効になっている投稿の種類を確認できます。

ご覧のとおり、機能の観点から、Fusion Builderは、WebサイトのバックエンドにあるDiviBuilderと同じ数のデザインオプションを提供します。

結論–バックエンドページの構築

Webサイトのフロントエンドでほとんどのコンテンツとレイアウトを編集する場合でも、保存されたレイアウトをすばやく変更できるため、各バックエンドエディターの動作をよく理解しておくことをお勧めします。

また、WebサイトのバックエンドからDivi VisualBuilderとFusionBuilderLiveを起動する方法を理解する必要があります。

間違いなく、DiviBuilderはWordPress管理エリアでより適切に実装されています。 WordPressブロックエディターを強力にサポートし、バックエンドのLegacyBuilderはよりカラフルになっています。

対照的に、Avadaは引き続きWordPressブロックエディターを無効にし、古いクラシックエディターをデフォルトのエディターにします。

勝者： Divi

フロントエンドページの構築

あなたはあなたのウェブサイトのバックエンドでレイアウトを作成するためにDiviやAvadaを購入しませんでしたね？

これらの高度なWordPressテーマを完全に体験したい場合は、統合されたフロントエンドエディターを使用する必要があります。

Divi –フロントエンドページの構築

バックエンドのLegacyBuilderエディターと区別するために、DiviBuilderのフロントエンドエディターはVisualBuilderと呼ばれますが、デフォルトの編集エクスペリエンスであるため、ほとんどの人は単にDiviBuilderと呼びます。

すでにコンテンツが含まれているページを編集している場合、Divi Builderが完全に起動し、レイアウトを変更できるようになります。

ページが空白の場合、DiviBuilderは3つのオプションを提示します。 レイアウトを最初から作成するか、作成済みのレイアウトを選択するか、既存のページのクローンを作成するかを選択できます。

初心者には、Divi Builderで何ができるかを確認し、インターフェイスがどのように機能するかを学ぶことができる、事前に作成されたレイアウトを選択することをお勧めします。

Divi Builderメニューはページの下部に表示され、3つのセクションに分かれています。

レイアウトの任意の部分にカーソルを合わせると、要素のアウトラインと、設定、スタイル、位置などを変更するためのボタンが表示されます。

レイアウトは多くのセクションを使用して構築されます。 セクションには多くの行を含めることができ、行には多くの列を含めることができ、列には多くのモジュールを含めることができます。

ページ上のこれらのアイテムのいずれかにカーソルを合わせると、移動、設定の変更、複製、ライブラリへの保存、削除などのオプションを含むボックスが表示されます。

セクション、行、列、モジュールなど、デザインのあらゆる側面を変更するプロセスは同じです。

Divi Builderメニューは、ページ作成エクスペリエンスの大きな部分を占めています。

Divi Builderメニューの中央にある大きなXを押すと、メニューが消えます。 メニューを元に戻すことができるように、3つのドットが付いたボタンだけが残ります。

メニューの左側には、デザインをズームインおよびズームアウトし、デスクトップ、タブレット、およびスマートフォンモードで表示するためのボタンがあります。 Divi Builderは、すべてのデバイス用に開発されたレスポンシブソリューションですが、モバイル訪問者がレイアウトをどのように表示するかを確認することは依然として有用です。

DiviBuilderの設定メニューはここからも利用できます。

この設定ボックスから、ホバーモード、クリックモード、およびグリッドモードを有効にできます。 これらのモードは、VisualBuilderとの対話方法を変更します。

デフォルトの表示モード、ページ作成フロー、ビルダーインターフェイスアニメーションなど、他の多くの設定をここで有効または無効にできます。

左側には、「ワイヤーフレームビュー」もあります。

これは、レイアウトからすべての視覚要素を取り除き、ページの構造を確認できる、DiviBuilderの私のお気に入りの機能の1つです。

すべてが混雑していないため、モジュールと行を移動するタスクがはるかに簡単になります。

Divi Builderメニューの中央には、ライブラリからロード、ライブラリに保存、およびレイアウトをクリアするためのボタンがあります（レイアウトについては後で詳しく説明します）。

右側には、ページ設定ボックスをロードするためのオプションがあります。 このボックスは、ページ内を移動したり、ページのサイズに合わせてスナップしたりできます。

ページタイトル、注目の画像、背景色を編集するオプションがあります。 分割テスト機能もここにあります。

デザインタブと高度なタブでは、数十のスタイリングオプションを利用できます。 元に戻すボタンとやり直しボタンもこの領域に統合されているため、行った変更を元に戻すことができます。

編集履歴ボックスで行ったすべての編集を表示して、以前の状態に戻すことができます。

真ん中のメニューの最後のオプションは移植性です。

移植性ボックスを使用すると、JSONファイル形式を使用してレイアウトをエクスポートおよびインポートできます。

これは、レイアウトのバックアップを作成したり、DiviBuilderのレイアウトを他のWebサイトに転送したりする場合に役立ちます。

レイアウトは、Diviメニューの右側にある保存ボタンを使用していつでも保存できます。

この領域には、検索、レイヤー、およびヘルプ用のボタンもあります。

検索ツールを使用して、DiviBuilderのすべての機能を見つけることができます。 役立つチュートリアルもここにリストされていますが、ヘルプボタンを介してビデオチュートリアルや便利なキーボードショートカットもあります。

レイヤーは、すべてのレイアウトセクションを表示するのに役立つ新しいツールです。 これは、ページがどのように構成されているかをすばやく確認する方法であり、セクション設定を変更できます。

Avada –フロントエンドページの構築

AvadaのフロントエンドエディターはFusionBuilderLiveと呼ばれます。

このページビルダーはAvada専用に構築されており、個別にダウンロードすることはできません。これは、市場で最高のWordPressページビルダーの1つであるため残念です。

ウェブサイトのデザインオプションをWordPressカスタマイザーに統合する代わりに、ThemeFusionはテーマカスタマイザーをFusionBuilderLiveに直接構築しました。 つまり、投稿やページ、Webサイトのヘッダー、フッター、サイドバー、ロゴのデザインなど、エディターを介して何でも編集できます。

Fusion Builder Liveのメインメニューは各ページの上部にあり、設定はページの左側にあるサイドバーに表示されます。 メインメニューの最初のボタンは、このサイドバーを非表示にして、レイアウト全体を表示できるようにします。

Divi Builderと同様に、ページの一部にカーソルを合わせるだけで、カスタマイズしたり、別の場所に移動したりできます。

サイドバーが表示されると、メインキャンバス領域内でレイアウトが縮小されますが、オプションがポップアップ設定ボックスではなくページの左側に表示されるため、混雑が少なくなります。

必要に応じて、移動可能なアイコンボックスに要素の設定を表示できます（Diviでは、要素はモジュールと呼ばれます）。

環境設定ボックスで、要素の編集モードを「要素」から「ダイアログ」に変更するだけです。

トップメニューの2番目のボタンは、Fusion Builderライブラリをロードし、その隣には、ページに加えたすべての変更を表示するオプションがあります。

次のボタンは、Fusion BuilderLive設定ボックスをロードします。

ここには、エディターの動作を変更する設定が12個ほどあります。 ここで、要素の設定をサイドバーからメインキャンバス領域に移動できます。

このボックスからメインサイドバーをページの右側に移動して、スティッキーヘッダーとトランスペアレントヘッダーを無効にすることもできます。

メニューの[+]ボタンをクリックすると、新しい投稿、ページ、その他のカスタム投稿タイプを作成できます。ゴミ箱ボタンを使用すると、レイアウトをクリアできます。

メインメニューの右側には、いくつかの便利なオプションがあります。

最初のボタンはサポート用です。 それをクリックすると、スターターガイドとテーマフュージョンサポートセンターへのリンクが表示されます。 便利なキーボードショートカットもここに表示されます。

次のボタンは応答性のためのものです。 これにより、デスクトップモードでのレイアウト、およびタブレットとスマートフォンの横向きモードと縦向きモードが表示されます。

Fusion Builder Liveには、バックエンドエディターを使用してレイアウトを表示するワイヤーフレームビューモードもあります。

私の意見では、Divi Builderのワイヤーフレームビューモードは、よりカラフルで使いやすいため、より優れています。

最後のボタンを使用すると、レイアウトをプレビュー、公開、および保存できます。

一見すると、プレビューボタンはオプションのサイドバーを非表示にしているように見えますが、この機能では編集も無効になり、アウトラインや設定ボタンが表示されなくなります。

ThemeFusionがキー設定をFusionBuilderLiveエディターに統合する方法は素晴らしいです。

設定サイドバーには、何百ものテーマレイアウト設定が一覧表示されます。 WordPressカスタマイザーと同じように機能します。

これらの同じオプションは、メインのAvadaテーマオプションページにもありますが、ライブエディターで変更することにより、変更内容をリアルタイムで確認できます。

WordPress管理エリアの投稿とページの下に表示されたFusionPage Optionsボックスを覚えていますか？

これらの同じオプションは、Fusion BuilderLive設定サイドバーにあります。 これらを使用して、ページとそのレイアウトに特定の変更を加えることができます。

全体として、Fusion Builder Liveは素晴らしいソリューションであり、そのインターフェイスは簡単に習得できます。 別売りではないのが残念です。

結論–フロントエンドページの構築

DiviBuilderとFusionBuilder Liveはどちらも素晴らしい編集体験を提供し、美しいレイアウトを簡単に作成できるようにします。

ページレイアウトの作成とページのスタイル設定に関しては、DiviBuilderがより洗練されたソリューションです。

モジュール、列、行、およびセクションに対して、はるかに多くのスタイリングオプションを提供します。 ワイヤーフレームビューモードなどの他の機能も、より適切に実装されています。

Divi Builderのレビュー全体をチェックして、何ができるかをより包括的に確認してください。

勝者： Divi

コンテンツとレイアウト

DiviとAvadaはどちらも、ボタンをクリックするだけでWebサイトにインポートできる美しい既成のWebサイトデザインとレイアウトがパッケージ化されています。

また、Webサイトのヘッダー、フッター、サイドバーなどをカスタマイズすることもできます。

Divi –コンテンツとレイアウト

Divi Builderでは1,100以上のレイアウトが利用可能であり、これらの多くはWebサイトレイアウトパックを形成するためにグループ化されています。

エレガントなテーマは毎週Diviに新しいレイアウトを追加しており、既成のDiviレイアウトを提供するサードパーティのWebサイトやマーケットプレイスが増えています。

前述のように、空白のページでDiviを起動すると、事前に作成されたレイアウトを選択するオプションがあります。

DiviBuilderのメインメニューからDiviライブラリをロードすることもできます。

Diviライブラリには、保存したすべての既成およびカスタムレイアウトが含まれています。 DiviBuilderを使用して作成したページにもここからアクセスできます。

レイアウトは12のカテゴリの1つに割り当てられていますが、検索ボックスから適切なレイアウトを見つけることもできます。

150以上のウェブサイトレイアウトパックがDiviで利用可能です。

これらのパックには、ホームページ、ブログインデックス、オンラインストア、概要ページなど、Webサイトのさまざまな領域のレイアウトが含まれています。

レイアウトを完全にプレビューして、どのように見えるかを正確に確認してください。

「コンテンツの置換」が選択されている場合、新しいレイアウトがレイアウト全体を置換します。 選択されていない場合、新しいレイアウトが既存のコンテンツの下部に追加されます。

Diviでは40を超えるコンテンツモジュールを利用できます。 画像、動画、地図、価格表、仕切り、行動を促すフレーズなどのモジュールがあります。

Diviには、ストアから商品を一覧表示するのに役立つWooCommerce専用のコンテンツモジュールもあります。

ページにモジュールを追加すると、その設定ボックスが表示されます。 ここで調整する機能とスタイル設定は数十あります。

モジュールに加えた変更は、後で使用するためにDiviライブラリに保存できます。

Divi Builderのメインメニューから、レイアウトをライブラリに保存し、レイアウトをクリアして、移植性ボックスを介してJSON形式でレイアウトをエクスポートできます。

Divi Libraryは、Divi Builderの重要な機能であり、私が利用することをお勧めします。

Diviライブラリには、保存したすべてのモジュール、列、行、コンテナ、およびレイアウトが保存されます。 保存したレイアウトには、Divi Builderから、またはメインのDivi管理メニューにリストされているDiviライブラリページからアクセスできます。

レイアウトの編集を選択すると、ワイヤーフレームビューモードでレイアウトが表示されます。

必要に応じて、デスクトップ、タブレット、またはモバイルモードでレイアウトを表示できます。 ここからDiviVisualBuilderを使用してレイアウトを起動することもできます。

Divi Theme Builderは、Divi Libraryと連携して、Webサイトのデザインをより細かく制御できるようにします。

レイアウトを最初から作成することも、ライブラリからレイアウトを選択して、ヘッダー、本文、またはフッターとして割り当てることもできます。 次に、これらのレイアウトが表示される場所と表示されない場所を正確に指定できます。

たとえば、1つのテンプレートをニュースブログの投稿に、1つをチュートリアルに、もう1つをホームページに、そして別のテンプレートをアバウトページに割り当てることができます。

これにより、Webサイトのさまざまな領域のスタイルを完全に制御できます。

Diviがリリースされたとき、テーマはすべてを処理しましたが、今日では非常に異なる構造になっています。

Diviテーマは、実際には、DiviBuilderやその他のWordPressページビルダーのキャンバスとして機能する最小限のWordPressデザインです。

Divi Theme Builderなどの機能は、ElegantThemesがDiviBuilderのデザイン機能をさらに拡張していることを示していますが、DiviThemeは引き続きWordPressカスタマイザーをサポートしています。

WordPressカスタマイザー内のDiviでは、何百ものカスタマイズ設定を利用できます。 間隔、フォント、色など、さまざまなスタイリング設定を調整して、結果をリアルタイムで確認できます。

ただし、投稿とページのコンテンツは引き続きDiviBuilderによって制御されることに注意してください。

残念ながら、DiviテーマはWordPressカスタマイザーを完全には採用していません。

Diviテーマオプションページからのみ変更できるデザイン設定が12ほどあります。 これには、Webサイトのロゴなどの主要な設定が含まれます。

エレガントなテーマが2つの異なる領域間でテーマのカスタマイズオプションを分割している理由は不可解です。

Avada –コンテンツとレイアウト

62のテーマデモがAvadaで利用可能です。

テーマのデモには、Webサイトのさまざまな領域のレイアウトが含まれており、Diviのレイアウトパックと同等です。

Avadaテーマオプションページには、すべてのテーマデモが一覧表示されます。 デモは、カテゴリまたは検索ボックスを使用してフィルタリングできます。

Diviには150を超える完全なWebサイトレイアウトパックがありますが、Avadaには間違いなくより多様なデザインがあります。

Diviと同様に、ショップ、ブログ、ビジネス向けのレイアウトがありますが、SEO、暗号通貨、eSports、ディスカッションフォーラムなどのニッチトピック用に作成されたテーマデモもあります。

各デザインの完全なWebサイトプレビューも利用できます。

クリックしてテーマのデモをインポートすると、Avadaは、正しく機能するためにアクティブ化する必要のあるWordPressプラグインを通知します。

Webサイトをプレビューに表示されるものと一致させたい場合は、デモコンテンツもインポートする必要があります。 Avadaでは、インポートするコンテンツを選択でき、投稿やページなど、以前にインポートしたコンテンツを削除するオプションがあります。

Avadaは、インポートする前に、インポートすると現在のWordPressテーマが置き換えられることを通知する警告を表示します。

Avadaは、Webサイトの名前をインポートしたテーマデモの名前に変更します。

これは最後にインポートしたデザインを思い出させますが、レイアウトをインポートするたびにWebサイト名を元に戻す必要があるのは面倒です。

デモは、ライブラリボタンを介してFusionBuilder内でも利用できます。

Fusion Builderライブラリには、テンプレート、コンテナ、列、および要素用に保存したテーマのデモとレイアウトが一覧表示されます。

この方法でテーマデモをインポートする場合、インポートできるのは1ページのみであり、デモコンテンツをインポートするオプションはありません。

この点で、エレガントなテーマは、事前に作成されたレイアウトをDiviBuilderに統合することでより良い仕事をしたと思います。 Avadaでは、Webサイトのレイアウトを完全にインポートするには、エディターの外に出る必要があります。

要素は、レイアウトに追加するコンテンツの構成要素です。

WordPressはそれらをGutenbergエディターでブロックと呼び、Diviはそれらをモジュールと呼びますが、それらはすべて同じものを指します。

Fusion Builderでは約60の要素を使用できます。これは、Divi Builderの要素よりも50％多くなります。

チャート、コンテンツボックス、画像カルーセル、価格表、紹介文など、さまざまな要素が提供されています。

要素を選択すると、その設定が設定サイドバーに表示されます。

各要素の設計カスタマイズオプションを利用できます。 ただし、Divi Builderには、さらに多くのスタイル設定とカスタマイズのオプションがあります。

クリックして要素を追加すると、新しい行を追加することもできます。 レイアウトに挿入するためのさまざまなネストされた列の設定があります。

列を挿入したら、コンテンツ要素を列に入力できます。

Divi Builderは、レイアウトに対してより多くのスタイリングとカスタマイズのオプションを提供しますが、Fusion Builder Liveは、統合されたテーマカスタマイザーでこれを補うだけではありません。

ボタンをクリックするだけで、投稿またはページのレイアウトを変更するか、ページレベルまたはWebサイトレベルで何百もの異なる設定を調整するかを切り替えることができます。

Avadaオプションページには何百もの設定があります。 これらのほとんどはFusionBuilder Liveにもあり、[ライブ編集]ボタンを使用していつでもFusion BuilderLiveインターフェイスにジャンプできます。

メインのAvadaオプションページにはいくつかの追加設定が含まれているため、Webサイトを初めて構成するときは、ここの各セクションを確認する価値があります。

個々のコンテンツ要素は、FusionBuilderの設定ページから有効または無効にできます。

このページから、Fusion Builderをデフォルトのエディターにし、特定の投稿タイプに対してFusionBuilderを有効または無効にすることができます。 XMLファイル形式を使用してFusionBuilderコンテンツをインポートおよびエクスポートすることもできます。

Fusion Builder Live全体を通して、レイアウトの一部をFusionBuilderライブラリに保存するためのオプションが表示されます。

保存したレイアウトに名前を付けて、グローバルとしてマークすることができます。 保存すると、いつでもFusionBuilderにロードできます。

Fusion Builderライブラリページは、FusionBuilderメインメニュー内にあります。

保存したすべてのアイテムにアクセスして、ここで変更できます。

デフォルトでは、保存されたアイテムはバックエンドのFusion Builderエディターを使用してロードされますが、フロントエンドのFusion BuilderLiveエディターを使用して変更を加えることもできます。

Avadaは、ページのタイトルバー、コンテンツエリア、およびフッターにレイアウトを割り当てることができるテーマビルダーも備えています。 これらのレイアウトにはセクションのラベルが付いており、バックエンドまたはフロントエンドのFusionBuilderエディターを使用して編集できます。

Divi Builderとは異なり、ページレイアウトを表示する場所を指定する方法はありません。

どちらのエディターにも気に入った機能がありますが、Fusion BuilderLiveの設定サイドバーは実際にライブ編集を次のレベルに引き上げます。 レイアウト、ページ設定、およびWebサイトのデザインをすべて、1つのインターフェイスから変更できるため、時間を大幅に節約できます。

結論–コンテンツとレイアウト

Divi Builderのライブラリシステムとページビルダーのカスタマイズオプションの豊富なリストにより、DiviBuilderはより優れたWordPressページビルダーになります。

事前に作成されたレイアウトをDiviBuilderに統合する方法も優れていますが、Avadaは全体的に最高のデザインと編集エクスペリエンスを提供します。

DiviはDiviテーマオプションページとWordPressカスタマイザーの間で主要なデザイン設定を分割しますが、AvadaではFusion BuilderLiveエディターを使用して1つの中央の場所からすべてを制御できます。 これは、Fusion BuilderLiveを群衆から際立たせる素晴らしい機能です。

勝者：アバダ

その他の機能と設定

非常に大きなWordPressテーマであるため、DiviとAvadaのすべての機能について話すことは不可能ですが、このセクションでは、DiviとAvadaで利用できる他の便利な機能について説明します。

Divi –その他の機能と設定

エレガントなテーマはほとんどの機能をDiviBuilderに移行しましたが、Diviをアクティブにすると、WordPress管理メニューに新しい「プロジェクト」カスタム投稿タイプも表示されます。

Divi Builderにはすでにポートフォリオコンテンツモジュールがありますが、プロジェクトの投稿タイプを使用すると、アイテムの表示方法と分類方法をより柔軟に設定できます。

Diviはまた、サイドバーの位置を割り当て、ナビゲーションメニューとタイトルバーを表示するかどうかを定義するために、投稿とページにいくつかの追加オプションを追加します。

前述のように、メインテーマオプション領域には、WordPressカスタマイザー内にはない多くのデザインオプションがあります。

オプション領域には、ナビゲーションメニュー、Divi Builder、単一の投稿とページ、468X60バナー広告、およびSEOのさまざまな設定もあります。 ページにカスタムコードを追加するオプションもあります。

Divi Role Editorは、DiviBuilderおよびDiviThemeで使用できます。

ロールエディタを使用すると、DiviBuilderでユーザーが実行できることと実行できないことを正確に指定できます。 ボタンをクリックするだけで、ユーザーグループに対して数十の機能を有効または無効にできます。

Avada –その他の機能と設定

Avadaでスライドを追加する方法の数は、ばかげていることに国境を接しています。

Fusion Builderの内部には、スライドをレイアウトに統合するためのSlide要素がありますが、Avadaには2つのSliderカスタム投稿タイプがテーマに組み込まれています。

これらはElasticSliderとFusionSliderであり、FusionSliderはAvadaテーマのデモで使用される投稿タイプです。

それだけでは不十分な場合は、AvadaにLayerSliderとSliderRevolutionも同梱されています。

これらの高度なスライダーWordPressプラグインは、WordPressユーザーが利用できる2つの最も売れているプレミアムスライダーソリューションです。

ポートフォリオとFAQの投稿タイプもAvadaで利用できます。

カスタムアイコンセットはAvadaでも作成でき、CodeCanyonにはAvada用の10個のプラグイン拡張機能があり、メンバーシップ、カスタムフィールド、レビュー、紹介文などの機能を追加します。

Avadaに含まれているプレミアムプラグインを完全にサポートするには、製品のライセンスを別途購入する必要があることに注意してください。

結論–その他の機能と設定

DiviとAvadaは常に進化しているため、今後数年間でさらに多くの機能が追加されることが期待できます。

Diviはページ作成のための最もスタイリングのオプションを提供しますが、Avadaはあなたのウェブサイトをより細かく制御できます。

勝者：アバダ

パフォーマンス

読み込みの速いウェブサイトは検索エンジンのランキングを向上させ、ウェブサイトへの訪問者を長く保ちますが、考慮すべき要素が非常に多いため、WordPressテーマの速度を正確にテストすることは難しい場合があります。

さらに、DiviとAvadaの速度を他のWordPressテーマと比較したい場合は、公正な比較を行うために、全面的に多くの仮定を行う必要があります。

DiviとAvadaはどちらも高速読み込みのWordPressWebサイトを構築できますが、フロントエンドエディターを使用してメディアリッチなレイアウトを作成すると、ページの速度が低下します。 もちろん、これはどのWordPressテーマにも当てはまります。

Webサイトのパフォーマンスを向上させ、ページビルダーが追加できる負荷を軽減するために、DiviとAvadaの開発者は、データベースクエリとHTTPリクエストの生成を減らすために、テーマに多くの機能を追加しました。

Divi –パフォーマンス

[Diviテーマオプション]領域の[一般設定]ページには、レスポンシブイメージを有効にし、CSSファイルとJavascriptファイルを縮小および結合するためのオプションがあります。

Divi Builderの設定ページには、静的CSSファイルの生成を有効にするオプションもあります。

Avada –パフォーマンス

Avadaには12のパフォーマンス設定があります。 これらは、メインテーマオプションページまたはFusion BuilderLive内で変更できます。

テーマを使用すると、JPG画像の品質を設定し、特定の幅で大きな画像を最適化できます。

遅延読み込みも利用可能で、フッターからスタイルシートを読み込むことができます。

Avadaは、CSSおよびJavascriptファイルを最適化するためのいくつかのツールも提供しています。

結論–パフォーマンス

DiviとAvadaはどちらも高速読み込みのWordPressWebサイトに電力を供給することができますが、推奨されるWordPress最適化手法に従う必要があります。

両方のWordPressテーマのシステムステータスページをチェックして、それらを効率的に実行するための要件を満たしていることを確認してください。 サーバーの応答時間が遅い場合は、より高速なホスティングソリューションへのアップグレードを検討することをお勧めします。

WordPress画像最適化プラグインは、ページに多くの画像が含まれている場合に役立ちます。

WP RocketなどのキャッシュプラグインやKeyCDNなどのコンテンツ配信ネットワークは、ページサイズをさらに縮小できます。

勝者：ネクタイ

サポートとドキュメント

優れたサポートを提供することになると、ElegantThemesとThemeFusionがWordPressの世界をリードしています。

Divi –サポートとドキュメント

Diviサポートセンター内には、ElegantThemesスタッフにWebサイトへのリモートアクセスを提供するオプションがあります。 これは、サポートチームが問題のトラブルシューティングに役立ちます。

以下に、エレガントテーマのサポートエリアへの直接リンクと、開始に役立ついくつかのビデオチュートリアルが表示されます。

各機能の目的を説明するヘルプアイコンもDiviBuilder全体で利用できます。

エレガントなテーマのドキュメントエリアは素晴らしいです。 Diviやその他の製品の使用方法を説明するために、何百ものチュートリアルとビデオチュートリアルが書かれています。 エレガントテーマブログは、チュートリアルも頻繁に公開しています。

Facebookグループ、コミュニティフォーラム、地元の交流会を通じて他のDiviユーザーとつながることもできます。

さらにサポートが必要な場合は、24時間年中無休でサポートチケットを作成してサポートを受けることができます。

ほとんどのWordPressテーマとは異なり、エレガントテーマは無制限の数のユーザーにサポートを提供します。 これは、従業員が多い企業に役立ちます。

Avada –サポートとドキュメント

Avadaには、AvadaおよびFusionBuilderの管理メニューにリストされている専用のサポートおよびFAQページがあります。

AvadaはThemeForestを通じて販売されているため、サポートチケットを開くには、ThemeFusionでサポートアカウントを作成する必要があります。

Avadaの詳細については、Avadaサポートページにリストされているスターターガイド、ドキュメントエリア、およびビデオチュートリアルを参照してください。

このページは、Avadaチケットサポートページ、コミュニティフォーラム、およびFacebookグループにもリンクしています。

このページでも、よくある質問がいくつか取り上げられています。

AvadaとFusionBuilderのドキュメント領域を探索し始めると、それがどれほど広範であるかを理解し始めます。

ここでは、AvadaテーマとFusionBuilderのあらゆる側面について説明します。

結論–サポートとドキュメント

DiviとAvadaで利用できる豊富なドキュメントは、助けを求める必要がほとんどないことを意味しますが、両方のWordPressテーマは、必要に応じて24時間年中無休のサポートチケットを提供します。

勝者：ネクタイ

料金

コストは、すべてのWebサイトの所有者が機能と一緒に考慮しなければならない要素です。

DiviとAvadaはどちらも競争力のある価格ですが、どちらのソリューションがより価値がありますか？

コスト– Divi

エレガントなテーマのメンバーシップにより、DiviテーマとスタンドアロンのDivi BuilderWordPressプラグインにアクセスできます。

また、雑誌のWordPressテーマExtra、メールオプトインおよびリード生成のWordPressプラグインBloom、ソーシャルメディアのWordPressプラグインMonarchも含まれています。

エレガントテーマの価格設定ポリシーは単純明快です。

彼らの年間会員費は89ドルで、1年間のサポートとアップデートが付属しています。 メンバーシップの有効期限が切れた後も、すべてのエレガントテーマ製品を引き続き使用できますが、サポートとアップデートは、メンバーシップがアクティブな場合にのみ受けられます。

生涯メンバーシップの費用は249ドルで、生涯にわたるサポートとアップデートが付属しています。

どちらのメンバーシッププランでも、無制限のWebサイトの使用が可能で、30日間の返金保証が付いています。

DiviがElegantThemesにサインアップする理由かもしれませんが、すべての製品は高品質であり、メンバーシップをより魅力的にしています。

Extraは、追加のカテゴリビルダー機能を備えたDiviテーマのスキンです。 これを使用して、投稿カテゴリごとに固有のレイアウトとスタイルを作成できます。 たとえば、ホームページ用に1つ、ニュース用に1つ、チュートリアル用に1つのデザインを作成できます。

Diviテーマと同様に、DiviBuilderはExtraに直接組み込まれています。

Bloomは、ニュースレターの登録フォームを6つの異なる方法で表示できるメールマーケティングソリューションです。 ユーザーがページの特定のポイントにスクロールした後や、コメントを公開した後など、フォームを表示するタイミングを定義できます。

19の異なるEメールマーケティングサービスをサポートし、何百もの既成のニュースレターフォームが付属しています。

ソーシャルメディアのWordPressプラグインMonarchも素晴らしいソリューションです。

これにより、5つの異なる場所にある20を超えるソーシャルメディアネットワークの共有ボタンを表示できます。 各ボタンは、ニーズに合わせてスタイルを設定およびカスタマイズできます。

コスト– Avada

AvadaはThemeForestで60ドルで小売りしています。

無制限のアップデートと6か月のサポートが付属しており、追加の$ 18で12か月に延長できます。

プレミアムWordPressプラグインのホストもAvadaパッケージに含まれています。

Avadaは、ThemeForestによって使い捨て製品として分類されているThemeForestの通常ライセンスの下でリリースされています。

このライセンスポリシーについては、Envato（ThemeForest）とWordPressの間で多くの意見の不一致がありました。これは、WordPressがリリースされたGNU Public Licenseに反し、使用を制限すべきではないと述べているためです。

それにもかかわらず、Avadaの開発者は、自分のWebサイトで、「作成するサイトごとにAvadaを1回購入する必要がある」と述べています。

簡単に言うと、複数のWebサイトでAvadaを使用する場合は、それぞれに個別のライセンスを購入する必要があります。

Avadaに含まれているプレミアムWordPressプラグインは、すべて個別に購入した場合、100ドル以上かかります。

Convert Plus（$ 24）は、Avadaで利用可能なEメールマーケティングWordPressプラグインであり、12の異なる方法でEメールサインアップフォームを表示できます。 何百もの既製のニュースレターフォームテンプレートを備えており、すべての主要な電子メールマーケティングサービスと統合されています。

Advanced Custom Fieldsは、WordPress.orgで100万回以上ダウンロードされている非常に人気のあるフィールド管理WordPressプラグインです。 Avadaに含まれているAdvancedCustom Fieldsのプロバージョン（$ 49 +）は、リピーターフィールド、ACFブロック、コンテンツフィールド、クローンフィールドなどの新機能を導入しています。

市場で最も人気のある2つのWordPressスライダープラグインは、Layer Slider（$ 25 +）とSlider Revolution（$ 29）で、どちらもAvadaに含まれています。

これらのプラグインを使用すると、最新のドラッグアンドドロップインターフェイスを使用してレイヤーを備えた高度なスライダーを構築でき、開始に役立つ何百もの既成のテンプレートが付属しています。

結論–コスト

2つのWordPressテーマのコストを比較することは、それらが異なる価格設定モデルで販売されている場合、決して簡単ではありません。

DiviとAvadaの両方に追加の高品質のWordPress製品がパッケージ化されていますが、これらの追加機能があなたに価値をもたらすかどうかを判断できるのはあなただけです。

エレガントなテーマのメンバーシップは無制限の使用を許可するため、多くのWebサイトを構築することを計画している場合は、Diviがより安価なオプションです。

1つのWebサイトにWordPressテーマのみが必要な場合、Avadaはわずか60ドルで入手でき、生涯更新が付属しているため、より安価に機能します。

コストに関しては、DiviはAvadaをわずかに凌駕しています。これは、General Public Licenseに準拠し、無制限の数のユーザーにサポートを提供するためです。

勝者： Divi

最終的な考え

私はWordPressCustomizerが好きですが、ThemeFusionはテーマのカスタマイズオプションをFusionBuilderLiveに直接統合するという素晴らしい仕事をしました。 それは本当にうまく機能し、あなたがあなたのウェブサイトを修正するのに費やす時間を減らします。

したがって、1つのインターフェイスからWebサイトのデザインのあらゆる側面を制御できるソリューションを探している場合は、Avadaを選択します。

Diviが引き続きリードしているのは、Diviライブラリシステムです。 エレガントなテーマは、レイアウトの保存、カスタマイズの作成、およびデザインの再利用のタスクを簡素化するために、この設定を何年にもわたって改良してきました。

したがって、スタイリッシュなコンテンツとプロフェッショナルなレイアウトを作成するのに役立つWordPressページビルダーを主に探している場合は、Diviの方が適しています。

DiviとAvadaはどちらも優れたソリューションであるため、どちらのWordPressテーマが最適かが決まります。

DiviとAvadaの比較の要約は次のとおりです。

あなたの好きなWordPressテーマはどれですか？

下のコメント欄でお知らせください。

この記事を楽しんだら、TwitterとFacebookでフォローすることをお勧めします。 また、無料およびプレミアムのWordPressテーマの幅広い範囲もチェックする必要があります。

幸運を。
ケビン