WPページビルダー:詳細なレビューとインストールガイド!

公開: 2021-07-28
wpページビルダー
@Cloudwaysをフォローする

ゼロからウェブサイトを作成することは困難な作業のように聞こえるかもしれませんが、WordPressページビルダーを使用していない場合に限ります。

適切な名前のWPページビルダーは、実際にプロセス全体を楽しむことができるほど簡単にWebサイトをデザインできるツールの1つです。

WP Page Builderは、本質的に、方程式からコーディング部分を取り除き、代わりにドラッグアンドドロップインターフェイスでWebサイトの作成を開始するためのツールを提供します。 これはレゴブロックで遊ぶのと同じくらい簡単なので、プロセス全体にほとんど時間がかからず、結果として得られるWebサイトも見事に見えます(うまく設計されていれば、そうです)。

しかし、WPページビルダーはどのように機能しますか? それはどのような機能を提供し、どれくらいの費用がかかりますか?

この記事では、このプラグインがWebサイト構築のニーズに対する最良の答えであるかどうかを判断するために、すべての質問に答えるだけでなく、さらに多くの質問に答えます。 に飛び込みましょう。

  • WPページビルダーとは何ですか?
  • WPページビルダーはどのように機能しますか?
  • WPページビルダーの機能
  • WPページビルダーの価格
  • WPページビルダーのシステム要件
  • WPページビルダーをインストールする方法は?
  • CloudwaysとのWPページビルダーの互換性とパフォーマンス
  • WPページビルダーの非互換性
  • WPページビルダー:長所と短所

WPページビルダーとは何ですか?

WP Page Builderは、魅力的なWordPress Webサイトを構築するためのドラッグアンドドロップインターフェイスを備えた、機能豊富なページビルダープラグインです。 このプラグインを使用すると、Webサイト構築の経験がまったくない場合でも、印象的なページレイアウトとデザインを作成できます。

WP Page Builderは予算にやさしいだけでなく、複数の機能を備えた無料(Lite)バージョンも提供しています。 したがって、より高度な機能のためにプレミアムバージョンを購入する必要があるかもしれませんが、無料(Lite)バージョンには、基本的なWebサイトを快適に構築するのに十分な機能があります。

WP Page Builderが何であるかがわかったので、プラグインがどのように機能するかを調べてみましょう。

WPページビルダーはどのように機能しますか?

簡単だ。 WordPressにWPPage Builderをインストールすると、基本的なエディターがフロントエンドエディターに置き換えられ、フロントエンドから直接サイトのデザインを操作できるようになります。

ユーザーインターフェイスは非常に使いやすく、すでに述べたように、コードやCSSを使用する必要はなく、開発者の助けも必要ありません。 それはすべてかなり直感的です。

また、プラグインがアクティブな場合、WordPressサイトの任意のページを編集して、その場でライブの変更を確認できます。 編集モードでは、複数のアドオン、ブロック、レイアウト、および任意のWebサイトに必要なその他の要素を表示できます。 これらの要素をドラッグしてサイトにドロップし、必要なスタイルを変更するだけです。

WPページビルダーの機能

ですから、すぐに知っておくべきことがあります。WPPageBuilderは、Elementor、Beaver Builder、SeedProdなどの他の人気のあるページビルダーと比較して、機能が少なくなっています。

しかし、それはあなたが仕事を成し遂げることができないことを意味しますか? 絶対違う。 あなたが素晴らしいウェブサイトを作成するためのすべての必需品がそこにあるので、あなたを妨げることはありません。

WP Page Builderの最も注目すべき機能を見て、何が得られるかを理解してください。

リアルタイムフロントエンドドラッグアンドドロップページビルダー:リアルタイムフロントエンドドラッグアンドドロップ機能は、WordPressWebサイトを開発するための究極のツールであるWPページビルダープラグインの主な機能です。 あなたがあなたのウェブサイトに選んで落とすための要素のトンがあります。

ブロック、アドオン、およびレイアウトパック:WP Page Builderは、証言、チームメンバーのセクション、価格表などのために、60のブロック、38のアドオン、および27の事前に設計されたレイアウトパックを提供します。 WP Page Builderにはさまざまなテンプレートがあり、満足できるまで選択してカスタマイズできます。

デザインの作成、保存、および再利用:異なるページで同じデザインを使用する必要がある場合、WP Page Builderには、個々の行と完全なWebページデザインを保存するオプションがあります。 保存したデザインを後で別のWebサイトで使用するためのエクスポートオプションがあります。

柔軟な行と列のレイアウトの構築:WP Page Builderには、行と列の柔軟性があります。 行の追加、列サイズの設定、またはパディングなど、すべてがWP PageBuilderで簡単に行えます。 WP Page Builderで作成するものはすべて、100%応答性が高く、モバイルにも対応しています。

