20以上のベストドラッグアンドドロップページビルダーWordPressプラグイン

最高のドラッグアンドドロップページビルダーWordPressプラグイン

Web構築プラットフォームが進化し、必ずしもコードの世界に精通していない人が含まれるようになると、ページビルダーをドラッグアンドドロップすることで、ウェブサイトを作成するために退屈なテキストのWordPressエディターを見つめることを忘れることができるようになります。生き返る.


ドラッグアンドドロップページビルダーは、次の2つのタスクを実行します。

  1. 作成中に実際に何を作成しているかを確認できます。
  2. ウェブサイトの構築にかかる時間を短縮します.

正直なところ:コンポーネントのドラッグアンドドロップは常により速く、結果を表示するためにWebサイトのバックエンドからフロントエンドに切り替える必要はありません。.

ドラッグアンドドロップエディターは、制作をスピードアップしたい初心者やエキスパートに最適です。選択できるベストなドラッグアンドドロップページビルダーWordPressプラグインを見てみましょう。 (トピック全体に少し不安を感じている場合は、ページ作成のガイドをご覧ください)。

免責事項: WPExplorerは、以下にリストされている1つ以上の製品の関連会社です。リンクをクリックして購入を完了すると、手数料が発生します.

1. WPBakery Page Builder(46ドル、または 合計で無料

Visual Composerフロントエンドエディター

情報とダウンロードデモを見る

WPBakery Page Builderプラグインは、市場で最も売れているドラッグアンドドロッププラグインの1つです。そしてそれは正当な理由で、かなりクールなプレミアムプラグインです。とてもすばらしいので、それを含めました(無料で)上位の販売テーマの合計。 WPBakeryビジュアルページビルダーを使用すると、フロントエンドとバックエンドのどちらでWebサイトを設計するかを選択できます。また、WordPressサイトにインストールすることを選択したすべてのテーマで動作し、プラグインに含まれる40以上のコンテンツ要素は、箱から出してすぐに使用できます.

このプラグインのもう1つの優れた機能は、その柔軟性です。何をしているのかわかっている場合は、簡単にモジュールを追加できます。実際、WPBakery Page Builderを使用して、アイコンボックス、マイルストーン、投稿タイプグリッドなどの大量のカスタムビルダー要素をTotal WordPressテーマに追加しました。または、数百のプレミアム拡張機能の1つを使用して、必要な機能や必要な機能を追加できます.

2. Elementor(無料)

Elementor Live Page Builderホームページ

情報とダウンロードデモを見る

Elementor Live Page Builder ドラッグアンドドロップのページ作成を次のレベルに進めるオープンソースのフロントエンドエディターです。実際、完全な設計機能、ユニークで超フレンドリーなUI、競合他社よりもはるかに高速であるスピーディーで遅れのないインターフェースを備えた最初の無料のページビルダーでした。この高度なドラッグアンドドロップライブページビルダーは即座に結果を提供するため、変更が有効になるのを待つ必要はありません。これは最初は重要ではないように見えるかもしれませんが、これらの漸進的な変更が追加され、Elementorがページ作成時間を数時間節約できるようになるまでに長くはかかりません.

Elementorは、あらゆるテーマやページタイプで使用できるため、ホームページ、販売ページ、ブログ投稿などで街に出かけましょう。 Elementorの直感的なレイアウトオプションにより、セクションの幅や高さから列やコンテンツの位置、パディングやマージンの設定まで、すべてを簡単に変更できます.

発売以来、多くのリリースとアップデートが行われています。ユーザーからのリクエストに最も影響を受けています。主要なリリースの1つはテンプレートライブラリでした。これは、ページとセクションをテンプレートとして保存し、デザイン済みで美しく作成された多くのテンプレートの1つを1回のクリックでページに追加できる機能を備えています。もう1つのメジャーリリースはMobile Editingでした。これは、任意のページをカスタマイズして、どのデバイスでも応答性が高く美しいページを作成する最初のツールセットです。設計者がコーディングなしで完全に応答性の高いページをめくることができるのはこれが初めてです。モバイル編集には、デバイスごとに異なるサイズを設定する機能、デバイスごとに列を並べ替える機能などの機能があり、モバイルレイアウトを制御したり、デバイスごとに異なるパディング、マージン、配置を設定したりできます。.

Elementorのもう1つの優れた機能は、サードパーティのウィジェットとプラグインのすべてが自動的に利用可能になり、ページにドラッグアンドドロップできることです。さらに、Elementorには大量のカスタマイズ可能なウィジェット、400のユニークなアイコン、600以上のアイコンが付属しています Googleフォント.

一番良いところ?それは無料です!そして、それはおそらくウェブ上で最高の無料のページビルダーです.

3. WP Page Builder(無料)

ThemeumによるWPページビルダー

WP Page Builderは、独自のカスタムページを作成する簡単なオプションです。ドラッグアンドドロップビルダーは、ボタンをクリックするのと同じくらい簡単です–文字通り。追加するモジュールを選択し、オプションを編集し、クリックしてドラッグしてサイズを変更するか、ドラッグアンドドロップしてページ上の要素を並べ替えます.

現在 WPページビルダー から選択できる60以上のページブロックが含まれています。アコーディオン、アラート、アイコン、機能ボックス、価格表、ビデオ、イメージホバーなどのオプションを使用して、作成できないものはありません。このプラグインは最大6列もサポートし、すべて完全に応答性があり、モバイルに対応しています。気に入ったレイアウトを作成したら、ライブラリに保存して再利用したり、事前に設計されたブロックを使用してウェブサイトの構築を高速化したりできます。プラグインが気に入ったら、プレミアムにアップグレードして、サポート、アップデート、優れたレイアウトバンドルを利用できます.

4. Beaver Builder(99ドル)

beaver_builder

情報とダウンロードデモを見る

Beaver Builderプラグインはプレミアムドラッグアンドドロップページビルダーですが、次の場所に移動してLiteバージョンを取得することもできます プラグイン WordPressダッシュボードのパネル。プレミアムプランのいずれかを選択した場合、プラグインにはテーマも付属し、一部のプランではマルチサイト機能も提供されます.

しかし、これが最良のドラッグアンドドロップページビルダープラグインの1つである理由は、多くのテーマが既にページビルダーに付属していますが、テーマへの変更をロックするためです。テーマを変更したい場合はどうなりますか? Beaver Builderはサードパーティのプラグインであるため、特定のテーマやデザインへの変更をロックしません。初期設計からやり直すことなく、いつでも物事を変更することができます.

では、BeaverBuilderは何ができるのでしょうか。たくさん!プラグインには20以上のページ要素が含まれています(テキスト、見出し、セパレーター、画像、ギャラリー、ビデオ、アイコン、コンテンツスライダー、連絡先フォーム、ソーシャルリンク、紹介文、製品、地図、最近の投稿、行動を促すフレーズ、ボタンなど)マウスを数回クリックするだけで、挿入、ドラッグアンドドロップ、およびすべての編集を行うことができます。有効にしたウィジェットをドラッグアンドドロップして、ページのカスタムサイドバーを作成することもできます(ストアページとブログでは異なるウィジェットを表示したい場合があるため、優れたオプションです)。.

ああ、それはWooCommerceにも対応しています。つまり、あなたのビジネスと同じくらい素晴らしい見事なストアページを作成できます。最近の製品、最新のレビュー、セールアイテム、すべてのWooCommerceウィジェットなどをドラッグアンドドロップできます.

ビーバービルダーはまた、すべてのデバイスで見栄えがよくなるように完全に応答し、カスタムモジュールのAPIを介して拡張できます(そのため、レストランメニュー、スタッフプロファイル、プロパティリストなど、ニッチな特定のページ要素を追加できます)。プラグインは翻訳対応。何があなたを止めているのですか?デモに行き、BeaverBuilderライブを試してみてください–次に、WordPressサイトのコピーを今すぐ入手してください!

詳細については、Beaver Builderプラグインの詳細なレビューをご覧ください。BeaverBuilderの使用をやめた場合、このプラグインは変更を保存することもできます。これは、一部のページビルダープラグインでは必ずしも当てはまりません.

5.エレガントなテーマのDivi Builder($ 89)

エレガントなテーマDivi Builder

情報とダウンロードデモを見る

エレガントなテーマDivi Builderは、信じられないほどのページデザインを作成するための無限の可能性を提供します。この直感的なビルダー内で、列の行を積み重ね、必要なだけ要素を追加します。 Divi Builderには、スライダー、カウンター、ボタンなど、40以上の組み込みモジュールが付属しています。すべてのモジュールには、独自のコードを追加する必要がある場合にカスタムCSSタブを含む、多くのカスタマイズオプションが付属しています.

Divi Builderプラグインは、Elegant Themesの年間メンバーシップに含まれています。 89ドルで、売れ筋のDiviテーマを含む、すべてのプラグインとテーマにアクセスできます.

6. SiteOriginによるページビルダー(無料)

SiteOriginによるページビルダー

Page Builderプラグインは、WordPressウィジェットを組み込んだ完全に無料のオプションで、レスポンシブなページデザインの作成と変更に役立ちます。プラグインはウィジェットを使用しているため、初心者は簡単に学ぶことができます。さらに、WordPressダッシュボードのインターフェースを変更することはあまりありません.

ライブ編集は、変更をすぐに確認するのに最適です。履歴タブは、スクロールしてすべての変更を確認するのに適しています。間違えた場合は、戻ってやり直すことができます.

7. MotoPressコンテンツエディター($ 29)

情報とダウンロードデモを見る

MotoPressコンテンツエディターは、WordPressの投稿とページの作成、編集、カスタマイズを簡単にするページビルダーWordPressプラグインです。これはプレミアムプラグインですが、すぐに支払うかどうかわからない場合はいつでもデモを試すことができます。このプラグインは、デフォルトのWordPressエディターを完全に置き換えて、すべてのコンポーネントをドラッグアンドドロップする際にデフォルトが邪魔にならないようにします.

この賢いプラグインは、ほとんどのWordPressテーマと統合し、インストール時にデフォルトのWordPressエディターを置き換えるコンテンツおよびページエディターです。これにより、投稿とページのルックアンドフィールをより詳細に制御できます。 MotoPressはプラグインの使用中に作成したコンテンツのみをカスタマイズできることを覚えておいてください(つまり、プラグインをインストールする前に追加したコンテンツは、MotoPressを使用して編集できません。代わりにデフォルトのWordPressエディターを使用する必要があります)。.

MotoPressには、カスタムレイアウトの作成に使用できる多数の優れたページ要素(ボタン、テーブル、間隔、テキストボックスなど)が含まれています。ほとんどの要素には、マージン、配置、リンク、色、サイズ、さらにはカスタムクラス名(開発者向け)の追加オプションが含まれています。要素を追加するには、要素をエディターバーから所定の場所にドラッグアンドドロップするだけです。次に、要素をクリックして追加の微調整を行います。この素晴らしいフロントエンドエディターにより、ページの作成やコンテンツの編集がこれまで以上に簡単になります.

その他の優れた機能には、レスポンシブデザイン、カスタム投稿タイプ、WPML互換性、ショートコードによる拡張などがあります。さらに、プラグインには、定期的な更新とプラグイン作成者による完全なサポートが含まれているため、常に完全に機能していることを確認できます.

8. Themify Builder(無料)

Themify Builder Lite

Themify Builderにはバックエンドとフロントエンドの両方のエディターが用意されているため、編集を行う場所を柔軟に選択できます。このプラグインは任意のテーマで動作し、サイトに最適なページを作成するための多くのオプションが付属しています。エディター内で、モジュールと行を簡単に複製し、Themifyレイアウトを簡単にインポートまたはエクスポートできます.

プラグインのプレミアムバージョンは39ドルで、60以上の事前設計されたレイアウトや数十のアニメーション効果などの追加の便利な機能を提供します.

9. Nimble Page Builder(無料)

Nimble Page Builderをダウンロード

Nimble Page Builderプラグインは、強力なレイアウトと完全にレスポンシブなデザインを備えた無料のドラッグアンドドロップ機能を提供するため、人々はさまざまなデバイスでWebサイトを表示できます。列、画像、連絡先フォーム、視差効果、ツイートなどの要素を追加することもできます.

WordPressエディターのどのページにもウィジェットを追加できる点がとても気に入っています。ページエディターで標準ウィジェットをドラッグアンドドロップするだけで、すぐに編集を開始できます.

10. Live Composer Site Builder(無料)

Live Composerサイトビルダー

Live Composerは、フロントエンドのコンテンツクリエーターのプレミアムWordPressプラグインです。これはたまたま無料です。このプラグインを使用すると、テーマのフロントエンドでカスタムコンテンツレイアウトをすばやく作成できます。つまり、コンテンツを作成しながら表示できます!

WordPressエディターのみを使用して投稿またはページのレイアウトを作成する多くのページビルダーが利用可能です。これは、コンテンツブロックを挿入してウェブサイトを構築する非常に簡単な方法ですが、実際のコンテンツを追加するときに確認できればさらに簡単ではないでしょうか。 Live Composerを使用すると、次のことができます。 WordPressサイトにプラグインをインストールして、フロントエンドでビルドを開始するだけです!

Live Composerには、ページレイアウトの作成に使用できる30を超えるモジュールが付属しています。最近の投稿、画像、ポートフォリオアイテム、WooCommerce製品、コメント、サムネイル、ウィジェット、スライダーなどのオプションを使用して、必要なレイアウトや必要なレイアウトを作成できます。さらに、ページを作成するときに作成している内容を確認できるため、ページの更新が少なくなり、時間を節約できます。.

その他のプラグイン機能には、レスポンシブオプション、多数のモジュールオプション(つまり、色、フォント、境界線、背景など)、テンプレートサポート、アクセス制御(選択したユーザーのみがComposerにアクセスできる)などがあります。さらに、インタラクティブなチュートリアルもあるので、プラグインをすぐに入手して、独自のカスタム投稿とページレイアウトの構築を今すぐ開始できます。.

11. FormCraftドラッグアンドドロップフォームビルダー(無料)

FormCraft – WordPress用フォームビルダー

これは完全なページビルダーではありませんが、ドラッグアンドドロップエディターを使用してフォームを作成できます。 FormCraftを使用すると、見事なフォームをすばやくまとめることができ、送信を簡単に管理することもできます。ポップアップとインラインのフォームも含まれています。また、プラグインの作成者があなたを始めるためのいくつかのチュートリアルを含んでいることにも言及する必要があります.

ただし、さらに多くの機能が必要な場合は、プラグインのプレミアムバージョンをチェックアウトしてください。プラグインの無料版よりもはるかに多くのことができます。 FormCraft Drag&Drop Form Builderプラグインの詳細については、こちらをご覧ください.

12. Thrive Architect Content Builder($ 67)

Thrive Architect Content Builder

情報とダウンロードデモを見る

Thrive Content Builderは、WordPressウェブサイトをすばやく簡単に編集できる直感的なフロントエンドエディターです。このプラグインの作成者は、WYSIWYG(表示されているものが表示されるもの)の編集を次のレベルに引き上げることを使命としています。基本的ですが、便利で直感的なクリックして編集する原理に基づいて機能します。要素を編集する場合は、要素をクリックして編集を開始するだけです.

直感的なフロントエンド編集に加えて、繁栄コンテンツビルダーには、行動を促すフレーズ(CTA)ボタン、体験談の要素、レスポンシブ価格表など、他の多くの優れた機能も付属しています.

13.ページビルダーサンドイッチ(無料)

ページビルダーサンドイッチ–フロントエンドページビルダー

Page Builder Sandwichは、非常に使いやすいフロントエンドエディタです。著者は、「ポップアップなし」のフロントエンド編集を作成したことに誇りを持っています。編集するコンテンツをクリックするだけで、入力を開始できます。このプラグインの優れた機能は、膨大なグローバルショートコードマッピングデータベースです。このデータベースから、Jetpack、WooCommerce、bbPressなどの数百の人気のあるプラグインからショートコードに簡単にアクセスできます。ビルダー内で動画を追加するには、URLを貼り付けるか、コードを埋め込むだけで完了です。.

Liteバージョンは無料ですが、にアップグレードすることができます プレミアム版 39ドル。これにより、強化されたショートコードマッピングコントロールやカルーセルスライダー要素など、多くの追加機能が提供されます.

14.フロントエンドビルダー($ 57)

フロントエンドビルダーのホームページ

情報とダウンロードデモを見る

フロントエンドから編集する場合は、フロントエンドビルダーも優れたオプションです。このビルダーでは、バックエンドでページを作成し、そのページのビルダーをアクティブにします。次に、フロントエンドに行き、そこからページコンテンツを作成します。.

行を追加して複数の列に分割することにより、ページレイアウトを作成します。その後、目的のページ要素をドラッグ、ドロップ、編集して、デザインを完成させることができます。見出し、ボタン、フォーム、メニューなどの要素はすべて、メインインターフェイス内でカスタマイズ可能です.

15. Cornerstone Page Builder(39ドル)

Cornerstone Page Builderプレビューページ

情報とダウンロードデモを見る

Cornerstone Page Builderは、ページと投稿の両方で使用できるフロントエンドエディターです。このすっきりとした直感的なビルダーにより、画面を切り替えることなく、コンテンツをすばやく簡単に調整できます。このプラグインの1つのきちんとした機能は スケルトンモード これにより、ボタンをクリックするだけでページ構造(またはスケルトン)を視覚化できます。 Cornerstoneには、継続的に更新される要素、テンプレート、サードパーティツールのライブラリも付属しています.

16. King Composer(無料)

KingComposer –無料のドラッグアンドドロップページビルダー

King Composerの無料バージョンは、応答性の高いドラッグアンドドロップバックエンドエディターを提供します。この直感的なユーザーインターフェース内で、行、列、要素を追加してコンテンツを作成および整理できます。このビルダーを他の競合他社と一線を画す優れた機能の1つは、King Composerで作成されたページは、プラグインを非アクティブ化または削除した場合でもそのまま残る.

フロントエンドエディターで作業したい場合は、King Composer Proに29ドルでアップグレードして、フロントエンドまたはバックエンドからページを構築することができます。.

17. Brix Builder(無料)

Brix:WordPressページビルダー

Brix Builderは、ページデザインのあらゆる詳細を完全に制御できるドラッグアンドドロップビルダーです。その高度なグリッドシステムと直感的なインターフェイスにより、素晴らしい結果を生み出すことができます。 Brix Builderはモジュール化され、スケーラブルになるように設計されているため、長期間にわたって問題なく拡張できます。.

このプラグインには、基本的なテキストや画像から、進行状況やカウンターモジュールなどのより高度な機能まで、16のモジュール、つまりビルディングブロックが付属しています。また、Font Awesomeライブラリ、組み込みのカラーパレット、スクロール時の要素の表示方法を制御するエントランスエフェクトも含まれています.

18. Brizy Page Builder(無料)

Brizy Page Builder

Brizyは、特に無料のプラグイン向けの素晴らしいオプションを備えたフロントエンドページビルダーです。 Brizyは、公開されたページでの作業を強制する代わりに、コンテンツをステージングします。これにより、フロントエンドからページを編集できますが、公開する準備ができるまでページは公開されません。 Brizyのもう1つの優れた機能は、150以上の既製ブロックがあるため、数分ですばやくページをデザインできることです。!

19. Bold Page Builder(無料)

太字ページビルダー

Bold Page Builderは、デフォルトの2016年と2017年のWordPressテーマでうまく機能するように設計されたドラッグアンドドロップページビルダーです。これは、これらの無料のコアテーマのいずれかで始まる、より優れたニッチサイトを構築するための迅速、簡単、無料の方法です.

プラグインの直感的なインターフェースは、ほとんどのタイプのページの作成に適しています。ビデオ、メーソンリーグリッド、画像、リッチテキストなど、さまざまな種類の要素をサポートしています。 Font Awesomeアイコンライブラリもサポートしているため、任意のアイコンでページを簡単にカスタマイズできます。.

20. CornerstoneとUltimate Elementsバンドル

Cornerstone Page Builder

情報とダウンロードデモを見る

Xテーマのメーカーのコーナーストーンは、優れたページビルダープラグインであり、その主力テーマのビルディングブロックをWordPressプラグインフォームで提供します。 Cornerstoneは、カスタム投稿とページのオプションを備えたフロントエンドページビルダーです。ボタン、ブロックの引用、マップ、スキルバー、スライダー、タブ、価格表などを追加します.

ただし、CornerstoneのEssential AddonsなどのCornerstone拡張機能と組み合わせると、さらに改善されます。.

プラグインは、さまざまな新しい要素を導入します。特に、最新のカルーセルスライダー機能です。これらのカルーセルには、画像、ロゴ、紹介文、チームメンバー、ブログ投稿、さらにはWooCommerce製品など、あらゆる種類のコンテンツを入力できます。各カルーセルには、スタイル、レイアウト、サイズ、スクロールボタンを選択できる豊富なカスタマイズオプションもあります。また、カスタムカラースキームを作成し、それらのカスタム背景画像をアップロードして、創造性をアピールするプラットフォームを提供できます。.

その他のモジュールには、Instagram画像グリッドと、私の個人的なお気に入りのインタラクティブなプロモーションが含まれます.

21. AZEXOによるWordPressページビルダー

AZEXOによるWordPressページビルダー

AZEXOによるWordPress Page Builderは、AZEXOチームによるThemeforestのWordPressテーマ開発中の数多くの試行錯誤の結果です。彼らは、市場で入手でき、サードパーティのWordPressテーマと統合する準備ができているほとんどすべてのページビルダーを調査しました.

次の条件を念頭に置いて、ユーザーと開発者に最適なビルダーを探しました。

  1. 可能な限り最小限のポップアップダイアログを備えた100%フロントエンドページビルダー–したがって、ページのすべての変更は、オブジェクトの真上を左または右マウスクリックで開始する必要があります。.
  2. ビルダーのフロントエンドCSS / HTML / JSは、ページの動作を妨げないことを保証する必要があります–すべての可能な環境でゼロのCSSおよびJSの競合.
  3. 既製のセクションを備えたページの作成により、ユーザーは可能な限り最高の速度でページを作成できます.
  4. すべてのHTMLタグのほぼすべてのCSSスタイルの完全なフロントエンドコントロール-ユーザーが必要な場合.
  5. フロントエンドビルダーのパフォーマンス–大きなページでも、すべてのアクションで500ミリ秒以下.
  6. 不注意なアクションでページを分割することは不可能です–ドラッグアンドドロップなど.
  7. フロントエンドビルダーの動作に必要な、可能な限りの特別な属性とクラス.
  8. すべてのセクション/要素/ブロック– PHP生成なしの純粋なHTMLを介して実装(ソースコード用に1か所)–セクション/要素/ブロックの開発とカスタマイズを可能な限り簡単に
  9. Page Builderは、内部的な目的で新しいタグ、属性、クラスを追加することはできません。開発者が作成したHTMLをユーザーが変更できるようにするだけです。.

AZEXOは、これらすべての条件を満たす製品を同時に見つけることができなかったため、テーマで使用する新しいWordPress Page Builderを作成することにしました。彼らはフロントエンドのCSSスタイルエディターを開発しないことを決定しましたが、代わりにページビルダーをそのようなタスクのための市場で入手可能な非常に優れたソリューション–イエローペンシルと互換性があるようにしました.

開発者がこのページビルダーをWordPressテーマの開発プロセスに統合した後、速度を約20〜30%向上させることができました。また、CSS / JSの競合に時間を費やすことはなく、新しいテーマを1つのセクション/要素/ブロックライブラリにマージして、互いに組み合わせることができます。.

22.グーテンベルク(無料)

グーテンベルクWordPressエディター

WordPress 5.0に組み込まれているGutenbergは、シンプルなコンテンツエディターを探している新しいサイト向けのオプションです。おそらくこれをページビルダーとは呼びませんが、投稿や単純なページレイアウトを作成するための多くのオプションが含まれています。上記のオプションほど豊富な機能はありませんが、グーテンベルクはユーザーに段落、見出し、コード、メディア、コメント、リストなどのブロックを提供します.

最高のドラッグアンドドロップページビルダーWordPressプラグインの結論

誰もがドラッグアンドドロップページビルダーのWordPressプラグインを使用する必要があります。これは、生産性を向上させ、長期的にコストを節約できるためです。これらのプラグインについて質問がある場合は、下のコメントセクションに行をドロップしてください.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map