6ベストディビオルタナティブ2022

公開: 2022-02-28

WordPressサイトのDiviの代替品をお探しですか?

多くの人がDivi(私たちのレビュー)を気に入っています。それは、視覚的なドラッグアンドドロップデザインでカスタムのWordPressサイトを構築できるためです。コードは必要ありません。

ただし、Diviはすべての人にとって適切なソリューションではありません。また、WordPressのビジュアルデザインに関しては、Diviの優れた代替手段となる他の高品質のツールを数多く見つけることができます。

しかし、あなたの状況に最適なオプションはどれですか?

以下では、WordPressとすべての人気のあるサイト構築ツールを使用した実践的な経験に基づいて、Diviの6つの最良の選択肢を選び出しました。

Diviはテーマとプラグインの両方として提供されるため、テーマとプラグインの両方をリストに含めました。 これらすべてのツールの共通点の1つは、コードなしで見栄えの良いカスタムWordPressサイトを構築するのに役立つことです。

それぞれの選択肢について、私は以下を共有します:

  • ツールの一般的な紹介
  • ツールとDiviの長所と短所
  • 各ツールを使用してサイトを構築するのはどのようなものですか
  • 価格情報

掘り下げましょう!

目次
  1. 1.Elementor
  2. 2.アストラ
  3. 3.ビーバービルダー
  4. 4.アバダ
  5. 5.酸素
  6. 6. GeneratePress
  7. あなたのニーズに最適なDiviの選択肢はどれですか?
  8. 今日あなたのウェブサイトを構築する

1.Elementor

Elementor

Elementorは、Divi Builderと同じように、視覚的なドラッグアンドドロップデザインを使用してWordPressサイト全体を構築できるWordPressページビルダープラグインです。

無料版では、個々の投稿やページをデザインできますが、Pro版では、ヘッダー、フッター、コンテンツテンプレートなど、テーマ全体を最初から作成できます。

これはプラグインであり、Diviのようなテーマではないため、テーマとペアリングする必要もあります。 これは、このリストにある他のDiviの選択肢のいくつかや、SydneyやBotigaなどの他の軽量テーマとうまく連携します。

ElementorとDiviの長所と短所

長所

  • Elementorはどのテーマでも動作します。
  • 簡単な使用例のための無料バージョンがあります。
  • Elementorは、デザインオプションに関しては、Diviと同じくらい強力です。
  • ポップアップビルダーなど、Diviよりも多くの機能があります。

短所

  • Diviのような「本物の」公式テーマはありません。 ElementorはHelloテーマを提供しますが、それはあなたのデザインのための単なる空白のキャンバスです。
  • Elementor Proを複数のサイトで使用する必要がある場合は、より高価になります。

Elementorを使用してサイトを構築する方法

Elementorを使用すると、サイトを構築するための2つのオプションがあります。

まず、通常のテーマと組み合わせて、特定のページのデザインをより細かく制御したい場合にのみElementorビルダーをアクティブ化できます。 これは、Diviテーマを使用して基本的なテンプレートを制御し、より柔軟性が必要なときにDivi Builderをアクティブ化する、「従来の」Diviアプローチに似ています。

次に、Elementor Proのテーマビルダーを使用できます。これにより、Elementorのビジュアルインターフェイスを使用して、サイトのすべてのテンプレートをデザインできます。 これは、DiviがDivi4.0で導入した新しいテーマビルダー機能に似ています。

Elementorのテーマビルダー機能のみを使用する場合は、Elementorを公式のHelloテーマとペアリングすることをお勧めします。これは、デザインに可能な限り最も軽量なキャンバスを提供するためです。

Elementorを使用してサイトを構築するための基本に関するすばらしいビデオを次に示します。

Elementorの価格

コアのElementorプラグインは、WordPress.orgから無料で入手できます。 ただし、Diviの代替として使用する場合は、ほぼ確実にElementorProが必要になります。

Elementor Proは、単一のサイトで使用するために49ドルから始まり、テーマビルダーやポップアップビルダーを含むすべての機能にアクセスできます。

Elementorの詳細については、次の投稿をお読みください。

  • Elementor vs Divi
  • ElementorProレビュー
詳細/ダウンロード

2.アストラ

AstraWordPressテーマvsDivi

Astraは軽量で多目的のWordPressテーマであり、Diviの優れた代替手段となります。

Diviとは異なり、Astraには独自の視覚的なドラッグアンドドロップビルダーが付属していません。 代わりに、好みのビルダーとペアになるように構築されているため、ニーズに最適なデザインエクスペリエンスを選択できます。

