2020年のWordPressページビルダープラグインのトップ10ドラッグアンドドロップ

WordPressページビルダープラグインは、近年、ウェブサイト開発コースのトレンドを大きく変えています。 WordPressのカスタマイズを簡素化することで、サイトページビルダーは初心者だけでなく専門家にも役立ちます。 コードを使用せずに、まったく新しいWebサイトのレイアウトを作成できます。

いくつかの無料およびプレミアムのWordPressページビルダープラグインがあり、それぞれが独自の機能を提供します。 この記事では、 WordPress用のベストページビルダープラグインを約10個作成します。 しかし、リストを提示する前に、WordPressページビルダーを聞いたことがない場合に備えて簡単に紹介したいと思います。

WordPressページビルダーとは何ですか？

WordPressページビルダーは、ドラッグアンドドロップエディターを使用してWebページの構造とデザインレイアウトを柔軟に変更できるプラグインです。

コードを書く代わりに、あらかじめ作成されたウィジェットをコンテンツ領域（ページ/投稿）にドラッグアンドドロップし、それらを再配置して、美しいページを作成することができます。 このようにして、テーマで提供されているデフォルトのテンプレートとはまったく異なる独自のページを作成できます。

ページビルダーは、WordPressのデフォルトの投稿/ページエディターとは異なって見える高度なページエディターを提供します。 HTMLコンポーネントで「テキスト」ビューを操作したり、コンテンツの実際のプレビューで「ビジュアル」モードを操作したりする必要はありませんが、事前に作成されたウィジェット、コンテンツブロック、およびコンポーネントを追加するシンプルなエディターです。

WordPressテーマのウィジェット化されたサイドバーと同じように機能します。 サイドバーに必要なコンテンツを追加するには、ウィジェットをドラッグアンドドロップするだけで、すぐにサイドバーに新しい外観を与えることができます。 同様に、ページビルダーを使用すると、ページにウィジェットの形式で任意のタイプのコンテンツを追加できます。 ウィジェットをいくつでも追加し、行と列で整理し、ドラッグアンドドロップするだけで並べ替えたり並べ替えたりできます。

デフォルトのWordPressウィジェット、テーマで提供されるウィジェット、ページビルダープラグインの追加ウィジェットを使用するか、必要に応じて独自のウィジェットを作成できます。

ウェブ上にはたくさんのページビルダーがあり、ユーザーはたくさんの選択肢を持っています。 無料とプレミアムの両方のページビルダーが利用可能であり、その中には基本的でシンプルなものもあれば、多くのオプション、モジュール、ウィジェットが詰め込まれているものもあります。 このリストには、最も人気があり、最も評価が高く、最も売れているページビルダーが含まれています。

最高のWordPressページビルダー2020を見てみましょう。

1. Elementor Page Builder（1サイトで無料+プレミアム$ 49）

Elementorは、強力なドラッグアンドドロップページビルダーです。 このプラグインを使用すると、ハイエンドでピクセルパーフェクトでレスポンシブなWebサイトを即座に作成できます。 プラグインには28個の非常に便利ですばらしいウィジェットが満載されており、すばらしいWebページを作成するための強力な要素として機能します。 プラグインを使用すると、テーマやその他のプラグインに付属している既存のすべての標準WordPressウィジェットとカスタムウィジェットを使用することもできます。

Elementorは真のライブエディターです。 上記のメディアに示されているように、必要なウィジェットをドラッグアンドドロップするだけで、ライブプレビューモードで必要なデザインを作成できます。 ウェブページの編集とプレビューは同時に行われます。

Elementorの主な機能：

1. レイアウトの完全なカスタマイズ：セクションの幅と高さ、列のサイズ、列とコンテンツの位置、パディングとマージンの設定、列のギャップなどを完全に制御するなど、Webページを好きなように完全にカスタマイズできます。
2. テンプレートライブラリ：プロフェッショナルな外観のために設計された20以上の美しいページテンプレートがあります。 あなたはそれらのどれでも選ぶことができて、あなたのページを数秒以内にデザインさせることができます。 さらに、独自のテンプレートをカスタマイズして保存し、後で再利用することもできます。

長所：

