WordPressは、ユニークで視覚的に魅力的なWebサイトのデザインを大幅に簡素化します。 それでも、印象的な結果を得るには、いくつかの作業といくつかの適切に選択されたツールが必要です。 デフォルトでは、WordPressはあなたを助ける機能を提供します-のように ライブプレビューオプション -しかし、それでも少し制限があります。
幸いなことに、 ページビルダー. 通常、このタイプのプラグインを使用すると、さまざまなデザイン要素を Web ページにドラッグ アンド ドロップして、コードをいじる必要なくカスタマイズ オプションを拡張できます。 一部の WordPress テーマでは、XNUMX つの便利なパッケージで必要なものがすべて提供されます。
このチュートリアルでは、WordPressブログのページ構築プラグインをリストすることにより、最初の作業を行いました。
しかし、前に、一緒に発見しましょう WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法.
それから、私たちがここにいる理由に戻りましょう。
1. SiteOriginによるページビルダー
SiteOriginによるページビルダーは長持ちするように構築されました。 そして、その「永遠」において、WordPress.orgでXNUMX万を超えるアクティブなインストールを収集し、このリストで最も人気のあるビジュアルページビルダープラグインになりました。 SiteOrigin Page Builderは、このリストにある他のほとんどのオプションよりも少し軽量ですが、優れたパフォーマンスと大量のCSSコントロールを提供します。
SiteOriginには、レイアウトの作成に使用できる2つのインターフェイスがあります。 ブロックをドラッグアンドドロップするか、特定のブロックをクリックして編集できます。 このエディターは、ほとんどのワークスペースを提供しますが、リアルタイムのプレビューがありません。
私たちも発見 10 WordPressのプラグイン ブログで寄付を受け取る
プレビューで実際にドラッグアンドドロップすることはできないため、このリストの他のページビルダーと同じではありません。 デザインをテンプレートとして保存することはできませんが、既存のページを簡単に複製して同様の機能を実現できます。
ガイドをご覧ください 正しくワードプレス上のjQueryのコードを追加する方法
CSSを知らない場合、SiteOrigin PageBuilderのスタイリングオプションは他のビジュアルページビルダーと比較して期待外れになります。 しかし、あなたがそれらに慣れているなら、それらは実際には非常に便利です。 SiteOriginのページジェネレータは、HTMLコードと ショートコード.
2.エレメンター
もともと2016年にリリースされたElementorWordPressプラグインは、このリストで最も若いページビルダーのXNUMXつです。 スタートが遅れたにもかかわらず、 Elementor WordPress.orgに1を超えるアクティブなインストールをすばやく蓄積し、最も人気のある視覚的なWordPressページビルダーの000つになりました。
その評判を作っているのは、その流動的な視覚インターフェース、その異なるスタイルオプション、およびWordPressテーマの完全な作成などの他の強力な機能です。
また読みます: フォームに自動補完を追加する6つのWordPressプラグイン
インターフェイスは28つの主要部分に分かれており、特定のパラメーター用の30番目の領域があります。 Elementorの無料版には、58の無料ウィジェットがあります。 Proバージョンには約XNUMX個のウィジェットがあり、Proバージョンでは合計XNUMX個のウィジェットがあります。
こちらもご覧ください ブログを成功させるための23の必須ツール
無料版には約40の無料モデルが含まれていますが、Pro版には数百の追加モデルが含まれています。
3.ビーバーコンストラクター
Beaver Builder は、かなり長い間、ビジュアル ページ ビルダー市場の主力でした。 クリーンなコードを生成します ( ページビルダー) であり、ユーザーや開発者に人気があります。 新機能や更新の形で定期的に注目を集めています。
より柔軟に関連付けることができる公式の拡張機能があります。 Beaver Builderは、ビジュアルビルダー用の独自のインターフェイスを提供します。 ほとんどの作業はで行われます サイドバー 右ですが、サイドバーオプションは、トップバーボタンをクリックしたときにのみ表示されます。 したがって、いつでも全画面プレビューを表示することができます。
また読みます: 8あなたのウェブサイトやブログを翻訳するためのWordPressプラグイン
ポップアップでインライン編集を使用することは、正直なところ、少し厄介です。 ただし、エディターをサイドバーに簡単に固定して、この問題を修正できます。 無料版では、Beaver Builderは6つのモジュールにしかアクセスできませんが、標準のWordPressウィジェットを使用できます。
発見するには: Webサイトのコンテンツをロックする8つのWordPressプラグイン
ただし、プレミアムバージョンでは、30モジュールにアクセスできます。また、すべてモジュール化されているため、必要に応じて有効または無効にできます。
4。 WPベーカリー・ページ・ビルダー
別のプレミアムで非常に人気のあるページビルダーは、以前はVisual Composerとして知られていたWPBakery Page Builderです。 この人気の多くは、 WPベーカリー・ページ・ビルダー ThemeForest WordPressテーマのほぼ99%が付属しています。 しかし、それは非常に多くのウェブサイトで使用されているという事実は残っています。
Divi Builderと同様に、WPBakery PageBuilderではビジュアル編集とバックエンド編集の両方が可能です。 ElementorやDiviBuilderのようなものと比較すると、WPBakery PageBuilderのスタイリングオプションは少し制限されています。 線を適切に制御できますが、個々の要素のスタイルオプションはもう少し制限されています。 私たちの発見によってさらに進んでください Visual composerのチュートリアルと、後者でプロフェッショナルなWebページを作成する方法
独自のCSSを使用する場合は、クラスまたは識別子を追加できます カスタムCSS または、実際のスタイルをページレベルに追加できます。
WPBakery Page Builderに特に注目に値するユニークな機能があるかどうかはわかりません。 しかし、彼が持っているのは 拡張機能の巨大なコミュニティ.
5。 Divi Builder
Divi Builderは、エレガントテーマで高く評価されている高品質のページビルダーです。 通常、Divi WordPressテーマの一部として使用されますが、Divi Builderは他のWordPressテーマで使用できるスタンドアロンプラグインでもあります。
以前のXNUMXつのメーカーとは異なり、 ディビビルダー ほとんどのユーザーは最初のインターフェースを好みますが、フロントエンドのビジュアルインターフェースとバックエンドのインターフェースを使用してコンテンツを編集できます。
基本的に、代わりに サイドバー、すべてがポップアップとフローティングボタンにあります。 316種類のプレゼンテーションパックにまたがる40個の定義済みテンプレートにアクセスできるほか、独自のデザインをテンプレートとして保存することもできます。
Diviの機能のXNUMXつは常に スタイル制御 彼があなたに与えること。 XNUMXつの異なるタブで、レスポンシブコントロール、カスタマイズ可能な間隔など、さまざまなパラメーターを構成できます。
私たちをチェックしてください あなたのブログを保護するために10 WordPressのプラグイン
あなたもできます カスタムCSSを追加、そのCSSエディターは基本的な検証と自動補完を統合しているためです。 Divi Builderの批判のXNUMXつは、常にショートコードに基づいているということです。 つまり、いつか無効にすると、コンテンツにショートコードが大量に残ることになります。 これは少し気のめいるようですが、Shortcode Cleanerのようなプラグインが存在するようになったので、問題は少なくなりました。
推奨リソース
ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。
- あなたのウェブサイトにアラートを追加するための8 WordPressプラグイン
- ナイトクラブのWebサイトを作成するための10のWordPressテーマ
- あなたはあなたの見通しにウェルカムメッセージのどのような種類を送っていますか?
- あなたのブログ上の脆弱性をスキャンする無料ツール
まとめ
ここに ! に捧げられたこの記事は以上です 最高のWordPressプラグイン コードを XNUMX 行も入力することなく、レイアウトをすばやく簡単に作成できるように設計されたビジュアル ページ ビルダー。
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにさらに要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.
この記事が気に入ったら、nあなたのそれを共有することをheしないでください 社会的ネットワーク お気に入り。 あなたが持っている場合 デcommentaires または提案、予約セクションでお知らせすることをheしないでください。
...