次のビルダー向けにビルド済みのデモサイトを提供します。

  • ネイティブブロックエディター(グーテンベルク)
  • Elementor
  • ビーバービルダー

ただし、これらのオプションだけに限定されるものではなく、他のほとんどのビルダープラグインでもうまく機能します。 必要に応じて、プラグインバージョンのDiviBuilderで使用することもできます。

アストラ対ディビの長所と短所

長所

  • 特にブロックエディタとペアリングした場合、AstraはDiviよりも高速にロードされます。
  • WordPressカスタマイザーでより柔軟なテーマオプションを提供します。
  • どのページビルダープラグインでも使用できます。
  • ディビより安いです。

短所

  • Astraには独自のドラッグアンドドロップビルダーがありません。これを組み込みたい場合は、これが欠点になる可能性があります。

Astraでサイトを構築する方法

アストラはテーマなので、他のテーマと同じように使用します。 非常に柔軟性があり、カスタマイザーコントロールを使用して、ヘッダー、フッター、ブログ投稿テンプレートなどをデザインできます。

Astraのカスタマイザーコントロールは優れています—ドラッグアンドドロップのヘッダーとフッタービルダーを入手することもできます。

完全なビジュアルのドラッグアンドドロップデザインを追加するには、Astraをページビルダープラグインとペアリングする必要があります。 Elementorの無料バージョンは人気のあるオプションの1つですが、Astraはほとんどすべてのページビルダープラグインでうまく機能します。

または、ニーズに十分な設計の柔軟性がある場合は、ネイティブのWordPressブロックエディターをいつでも使用できます。

アストラの価格

コアのAstraテーマは、WordPress.orgで無料で入手できます。 無料のテーマだけで、すでに多くの柔軟性が得られます。これにより、Astraは無料のDiviの最高の選択肢の1つになります。

ただし、深刻なユーザーは、次の機能を追加するため、おそらくAstraPro拡張機能を追加することをお勧めします。

  • より柔軟なレイアウトオプション
  • より高度なメニュー/ヘッダーオプション
  • WordPressカスタマイザーのより多くのカスタマイズオプション
  • よりインポート可能なデモサイト(ただし、代理店ライセンスのみ)

Astra Proは無制限のサイトで使用するのに59ドルかかりますが、プレミアムデモサイトにアクセスするには、より高価なエージェンシーライセンスが必要です。

AstraとDiviの比較の詳細については、この投稿をお読みください。

  • アストラvsディビ
詳細/ダウンロード

3.ビーバービルダー

ビーバービルダー

Beaver Builderは、Elementorによく似た、視覚的なドラッグアンドドロップビルダーを提供するWordPressプラグインです。

ただし、開発者は、完全にDiviのようなエクスペリエンスを作成するためにビルダーとペアリングできるビーバービルダーテーマも提供しています。

Beaver Builderプラグインとテーマを同時に使用する場合、エクスペリエンスはDiviテーマとほとんど同じです。 ただし、Beaver Builderの優れている点は、他のテーマともうまく組み合わせることができるため、Diviが提供するものと比較して柔軟性が向上していることです。

また、Diviのテーマビルダーで得られるのと同じように、ビーバービルダーに完全なテーマ構築サポートを追加する公式のビーバーテーマ拡張機能もあります。

ビーバービルダーとDiviの長所と短所

長所

  • Beaver Builderで構築されたデザインは、Diviよりも少し軽量です。
  • そのビジュアルビルダーはより安定しており、グリッチが少なくなっています。
  • Beaver Builderを使用すると、別のテーマを簡単に使用できます。

短所

  • Beaver Builderは、特にテーマの作成が必要な場合、Diviよりも高価です。
  • Diviほど多くのスタイルオプションを提供していません。
  • Diviには、はるかに多くの事前構築された設計があります。

BeaverBuilderを使用してサイトを構築する方法

Beaver Builderを使用すると、サイトの構築方法に多くの柔軟性がもたらされます。 Diviと同じアプローチを模倣することも、テーマビルダーアドオンの有無にかかわらずスタンドアロンのページビルダープラグインとして使用することもできます。

最初のオプションは、ビーバービルダーのテーマとプラグインの両方を使用することです。 この設定では、グローバルスタイルのテーマとヘッダーやフッターなどの領域を使用し、実際のコンテンツにはページビルダープラグインを使用します。 このアプローチは、Diviとほとんど同じです。

2番目のオプションは、別のテーマでBeaverBuilderプラグインを使用することです。 これは、このリストの他の優れたDiviの代替品であるAstraとGeneratePressの両方とうまくペアになります。