1. たくさんのウィジェット：Webページをカスタマイズするのに十分な28個のウィジェットが付属しています。 これ以上のウィジェットは必要ない場合があります。
2. タブレットとモバイルの特定の設定：Elementorプラグインを使用すると、特定のバージョンにのみ影響する特定の調整と設計変更を行うことができます。
3. 利用可能なプレミアムバージョン：プラグインのプレミアムバージョンには、追加のウィジェットと高度な機能が付属しています。 Webサイトが大きくなるにつれて、より高度な設計変更が必要になる場合があるため、アップグレードするオプションが有利な場合があります。

短所：

1. 多くのオプション： WordPressの初心者の場合、かなり混乱したり、圧倒されたりする可能性があります。
2. 古いバージョンのWordPressおよびPHPでは機能しません： Elementorプラグインは、WordPressバージョンが4.4以上でPHPバージョン5.4の場合にのみWebサイトで機能します。

無料ビュープレミアムのプラグインをダウンロード

2. SiteOriginによるページビルダー（無料）

SiteOriginのPageBuilderは、 WordPress用の最も人気のある無料のPage Builderプラグインであり、 100万を超えるアクティブなインストールがあります。 ウィジェットを使用してレスポンシブページレイアウトを作成するためのシンプルなコンテンツ作成インターフェイスを提供します。 これは、標準のWordPressウィジェットと、使用する可能性のある特定のテーマおよびプラグインで提供される他のウィジェットと完全に連携します。 プラグインは、ほとんどのWordPressテーマとプラグインでうまく機能します。これは、既存のテーマレイアウトでデザインを変更したい場合に朗報です。

上のスクリーンショットに示されているように、利用可能なウィジェットをコンテンツ領域にドラッグアンドドロップしたり、並べ替えたり、並べ替えたりすることが簡単にできます。 さらに、ウィジェットスタイルは、属性、レイアウト、デザインの3つのカテゴリでカスタマイズできます。 パディング、背景色、列間隔などのウィジェット属性を簡単に変更できます。

SiteOriginによるページビルダーの主な機能：

1. 便利な行ビルダー：必要な数の行を追加し、行を正確な数の列に分割して、各列に正確な重みを付けます。
2. ライブ編集と履歴ブラウザ：ライブプレビューを使用して、ウィジェットとコンテンツをリアルタイムで編集します。 履歴ツールを使用すると、変更を前後にロールバックできます。

長所：

1. 無料プラグイン：無料プラグインです。 あなたはいくつかのお金を節約します。
2. シンプルで使いやすいインターフェース：コードを1行も記述せずに、ユニークで魅力的なWebページを作成します。
3. 任意のウィジェットとの互換性：独自のウィジェットがいくつか付属しています。 さらに、標準のWordPressウィジェットやカスタムウィジェットを使用できます。 20個の便利なウィジェットのバンドルであるSiteOriginWidgetsBundleを使用することもできます。

短所：

1. 限られたウィジェット：他のページビルダーと比較して限られたウィジェットがあります。 より多くのウィジェットを追加するには、追加のプラグインをインストールする必要があります。
2. 基本的なライブ編集： SiteOriginのページビルダーには、他のプレミアムページビルダーのように高度ではない非常に基本的なライブエディターがあります。

詳細とプラグインのダウンロード

3. WordPress用のWPBakeryページビルダー（プレミアム$ 64）

WPBakery Page Builder for WordPress （以前のVisual Composer ）は、 CodeCanyonで最も売れているページビルダープラグインです。 Web上の200万を超えるWebサイトに電力を供給します。 プラグインは、フロントエンドとバックエンドの両方のコンテンツ編集エクスペリエンスを提供します。 とりわけ、それは単なるバックエンド編集ツールであるだけでなく、機能豊富なWordPressフロントエンドエディターでもあります。 フロントエンドの編集体験は素晴らしいです。

プラグインには50以上の定義済みコンテンツ要素が付属しており、Webサイトページのどこにでもドラッグアンドドロップできます。 さらに、ページの作成に使用できる100以上の事前定義されたレイアウトがあります。 プラグインは、最適なページ構築の可能性を提供します。

Visual Composerの主な機能：

1. フロントエンドとバックエンドのコンテンツ編集：このプラグインを使用して、フロントエンドとバックエンドの両方の編集を体験できます。
2. 広範なコンテンツブロック、レイアウト、およびアドオン：150を超える排他的なサードパーティのアドオンを使用するための、いくつかのコンテンツ要素、レイアウト、およびオプションがあります。

長所：