カスタマイズとスタイリングのオプション:すべてのコンテンツ要素にはスタイリングのオプションがあります。 それを超えて、特定のデバイス上の要素を非表示にすることができます。 デバイスごとに異なる設定を設定したり、異なる画面サイズでコンテンツ要素を有効にしたりできます。

WPページビルダーの価格

では、WP Page Builderの費用はいくらですか?

WPページビルダーには3つの料金体系があります。 WP Page Builderはユーザーに無料(Lite)バージョンを提供しますが、より高度な機能が必要な場合はプレミアムバージョンにアップグレードする必要があります。

プラグインのプレミアムバージョンの価格は次のとおりです。

  • 個人:年間39ドル
  • フリーランサー:年間59ドル
  • 代理店: 99ドル/年

WPページビルダーの価格

プラグインがWordPressWebサイトに適切なソリューションではないと思われる場合も、 30日間の返金保証が受けられます。

WPページビルダーのシステム要件

それでは、WP PageBuilderのシステム要件を見てみましょう。

名前必須
WordPressバージョン5.4以上
PHPバージョン7.3(またはそれ以上を推奨)
データベースMariaDB –10.1以降/ MySQL –5.7以降
WPメモリ制限256MB以上
ブラウザChrome、Firefox、Safari(推奨)
InternetExplorerはサポートされていません
サーバーモジュールmod_rewrite、cURL、fsockopen、imagick

エラーが発生しないように、プラグインをインストールする前に、すべての要件を満たしていることを確認してください。

WPページビルダーをインストールする方法は?

無料(Lite)のインストール方法を学ぶことから始めましょう。次に、ライセンスキーのアクティベーションを使用してプレミアムインストールをインストールする方法についても説明します。

WP Page Builder Free(Lite)バージョンのインストール

  • WordPressダッシュボード>プラグイン>新規追加に移動します
  • 右側の検索バーWPページビルダーを検索します
  • [今すぐインストール]ボタンクリックします。
  • インストール後、[アクティブ化]をクリックしてプラグインをアクティブ化します。

wpページビルダープラグインを追加する

wpページビルダーをアクティブにする

wpページビルダーがアクティブ化されました

WP Page Builderプラグインをインストールしてアクティブ化すると、[WP PageBuilderで編集]ボタンがページに表示されます。

ホームページを編集する

プレミアムバージョン

WP PageBuilderプラグインのプレミアムバージョンをインストールする方法は次のとおりです。

  • Themeum.com Webサイトにアクセスし、アカウントにサインインして、サイトの右上隅にあるプロフィール写真に移動します。

wpページビルダーにサインイン

  • そこにカーソルを合わせてダッシュボードをクリックすると、購入したすべての製品のリストが表示されます。
  • 右側の[ダウンロード]をクリックすると、プラグインがローカルシステムにダウンロードされます。

wpページビルダーをダウンロード

  • WordPressダッシュボード>プラグイン>新規追加に移動します
  • 左上隅にあるアップロードボタンをクリックします
  • 参照ボタンをクリックして、ローカルシステムからWP Page Builder Zipファイルを選択するか、ドラッグアンドドロップします。
  • ファイル名が表示されたら、「今すぐインストール」をクリックします

wpページビルダーをアップロード

  • インストール後、アクティブ化ボタンをクリックしてアクティブ化します

wpページビルダーをアクティブにする
wpページビルダープロ

ライセンスキーのアクティベーション

  • themeum.comにログインし、プロファイルの下のライセンスセクションに移動します
  • サイトのURLを入力し、[URLの追加]ボタンをクリックします

ライセンスキーのアクティベーション

  • URLを追加したら、表示されるライセンスキーをコピーします。

ライセンスキー

  • WP Page Builder> License Pageに移動し、テキストフィールドにライセンスキーを入力して、「Connect withLicensekey」をクリックします。

ライセンスページ

ライセンスページが接続されました

これでライセンスキーのアクティブ化が完了し、WP PageBuilderプレミアムバージョンがインストールされました。

CloudwaysとのWPページビルダーの互換性とパフォーマンス

次に、WP PageBuilderとCloudwaysの互換性をテストします。 結局のところ、ウェブサイトの所有者の最大の懸念の1つはサイトの読み込み時間であり、ホスティングの選択はその中で重要な役割を果たします。

Cloudwaysのようなマネージドクラウドホスティングは、他の多くの重要な要素の中でも、最適なセキュリティ、高速パフォーマンス、24時間年中無休のサポートを提供するため、オンラインプレゼンスを真剣に考えているWebサイト所有者にとっておそらく最良の選択です。

テストプロセスを開始しましょう。

使用したリソース:

Cloudwaysサーバーの構成