最後に、Beaver Themerを使用して独自のテーマを作成することもできます。これにより、完全なテーマ構築サポートにアクセスできるため、Beaver Builderを使用してヘッダー、フッター、およびコンテンツテンプレートを設計できます。

これは、ビーバーテーマとビーバービルダーテーマのアプローチを比較したすばらしいビデオです。

ビーバービルダーの価格

コアのBeaverBuilderプラグインは、標準プランを介して無制限のサイトで使用するために99ドルかかります。これにより、Diviと同じ領域に配置されます。

ただし、Beaver Builderテーマにアクセスする場合は、199ドルのProプランが必要です。 また、テーマ作成機能を使用する場合は、無制限のサイトで使用するためにBeaverThemer拡張機能を147ドルで購入する必要があります。

このような状況では、BeaverBuilderはDiviよりも少し高価です。

Beaver Builderの詳細については、次の投稿をお読みください。

  • ビーバービルダーvsディビ
  • ビーバービルダーレビュー
  • ElementorとBeaverBuilder
詳細/ダウンロード

4.アバダ

Avadaは真のDiviの代替品です

Avadaは、Diviテーマとまったく同じアプローチを使用しているため、このリストでおそらく最も1対1のDiviの代替手段です。

Avadaは、AvadaBuilderと呼ばれる独自のビジュアルビルダーにバンドルされているWordPressテーマでもあります。 これは、DiviがDiviBuilderと呼ばれる独自のビジュアルビルダーにバンドルされているWordPressテーマであるのと同じです。

ただし、Avadaは、Divi4.10でパフォーマンス重視のアップデートをリリースしたDiviほどパフォーマンスが最適化されていません。

Avadaを最適化するには、WP Rocketなどのパフォーマンスプラグインを使用して、サイトがすばやく読み込まれるようにすることをお勧めします(WP Rocketのレビューで詳細を確認できます)。

AvadaとDiviの長所と短所

長所

  • Avada Builderは、ページとテーマの構築を1つの統合されたインターフェースに統合します。これは、Diviよりも少し便利です。
  • その基本テーマは、Diviテーマよりも柔軟性があります。
  • Avadaは、特にデフォルトでライフタイムアップデートが付属しているため、単一のサイトでのみ必要な場合は安価です。

短所

  • Diviは、Avadaよりも高速で、パフォーマンスが最適化されています。
  • Diviは、より大きなインポート可能なサイトライブラリを提供しています。

Avadaを使用してサイトを構築する方法

大まかに言えば、AvadaはDiviとほとんど同じように機能します。 Avadaテーマをインストールすると、AvadaBuilderにもバンドルされます。 次に、テーマオプションを使用して基本的なデザインを制御するか、Avadaのテーマ構築機能を使用して独自のテーマを作成できます。

Avadaのフロントエンド構築アプローチの概要は次のとおりです。

Avadaの価格

Diviと同様に、Avadaにはプレミアムバージョンのみがあります。 それはあなたに生涯の更新を得るが、単一のサイトのためだけである60ドルの費用がかかります。

これは、すべてのプランで無制限のサイトで使用できるDiviとの大きな違いです。

AvadaとDiviの価格設定に関しては、次のように機能します。

  • Avadaは、単一のサイトでのみ必要な場合は安価です。
  • ライフタイムアップデートを受け取るという点では、個別のAvadaライセンスを購入することは、最大4つのサイトのDiviのライフタイムメンバーシップ(249ドル)よりも安価です。 その後、DiviよりもAvadaに多くのお金を払っています。

Avadaの詳細については、この投稿をお読みください。

  • アバダvsディビ
詳細/ダウンロード

5.酸素

空気

Oxygenは、よりクリーンなコード出力と動的コンテンツおよびカスタムコンテンツサイトのより強力なサポートを好む上級ユーザーにとって、優れたDiviの代替手段です。

技術的にはWordPressプラグインですが、Oxygenはテーマを完全に置き換え、視覚的なドラッグアンドドロップインターフェイスを使用してすべてをデザインできるようにします。

インストールすると、Oxygenはテーマを非アクティブ化します。 したがって、フロントエンドにはアクティブなテーマの痕跡はなく、Oxygenで設計したテンプレートのみが表示されます。 このように、OxygenはプラグインというよりもWordPressテーマのように機能しています。

