「DiviとElementortって何が違うの?」このような疑問を持っている方もいるのではないでしょうか?DiviもElementorも、WordPressで複雑なレイアウトをコード無しで高速で作れるページビルダーです。二つとも素晴らしいツールで似ていますが、大分違う部分もあります。この記事を読むと、この二つのページビルダーの違いをより深く理解できると思います。どちらを使うべきか迷ってる方は是非読んでみてください。Divi完全マニュアル>>Elementor完全マニュアル公式サイト(英語)>>Elementor>>DiviElementorは通常版とPro版のどちらも含むものとします。操作感は何もしないとDiviの方が遅いDiviの方が必要とするサーバーのスペックが高いからDiviの方が操作の自由度が高いサイトのロードスピードもDiviの方が遅いどちらも超高速になるDiviとElementorの価格とライセンスの比較Diviは使えるサイトは無制限、Elementorは1、3、1000サイトとプランが違うElementorは一年おきにライセンス更新、Diviは生涯プランありElementorは無料版があり、しかも機能がかなり充実してるDiviもElementorもどちらも素晴らしいDiviはWPテーマで、ElementorはWPプラグインまずいきなり違うのがこれです。DiviはWordPressテーマです。(プラグインバージョンのDiviも存在しますが、マイナーなため割愛します。)しかも世界一の使用率を誇るテーマです。ElementorはWordPressのプラグインなんです。Elementorはプラグインなのでテーマは自由Elementorは普通にWordPressのプラグイ検索出てきます。プラグインだろうがテーマだろうが出来ることは同じだろ、と思うかもしれませんがプラグインだった場合テーマは自由です。自分の好きなテーマにElementorをインストールすることが出来るんです。Elementorのために作られたテーマなども存在しますよ。詳しくは、>>『Elementor』自由にページを作れるWordPressプラグインDiviはテーマなのでカスタマイズ性が高いDiviはテーマDiviはテーマなので、ページビルダーの外の設定も可能です。テーマカスタマイザーも通常のテーマよりもオプションが多く、細かく設定可能です。headやbodyにコードを追加したい場合など、テーマ内ですることが可能です。子テーマを作ってカスタマイズすることもできますね。テーマかプラグインかは状況次第この選択にはどちらが良いというものではなく、今使ってるテーマが好きならElementorにすればいいですし、最初から全部パーケージになってるテーマを使いたいと思うならDiviにすればいいと思います。DiviとElementorの共通の機能DiviとElementorの違いを説明する前に、共通の機能を紹介します。モジュールを組み合わせてページを自由に構築ElementorのモジュールリストDiviのモジュールリストこのようにモジュールのリストがあり、そこから挿入したいモジュールを選びます。これらを組み合わせてページを構築していきます。わかりやすいカラムを使用Elementorでカラムの設定Diviでカラムの設定このように画面のセクションをカラムでわけ、そこにモジュールを挿入していくわけです。カラムのサイズや位置も自由自在です。見たまま編集できるDiviで画面のテキストを編集中どちらも編集してる画面が、実際のウェブページと同じになります。多少の誤差が出る場合もありますが、ほぼ同じです。スマホ画面も見たまま編集可能Elementorでスマホ画面で編集DiviもElementorもスマホの画面のサイズに設定してそのまま編集可能です。作ったレイアウトやサイトのパーツをサイト内外で使い回すDiviでもElementorでもサイトのパーツをサイト内に保存し再利用可能です。それをファイルにしインポート・エクスポート可能です。次にDiviにのみ存在する特殊機能を説明します。ワイヤーフレームモードワイヤーフレームモードは、現在作ってるページの構造をわかりやすいワイヤーフレームで見ることができます。Diviの通常のモードをビジュアルビルダーと言うのですが、色々なモジュールを挿入していくとゴチャゴチャしてきますので、そんな時にかなり役にたつツールです。ワイヤーフレームからウェブページを構築し、ビジュアルビルダーで肉付けと飾り付けてしていくのも王道です。グローバルモジュール初期設定モジュールのスタイルをサイト全体で設定できる機能です。サイト全体のテキストモジュールの文字のサイズの初期設定を変えることができます。Elementorでもある程度はサイト全体の設定を変えることが出来るのですが、モジュール個々で設定は出ません。Defaults(グローバル初期設定)Elementorのみに存在する機能ではElementorではどんな特殊機能があるのでしょうか。ビルダーの外をコントロールするテーマビルダーテーマビルダーでテンプレートを作成テーマビルダーはプロ版に付いてくる機能です。最初に説明したようにElementorはテーマでは無いので、テーマのカスタマイザーにはアクセス出来ません。Elementorが出来るのはページ内の操作のみ、と思われがちですがテーマビルダーを使えばサイト全体で使うパーツを作れます。この動画で詳しく説明しています。ポップアップビルダーElementorではポップアップを作り簡単に使うことが出来ます。これはDiviではそのままでは出来ません。テーマビルダーでまずポップアップを作ります。それをセーブし、ページのボタンなどのクリックの設定でそのポップアップを選ぶだけです。操作感は何もしないとDiviの方が遅い正直言うと、操作感はDiviの方がモッサリしてることが多いです。言うと、ふたつ理由があります。Diviの方が必要とするサーバーのスペックが高いから例えば、PHPのメモリの設定もElementorは最低64MBとなっていますが、Diviは128MBです。サーバーの設定をしっかりすれば、このモッサリ感も解消することができます。設定方法は次の記事で説明しています。Diviの操作が遅いと感じたらサーバーの設定をチェックDiviの方が操作の自由度が高い注意して欲しいのは、作れるレイアウトの自由度の話ではなく、操作してる時の自由度です。Elementorの方が落ち着いてる感じです。この動画で表示してるのは、決して誇張したものではありません。実際にこのように操作できるんです。これ快適に使うには、ちゃんとサーバーを設定する必要があるわけです。操作してみたくなった人は、自分が作ったhttps://demodivi.comというサイトでDiviを無料で試せるので少し触ってみてください。サイトのロードスピードもDiviの方が遅いこれも紛れもない事実です。同じレイアウトをDiviとElementorで作った場合、Diviの方が遅いです。30これは同じ環境で測った時の計測結果です。Diviの方が少しだけ遅くなります。どちらも超高速になるこれは先日作ったDiviのサイトのスピードテストの結果です。https://gtmetrix.comと言うサイトで計測しました。日本外からサイトにアクセスしてるのにもかかわらず、1秒以内にロードが完了しています。スピードも設定次第と言うことですね。やって高速にしたのか知りたい方は、この記事からどうぞ。Divi高速化!1秒以内でロードする方法【もう遅いなんて言わせない】DiviとElementorの価格とライセンスの比較Elementorの価格Diviの値段あまりにもプランが違うので、ちょっと特徴をまとめていきますね。Diviは使えるサイトは無制限、Elementorは1、3、1000サイトとプランが違うDiviは二つプランがありますが、どちらのプランを選んでもDiviをインストールしていいサイトの数は無制限です。Elementorは次のような価格になっています。$199Elementorは一年おきにライセンス更新、Diviは生涯プランありElementorの値段を上に表示しましたが、これは1年間にかかるお金です。Diviは1年間だと$89ですが、$249払ってしまうと一生ライセンスが使えるようになります。Diviは使えるサイト無制限で、生涯ライセンスがあるので$249払うだけで、一生無制限で使えます。Diviの方が良く聞こえますよね。Elementorは無料版があり、しかも機能がかなり充実してるElementorの無料版はかなり使えます。Proじゃないと使えない機能もありますが、正直プロ版じゃなくても十分な場面の方が多いと思います。価格に関して言うなら、有料版ならDiviの方が圧勝です。無料で使えるElementorもいいですね。購入を考えてる人のために購入ガイドを書きましたので、どうぞ参考にしてください。>>Diviの購入ガイドはこちら>>Elementorの購入ガイドはこちらDiviもElementorもどちらも素晴らしいこっちの方がいい!って簡単に言えたらいいのですが、結局はどちらも素晴らしいです。言うなら、小さく始めるなら、Elementorがおすすめです。無料版から始められますから。将来的に沢山サイトを作ってライセンス気にしたくない、と言うならDiviの生涯プランがいいと思います。Elementorはそのままプラグインでインストールできます。Diviはhttps://demodivi.comで5日間試すことができます。読んでいただき、ありがとうございました。その答えはコンテンツにあり(DiviでもElementorでも同じ)Diviの入手からインストールまでを完全ガイドします。返信をキャンセルメールアドレスが公開されることはありません。名前*メール*サイト検索:ナオミ旅するエンジニアです。出しヨーロッパでフリーランス。DiviとElementorが好き。WordPressとウェブ開発の情報を発信していきます。Proの購入完全ガイドDiviの入手からインストールまでを完全ガイドします。