名前仕様
CloudwaysサーバーVultr –高周波
データセンターの場所シアトル
2GB
SSDディスク64GB
帯域幅転送2TB
プロセッサー1コア
オペレーティング・システム: Debian 9
NGINX 1.19
ワニス6.0.7
Apache 2.4.25
データベースMariaDB 10.1
PHP 7.3

アプリケーション構成

名前仕様
WordPressバージョン5.7.2
CDN CloudwaysCDN
SSL 暗号化しましょう
テーマオーシャンWP

インストールされたプラグイン

プラグイン名バージョン
バージョン1.2.2
Cloudwaysボット保護バージョン4.63
WPページビルダープレミアムプラグインバージョン1.0.9
オーシャンエクストラ(ページ設定用) バージョン1.7.7

上記のリソースを使用して、本物そっくりのWebサイトを開発しました。 次に、このサイトをさまざまなツールでテストし、このセクションでサイトのパフォーマンス統計を共有します。

GTMetrixパフォーマンス分析

URL:https://gtmetrix.com/reports/wordpress-629073-2046410.cloudwaysapps.com/j1ueyIxL/

  • パフォーマンス:100%
  • 構造:93%
  • LCP :558ms
  • TBT :0ms
  • CLS :0.01

gtmetrixwpページビルダー

Pingdomパフォーマンス分析

URL:https://tools.pingdom.com/#5eafa461a8400000

  • パフォーマンスグレード:86
  • ページサイズ:1.0 MB
  • 読み込み時間:377ms
  • リクエスト:55

pingdomwpページビルダー

PageSpeedInsightパフォーマンス分析

総合成績:97

  • FCP :0.8秒
  • スピードインデックス:1.4秒
  • LCP :1.1秒
  • TTI :0.8秒
  • TBT :0ms
  • CLS :0.018

Pagespeedwpページビルダー

結果は、WP Page Builderで構築され、CloudwaysでホストされているWebサイトが信じられないほど機能していることを明確に示しています。 専用サーバーと組み込みのキャッシュプラグインを備えたCloudwaysマネージドWordPressホスティングを使用したことに注意してください。

WPページビルダーの非互換性

定期的なWordPressの更新により、いくつかの非互換性に遭遇する可能性があります。 それらのいくつかを見てみましょう:

キャッシュプラグインの頭痛

WP Page Builderエディターで行った変更がプレビューページに表示されないという問題に直面した場合は、キャッシュプラグインが原因である可能性があります。 キャッシュプラグイン削除するだけでこの問題を解決できます

プラグインの競合

他のプラグインが原因で問題が発生することがよくあります。 解決できない問題が発生した場合は、WP Page Builderを除くすべてのプラグインを非アクティブ化し、各プラグインを1つずつ有効にして、アクティブ化するたびにWP PageBuilderをテストします。 問題の原因となっているプラ​​グインが見つかるまで、このプロセスを繰り返します。

WPページビルダーを無効にするとすべてが削除されます

プラグインを無効にすると、コンテンツを含むすべてがサイトから削除される場合があります。 したがって、WP Page Builderプラグインで何かを行う前に、必ずサイトのバックアップを作成してください。 また、テンプレートをライブラリに保存したり、後で使用するためにエクスポートしたりすることもできます。

WPページビルダー:長所と短所

WP Page Builderに関するほとんどのことを完全に理解したので、プラグインの長所と短所を簡単に見てみましょう。

長所

  • WP Page Builderは、60個のブロック、38個のアドオン、および27個の事前に設計されたレイアウトパックをユーザーに提供します。
  • 複数の機能とシンプルなインターフェイスを備えた無料バージョンがあり、それが自分に適した製品であるかどうかを判断するのに役立ちます。
  • 行と完全なWebページのデザインの両方を保存して再利用できるため、代理店にとって理想的です。
  • コーディングのスキルがなくても初心者でも使いやすく、他のページビルダーに比べてリーズナブルな価格です。

短所

  • WPページビルダーは他のページビルダーと比較して機能が少ない
  • カスタマーサポートは電子メールとドキュメントに限定されていますが、ドキュメントは非常に役立ちます
  • ヘッダーとフッターのオプションは、WPページビルダーでは使用できません。 ヘッダーとフッターを作成する方法を理解する必要があります。
  • カスタムウィジェット機能は、他のページビルダーと比較して過小評価されています

最終的な考え

では、WP Page Builderについてどう思いますか? それはあなたのウェブサイト構築のニーズに対する理想的な解決策のように見えますか? プラグインで提供される機能はあなたのニーズに十分ですか?

他に何もないとしても、これは、Webサイトを設計するための確実なソリューションを必要とする初心者やプロにとっても優れたプラグインです。 このプラグインがあなたの路地のすぐ上にある場合は、無料バージョンを試してみてください。それが正しいと感じた場合は、プレミアムバージョンを試してください。

全体として、それはウェブサイトを構築するための素晴らしいドラッグアンドドロップオプションです!