私が言ったように、私は酸素がより上級のユーザーのための良い代替品であると思います。 酸素がDiviに対して持ついくつかの利点は次のとおりです。

  • よりクリーンなHTML出力。 新しいバージョンもDiviのようにショートコードベースにはなりません(Oxygenはデザインを保存するためにJSONアプローチに移行しています)。
  • エディターで真のHTMLに近づきます。 たとえば、エディタを使用すると、<div>コンテナを直接追加できます。
  • Flexboxコントロール。
  • 動的データのはるかに強力なサポート。 たとえば、ループ/リピーターを作成し、条件付きルールを使用して、カスタムフィールドのデータに基づいて変更を加えることができます。

酸素とDiviの長所と短所

長所

  • Oxygenのビルダーは、フロントエンドではるかにクリーンなコードを出力します。
  • 動的コンテンツの処理がはるかに強力です。 Diviのテーマビルダーはこの機能をサポートしていますが、Oxygenほど柔軟ではありません。
  • 上級ユーザーは、Oxygenが実際のHTML/CSSを模倣する方法を気に入るはずです。
  • ディビより安いです。

短所

  • 酸素はDiviほど初心者に優しいものではありません。 カジュアルユーザーの代わりとしてはお勧めしません—他のオプションの1つに固執してください。
  • Diviほど多くのビルド済みデザインはありません。

酸素を使用してサイトを構築する方法

Oxygenをインストールすると、既存のWordPressテーマが非アクティブ化されるため、視覚的なドラッグアンドドロップビルダーを使用してサイト全体を構築できます。

Oxygenは、ベースとして使用できる既成のサイトテンプレートを提供します。または、ヘッダー、フッター、単一およびアーカイブテンプレートなど、すべてを最初から設計することもできます。

Oxygenのインターフェースと主な機能のすばらしい製品ツアーは次のとおりです。

酸素の価格

酸素はプレミアムバージョンでのみ提供されます。 必要な機能に応じて3つの異なる価格プランがあり、価格はわずか129ドルからです。

すべてのプランは生涯サポートとアップデートを提供しますが、これは非常に寛大です。 このため、DiviとOxygenの価格設定に関しては、OxygenはDiviよりも全体的に安価です。

詳細/ダウンロード

6. GeneratePress

GeneratePress

Astraと同様に、GeneratePressは、Diviが提供するものに一致する軽量でカスタマイズ可能な基盤を提供するもう1つのWordPressテーマです。

GeneratePressは独自のカスタムビジュアルビルダーを提供していませんが、WordPressブロックエディターおよびページビルダープラグインと緊密に統合されているため、ビジュアルビルダーと簡単に組み合わせてDiviのようなエクスペリエンスを作成できます。

また、いくつかの興味深いブロックベースのテーマ構築機能が付属していますが、これはDiviのテーマ構築の柔軟性とは一致しません。

GeneratePressとDiviの長所と短所

長所

  • GeneratePressはDiviよりも速くロードされます。
  • WordPressカスタマイザーでより柔軟なテーマオプションを提供します。
  • どのページビルダープラグインでも使用できます。
  • ディビより安いです。

短所

  • GeneratePressには独自のビルダーが組み込まれていないため、一部の人にとってはマイナスになる可能性があります。
  • Diviには、はるかに多くのビルド済みデモサイトがあります。

GeneratePressを使用してサイトを構築する方法

GeneratePressは、サイトの構築方法に非常に柔軟性があります。 あなたが取ることができる3つの主要なアプローチがあります。

まず、GeneratePressの高度なカスタマイザーコントロールとネイティブのWordPressエディターを使用できます(柔軟性を高めるためにGenerateBlocksプラグインとともに)。

次に、ネイティブエディタをお気に入りのページビルダープラグインに交換できます。 GeneratePressは、Elementor、Beaver Builder、Brizy、およびほとんどすべてのページビルダープラグインでうまく機能します。

第3に、GeneratePress3.0でリリースされた新しいブロックベースのテーマビルダー機能を使用できます。 これらはDiviほど初心者向けでも柔軟性もありませんが、ネイティブのWordPressブロックエディターを使用してカスタムレイアウトとテンプレートをデザインできます。

または、3つのアプローチすべてを組み合わせて使用​​することもできます。 1つだけに限定されません。

これは、GeneratePressのブロックベースのテーマビルダーの簡単なプロモーションビデオです。これは非常にユニークで、他の多くのWordPressテーマにはないものです。

GeneratePressの価格

コアのGeneratePressテーマは、WordPress.orgから無料で入手できます。

ただし、すべてのカスタマイズオプション、ブロックベースのテーマビルダー、およびインポート可能なデモサイトのロックを解除するには、GeneratePressPremiumアドオンが必要です。

GeneratePress Premiumは、最大500のサイトで使用するための1年間のライセンスで59ドルかかります。 249ドル(Diviと同じ)のライフタイムプランもあります。