1. WooCommerce互換：プラグインはWooCommerceプラグインと非常によく統合されています。 eコマースページの作成は本当に簡単です。
2. SEOフレンドリー：プラグインは、YoastSEOプラグインとの優れたサポートと互換性を備えています。

短所：

1. 初心者向けではない：このプラグインを使用するためのコーディング知識は必要ありませんが、初心者にとっては圧倒されるかもしれません。 それはあなたが決して使用しないかもしれないたくさんのモジュールを持っています。
2. ショートコードベース：プラグインをアンインストールすると、コンテンツ全体が失われるか、コンテンツが機能しなくなります。

詳細とプラグインのダウンロード

4. Divi Builder（プレミアム$ 89）

Divi Builderは、 ElegantThemesによる素晴らしいページビルダープラグインです。 これは、人気のあるDiviテーマの背後にある電動工具であり、他のテーマでも使用できるようになりました。 プラグインは、非常に直感的なドラッグアンドドロップインターフェイスを提供します。 コードに触れることなく、ほとんどすべてのものを視覚的に構築できます。 美しくデザインされた40以上のコンテンツブロック/モジュールがあり、ドラッグアンドドロップ、ミキシング、マッチング、そして見事なWebページの構築が可能です。

その上、それは20以上の素晴らしい既製のレイアウトを持っています。 適切なレイアウトを選択して、ページの作成を開始できます。

Divi Builderの主な機能：

1. 無限のレイアウトの可能性：3つのセクションタイプ、20行のタイプ、および40を超えるコンテンツモジュールを使用して、あらゆるタイプのデザインを作成します。
2. カスタムCSSを追加する：美しいCSSコードを書くのが得意な場合は、手を汚してください。 カスタムCSSのオプションがあります。

長所：

1. 開発者に優しい究極のページビルダー：プラグインには、想像できるあらゆるデザインを構築できるオプションがたくさんあります。 開発者にやさしく、プロのWebサイトに適しています。

短所：

1. 初心者向けではありません：まず、このプラグインのみを購入することはできません。 すべてのテーマとプラグインへのアクセスが付属する、少なくとも年間アクセスパッケージを購入する必要があります。 年間アクセスの最低費用は89ドルであるため、かなり高額です。

詳細とプラグインのダウンロード

5.ビーバービルダー（無料+標準プランのプレミアム$ 99）

Beaver Builderは、 WordPress用の高度なビジュアルコンテンツビルダーです。 それはあなたが完全なドラッグアンドドロップサポートであなたのウェブサイトの美しいページ、投稿を構造化してデザインすることを可能にします。 Beaver Builderプラグインを使用すると、リアルタイムプレビューでフロントエンドを編集できます。 行を追加し、必要に応じて列の順序を変更してサイズを変更します。 プラグインの無料版と有料版の両方を見つけることができます。

プラグインを使用すると、オーディオ、HTML、写真、テキストエディター、およびビデオを基本モジュールとして追加し、サイドバーを高度なモジュールとして追加できます。 Beaver Builderプラグインは、任意のカスタムテーマおよびプラグインで適切に機能します。 WordPressウィジェットやその他のカスタムウィジェットを使用して、美しいページを作成できます。

Beaver Builderの主な機能：

1. コンテンツモジュール：利用可能なコンテンツモジュールから選択したい任意のタイプのコンテンツを追加します。 HTML、写真、テキストエディタ、オーディオ、ビデオ、サイドバー。
2. モバイルフレンドリー/レスポンシブ： Beaver Builderプラグインで作成されたページは100％レスポンシブになります（テーマが完全にレスポンシブであることを確認してください）。
3. 再利用可能なテンプレート：使用できる美しいページテンプレートがいくつかあります。 さらに、デザインしたテンプレートを保存して、後で再利用することもできます。

長所：

1. WooCommerceのサポート：Beaver Builderは、WooCommerceプラグインとより緊密に統合されています。 このプラグインを使用すると、eコマースページのデザインが非常に簡単になります。
2. 開発者向け：開発者は、ウィジェットを介して、または強力なカスタムモジュールボイラープレートを使用して、プラグインを簡単に拡張およびカスタマイズできます。

短所：

1. 無料版の限定モジュール：Beaver Builderプラグインには、無料版の限定数のモジュールがあります。 より多くのモジュールを入手するには、プレミアムバージョンにアップグレードする必要があります。
2. 高価：最も安いビーバービルダープランは99ドルで利用できます。

無料ビュープレミアムのプラグインをダウンロード

6. Live Composerページビルダー（無料）

Live Composerは、機能豊富なプレミアムのようなWordPressページビルダープラグインです。 これは、サイトを簡単に編集できるWordPressフロントエンドエディターです。 プラグインは完全に無料ですが、すぐに素晴らしいウェブページを作成できるようにする多くの高度な機能を提供します。 完全なドラッグアンドドロップをサポートする30以上の素晴らしいコンテンツモジュールがあります。 プラグインを使用すると、ライブプレビューを使用してリアルタイムで見事なページを作成できます。

プラグインは、各行、各列、ウィジェット、またはモジュールの高度なカスタマイズオプションを提供します。 コーディングを行わないユーザーはすべてのオプションを簡単に利用できますが、デザイナーや開発者はカスタムCSSボックスも利用できます。

Live Composerの主な機能：

1. ライブフロントエンド編集：名前が示すように、それは素晴らしいフロントエンドライブコンテンツエディターを提供します。 同時に作成したデザインが表示されます。
2. セクションとレイアウトのインポート、エクスポート：セクションまたはページをエクスポートして、他のページにインポートできます。 それはあなたの仕事をはるかに速くします。

長所：

1. 強力なプラグインを無料で：この高度なプラグインを無料で入手できます。 すべての素晴らしいモジュールとスタイリングオプションは、プレミアムプラグインを思い出させるLiveComposerプラグインにあります。

短所：

1. 初心者の気を散らす：プラグインは非常に難しく、初心者の気を散らすようです。 行の追加は簡単ですが、列への分割には時間がかかる場合があります。 下部には、気が散る可能性のある広告などのLiveComposerの更新を表示する通知バーがあります。

詳細とプラグインのダウンロード

7. Themify Builder（無料+プレミアム$ 39）

Themify Builderは、WordPress用のさらにもう1つの強力なページビルダーです。 直感的なドラッグアンドドロップフレームワークを使用して、レスポンシブWebサイトのレイアウトを簡単に構築できます。 プラグインは無料と有料版で利用できます。 プラグインの無料バージョンには、 20を超える便利なモジュールがあります。 バックエンドインターフェイスとフロントエンドモードの両方で、モジュールを簡単にドラッグアンドドロップできます。

さらに、プラグインを使用すると、モジュール/レイアウトをインポートおよびエクスポートしたり、必要に応じて既存のモジュールをコピーして貼り付けたり、複製したりできます。

Themify Builderの主な機能：

1. 簡単でレスポンシブな行と列：レスポンシブな行と列でグリッドを簡単に作成できます。 必要に応じて、列のサイズと順序を変更します。
2. カスタムスタイリング：Googleフォント、背景色、パディング、マージン、ボーダーなど、さまざまなスタイリングオプションをカスタマイズできます。

長所：

1. 初心者向けのライブ編集：Themify Builderプラグインには、シンプルでクリーンなインターフェイスがあります。 コーディングの経験がない初心者でも、簡単なライブ編集体験を楽しむことができます。

短所：

1. 無料版の限定オプション：無料で利用できますが、無料版の機能とモジュールは限られています。

詳細とプラグインのダウンロード

8. MotoPressコンテンツエディター（無料+プレミアム$ 29）

MotoPress Content Editorは、美しいWebページを構築するためのもう1つのシンプルなWordPressプラグインです。 プラグインは、現在使用している任意のテーマで使用できます。 これはWordPressフロントエンドエディターであり、30を超える組み込みコンテンツモジュールとの簡単なインターフェイスを提供します。 コーディングスキルがない人は誰でも、このプラグインを使用して独自のデザインWebページを作成できます。

このプラグインを使用すると、コンテンツモジュールの配置が改善されます。 上のスクリーンショットに示されているように、「T」テキストボックス内に利用可能なすべてのテキスト関連モジュール、画像ボックス内の画像関連モジュールなどがあります。

MotoPressコンテンツエディタの主な機能：

1. レスポンシブモバイル対応レイアウト：このプラグインを使用して、完全にモバイルレスポンシブWebレイアウトを作成できます。
2. 30以上の組み込みコンテンツモジュール： 30以上の組み込みコンテンツモジュールを使用して、Webページをデザインします。

長所：

1. 既存のページと投稿で機能する：既存のページと投稿でビジュアルエディターを有効にして、それらを再設計できます。 他のほとんどのページビルダーは、既存のページでの編集をサポートしていません。