さらに、GenerateBlocks Proを購入することをお勧めします。これは、2つのペアが非常によく組み合わされているためです。 その場合、GenerateBlocksProは単一サイトで使用するために39ドルから始まります。 GenerateBlocksProにはライフタイムオプションはありません。

GeneratePressの詳細については、この投稿をお読みください。

  • GeneratePress vs Astra vs OceanWP
詳細/ダウンロード

あなたのニーズに最適なDiviの選択肢はどれですか?

最適なDiviの代替案の選択は、達成しようとしていることによって異なるため、推奨事項をいくつかの異なるシナリオに分解します。

1.テーマ+ページビルダーアプローチ

テーマを使用してグローバルテンプレートとスタイルルールを制御し、ビジュアルビルダーを使用して個々のページをデザインする「従来の」Diviアプローチが気に入った場合は、ここに私の推奨事項があります。

まず、テーマに独自のビルダーを持たせたい場合、最善の策は次のとおりです。

  • アバダ
  • ビーバービルダー+ビーバービルダーのテーマ–これら2つを組み合わせると、Diviとほとんど同じになります。

ただし、私の個人的な推奨事項は、軽量で柔軟なベーステーマを選択し、それをお気に入りのドラッグアンドドロップビルダーと組み合わせることです。 ここでの2つの最良のオプションは次のとおりです。

  • アストラ
  • GeneratePress

まず、AstraとGeneratePressはどちらも非常に軽量であるため、このアプローチはパフォーマンスの観点から最適です。

次に、次の2つの理由で柔軟性が向上します。

  1. AstraとGeneratePressはどちらも、WordPressカスタマイザーにたくさんのオプションを提供します。 Diviテーマよりも多くのオプションがあります。
  2. それらを任意のビルダーとペアリングできます。 Elementorがお好きなら、Elementorを使用できます。 Beaver Builderが必要な場合は、BeaverBuilderを使用できます。 それでもDiviBuilderインターフェースを好む場合は、プラグインバージョンのDiviBuilderを使用することもできます。

AstraとGeneratePressについては、どちらの方法でも間違いはないと思います。 私は個人的にGeneratePressを使用していますが、Astraも優れています。 詳細については、AstraとGeneratePressの比較をご覧ください。

2.完全なテーマ構築ソリューション

次に、ヘッダー、フッター、シングル/アーカイブテンプレートなどのビジュアルインターフェイスを使用してサイト全体をデザインできる、真のビジュアルWebサイトビルダー/テーマ構築エクスペリエンスを探しているとします。 Diviのテーマビルダー機能のように。

この場合、いくつかの理由から、ほとんどの人にElementorまたはElementorProをお勧めします。

  • それはDiviと同じくらいユーザーフレンドリーです(私は個人的にもっとそう思います)。
  • Diviと同じ詳細なデザインオプションを利用できます。
  • テーマビルダーに加えて、ポップアップビルダーを提供します。

ビーバービルダーとビーバーテーマもここでは良いオプションですが、Elementor Proはほとんどの人にとって優位性があると思います(そして、少数のサイトを構築するだけの場合、Elementor Proははるかに安くなります)。

一方、上級ユーザーには、Oxygenをお勧めします。 これが大まかな目安です。ページビルダーのコード出力がどれほど肥大化しているかについて不満を言うタイプの人であれば、それはおそらくOxygenキャンプにうまく適合していることを示しています。

さらに、動的コンテンツではOxygenの方がはるかに強力です。これは、カスタムフィールドを使用してカスタムコンテンツサイトを構築する場合に重要です。

3.最高の無料Divi代替品

特に無料のDiviの代替品をお探しの場合は、こちらをお勧めします。

まず、柔軟な基本テーマを選択します。無料バージョンのAstraとGeneratePressはどちらも優れたオプションです。

次に、それらを無料バージョンのElementorとペアリングします。これにより、Diviの場合と同様に、視覚的なドラッグアンドドロップによる構築がサポートされます。

この組み合わせにより、Diviがゼロコストで提供するものに近づくことができます。

今日あなたのウェブサイトを構築する

多くの人がDiviを愛していますが、それはすべての人にとって最高のWordPressWebサイト構築ソリューションではありません。

ありがたいことに、テーマとプラグインの両方の形式で提供される優れたDiviの選択肢がたくさんあります。

この記事では、ほとんどの人にとって6つの最良の選択肢を強調するために最善を尽くしました。 前のセクションのガイダンスに従うことで、ニーズに合ったツールを選択できるはずです。

あなたの状況に最適なDiviの代替品を選ぶことについてまだ質問がありますか? コメントで教えてください!