短所：

1. モジュールのカスタマイズとスタイル設定の制限：モジュールにはいくつかの設定とスタイル設定オプションがありますが、他のページビルダーほど柔軟ではありません。

無料ビュープレミアムのプラグインをダウンロード

9.コーナーストーン（プレミアム$ 39）

Cornerstoneは、CodeCanyonプラグインマーケットで入手できるプレミアムWordPressページビルダープラグインです。 これは、そこで最も人気のあるプラグインの1つです。 これは、ページと投稿の両方で機能する100％フロントエンドのページビルダーです。 このアプローチにより、タスクがはるかに高速になり、変更を保存して別のタブ/ウィンドウでプレビューするときにかかる時間が短縮されます。 それはあなたのページのどこにでもドラッグアンドドロップできる40以上の要素を持っています。

Cornerstoneの主な機能：

1. コーナーストーンページとブロックテンプレート：プラグインは、光の速さで素晴らしいページを構築できるようにするいくつかの構築済みページテンプレートをもたらします。
2. 信じられないほどのアプリ–インターフェースのような：ユーザーが刺激を受けるように、すっきりとした直感的なインターフェースを備えています。

長所：

1. 使いやすさ： Cornerstoneプラグインは、シンプルでクリーンなインターフェイスで比較的簡単です。
2. ライブCSS編集： CSSのスキルが高いプロのWebデザイナーであれば、プラグインは最適です。 ライブプレビューでCSSスタイルを追加できます。

短所：

1. 要素のカスタマイズが少ない：Divi Builderなどの他のプレミアムページビルダーと比較して、要素のカスタマイズオプションが少なくなっています。
2. ショートコード：ほとんどのページビルダーと同様に、ショートコードベースです。 プラグインをアンインストールすると、ページのコンテンツが機能しなくなる場合があります。

詳細とプラグインのダウンロード

10.ページビルダーサンドイッチ（単一サイトで無料+プレミアム$ 39）

Page Builder Sandwichは、もう1つのすばらしいWordPressフロントエンドエディターです。 プラグインは無料版と有料版の両方で利用できます。 列を追加できる10以上のコンテンツブロックがあります。 さらに、プラグインは他のすべての標準WordPressウィジェットとカスタムウィジェットをサポートします。 有料版には豊富なモジュールがあります。

ページビルダーサンドイッチの主な機能：

1. グローバルショートコードマッピング：WooCommerce、NextGEN Gallery、JetPackなどの人気のあるWordPressプラグインのショートコードがマッピングされ、ページに簡単に追加および編集できます。
2. 単に最高のライブ編集：フロントエンド編集のためのシンプルで簡単なインターフェースを備えています。 要素を簡単にドラッグアンドドロップしてカスタムコンテンツを追加し、同時にデザインをプレビューできます。

長所：

1. コーディングは不要：プラグインは完全にドラッグアンドドロップのコンテンツエディターであるため、コードを記述せずに美しいページを作成できます。

短所：

1. 無料プラグインの限定モジュール：プラグインは無料バージョンでも利用できますが、コンテンツ要素が限定されています。 他の機能のロックを解除するには、プレミアムバージョンにアップグレードするように求められます。

無料でダウンロードプレミアムビュー

まとめ

ページビルダーを使用することは、WordPressテーマの開発者やユーザーを含むすべての人の間で最近の傾向になっています。 最近の新しいテーマのほとんどには、組み込みのページビルダー統合と、それを操作するための多数のウィジェットが付属しています。 たとえば、あなたはより深いSiteOriginのページ・ビルダーへの統合と10+非常に便利なウィジェットが含まれているフラッシュツールキットプラグインコンパニオンを使用して構築された私たちのフラッシュのテーマをチェックアウトすることができます。 新しいプロジェクトを開始する場合は、ページビルダーが組み込まれたFlashのようなテーマが有利な場合があります。

Flashテーマについて詳しく知りたい場合は、この投稿「 Flashの紹介–最も柔軟な無料の多目的テーマ」をご覧ください。

ただし、他のテーマを使用していて、ページを再構築および再設計したい場合は、これらのページビルダープラグインが便利な場合があります。 必要に応じて上記のプラグインのいずれかをインストールし、見栄えの良いWebサイトを即座に構築できます。

このリストに何か言いたいことがありますか？

以下に自由に書いてください。