WordPressElementorレビュー

更新日:2022-06-02 /記事:Nicholas Godwin

会社: Elementor Ltd.

背景: Elementorは、上に構築されたWebサイトビルダーです。 WordPress。 ドラッグアンドドロップアプローチを採用して、WordPressユーザーがWordPressサイトを作成および編集できるようにします。 WordPressの公式ウェブサイトによると、ElementorはXNUMX万を超えるウェブサイトで活動しています。

開始価格: Free

通貨: USD

オンラインにアクセス: https://elementor.com/

概要と評価を確認する

4

Elementorの主な利点は、Webサイト開発の経験がなくても、印象的なWebページをデザインできることです。 この設計構造により、公開したWebサイトの外観に関する疑問がなくなります。

エレメンターとは

Elementorは、WordPressWebサイト用の視覚的なドラッグアンドドロップWebサイトビルダープラグインです。 つまり、コンテンツとデザインを作成すると、訪問者に何が表示されるかがわかります。 さらに、画像、フォーム、ボタンなどのデザイン要素をドラッグアンドドロップして、ページを作成したり、必要に応じてコンテンツを作成したりできます。 あなたは書く必要はありません HTML、CSS、JS、またはその他のマークアップまたはスクリプト言語コード。

プロたち

  • 直感的なドラッグアンドドロップインターフェイス。
  • 多数の高品質の既製のページデザインを備えたテンプレートライブラリ。
  • 便利なウィジェットの豊富な品揃え。
  • Webサイトのテーマ領域を簡単にカスタマイズできます。
  • 初心者にも使いやすい。

コンズ

  • 詳細設定は有料プランでのみご利用いただけます。 
  • ドラッグアンドドロップエディタは時々少しバグがあることがあります

Elementorインターフェースはどのように機能しますか?

Elementorのより具体的な機能について説明する前に、まずインターフェースがどのように機能するかを見てみましょう。

インタフェース

Elementorエディター

Elementorエディターを最初に起動すると、インターフェースがXNUMXつに分割されていることに気付くでしょう。

  1. コンテンツエリア:これは、コンテンツブロックを配置および調整できるメインキャンバスです。
  2. 要素またはウィジェット:ページを作成するために組み合わせるビルディングブロック。
  3. 設定:変更を元に戻したり、複数のデバイス間でデザインをプレビューしたりできます。

レイアウト構築 

Elementorレイアウトビルディング

要素を追加する前に、ページの基本構造を設計することは常に素晴らしいことです。 幸い、Elementorは、セクションと列のXNUMXつの構造要素をユーザーに提供します。

セクションは最も広いレイアウトブロックですが、列はセクション内にあります。 セクション内に複数の列を含めることができることに注意してください。

要素の追加 

左側のサイドバーからページのビジュアルプレビューにドラッグするだけで、列またはセクションに新しいスタイルを追加できます。 ヘッダー、画像、動画、ボタンなどの基本的な機能を、 ロゴ カルーセル

スタイリング要素

目的のコンテンツをクリックし、Elementorサイドバーのオプションを使用することで、列やセクションを含む任意の要素のスタイルを設定および制御できます。 セクションハンドルを右クリックして、ポップアップコンテキストメニューから選択することもできます。

Elementorの4つのユニークな機能

基本を理解したところで、Elementorの成功に貢献しているいくつかのユニークな機能を見てみましょう。

1.Elementorテンプレートライブラリ

Elementorテンプレートライブラリ
ページとブロックは、Elementorで取得するXNUMX種類のテンプレートです。

Elementorユーザーは、直感的で完全なデザインを最初から作成できます。

ただし、Elementorテンプレートライブラリを使用すると、必ずしもすべてを自分で行う必要はありません。 ライブラリは、クリックするだけでアクティブ化できる多数のテンプレートで構成されています。

さらに、プラグインは、ページとブロックのXNUMXつの形式のテンプレートも備えています。

ページはインポート可能なフルページデザインであり、ニーズに合わせて微調整できます。

対照的に、ブロックは特定のセクション用に構築されたデザインです。 たとえば、ブロックを使用して、事前に作成された「自己紹介」セクションを既存のレイアウトにインポートできます。 

また、カスタムデザインを作成したら、それらをテンプレートとして保存し、後で簡単に再利用できます。

2.モバイルプレビューとレスポンシブデザインコントロール

Elementorには、コンテンツへのアクセスに使用するデバイスに基づいてユーザーに表示される内容を制御できるモバイルプレビューおよび応答設計機能があります。

4.32億 世界中のユニークなモバイルインターネットユーザーと、モバイルデバイスを使用してWebにアクセスするインターネットユーザーの90%以上が、この機能を利用すると便利です。

機能を切り替えて、タブレット、モバイル、またはデスクトップのページ要素またはウィジェットを表示または非表示にすることができます。 レスポンシブモードをクリックして、デバイスごとにページをプレビューすることもできます。
機能を切り替えて、タブレット、モバイル、またはデスクトップのページ要素またはウィジェットを表示または非表示にすることができます。 レスポンシブモードをクリックして、デバイスごとにページをプレビューすることもできます。
Elementorのレスポンシブオプションは[詳細設定]領域にあります。
Elementorのレスポンシブオプションは[詳細設定]領域にあります。

一部のページ要素には、独自の応答機能があります。 たとえば、一部のセクションでは、モバイルまたはタブレットの列を逆にすることができます。

3.詳細なレイアウトコントロール

列、セクション、ウィジェットのマージンとパディングを手動で調整できます。 列の間に空白を作成したり、列の仕切りをドラッグして列の幅を調整したりすることもできます。
列、セクション、ウィジェットのマージンとパディングを手動で調整できます。 列の間に空白を作成したり、列の仕切りをドラッグして列の幅を調整したりすることもできます。

ページビルダーを使用すると、ユーザーはコードを記述せずにWebサイトを設計できます。 ただし、その単純さはしばしばトレードオフにつながります。 Elementorは、トレードオフの必要性を減らすために一生懸命働いています。

この サイトビルダー 多数の直感的なコントロールを提供して、すべてのセクション、列、ウィジェットを、コードを記述した場合と同じように、必要な場所と方法で正確に配置できるようにします。

4.インラインテキスト編集

Elementorインラインテキストエディタ
Elementorインラインテキストエディタ

Elementorは、ユーザーを支援するインラインテキストエディターを備えています 彼らのウェブサイトをより速く構築する.

インラインテキスト編集は、Webサイトのテキストをすばやく簡単に編集する方法です。 Elementorでは、複数のページビルダーのようにポップアップを使用する代わりに、ページをクリックしてテキストを入力するだけで済みます。

Elementor Proはどうですか?

Elementor Proプランには、より高度な機能が含まれています。
Elementor Proプランには、より高度な機能が含まれています。

Elementorは、無料プランと有料プランの両方を提供しています(ElementorPro)。 Elementor Proプランには、サイト構築エクスペリエンスをスムーズにするより高度な機能が付属しています。

それでは、ElementorProプランに資金を投入することで得られるいくつかの便利な機能を見てみましょう。

テーマを作成する

まず、WordPressテーマ全体を最初から作成できます。 Elementor Pro 2.0にアップデートする前は、Elementorはコンテンツのみを作成でき、テーマは作成できませんでした。 したがって、Elementorを実行するにはまだテーマが必要です。

ただし、ドラッグアンドドロップインターフェイスを使用して、Elementorで完全なテーマを作成できるようになりました。

ウィジェット

次に、より多くのウィジェットを取得します。 これらのウィジェットは、柔軟性を高めるだけでなく、他のプラグインを置き換えることができます。

ElementorProのウィジェットには次のものが含まれます

  • スライダー
  • フォーム(お問い合わせフォーム、ログインフォームなど)
  • カウントダウンタイマー
  • ソーシャル共有ボタン
  • CTA
  • 価格設定テーブル

そして、もっと。  

フルテンプレートライブラリ

Elementor Proは、ライブラリ内のすべてのテンプレートページとブロックのロックを解除します。 また、独自のElementor Proテンプレートは、より詳細で洗練されています。 したがって、より多くのテンプレートと改善された品質が得られます。

最後に、特定の要素を複数のページで再利用する必要があるシナリオがあります。

たとえば、「自己紹介」セクションのすべてのWebページに同じコンテンツを含める必要があります。 これは、グローバルウィジェットを使用して実現できます。

このElementorPro機能は、ウィジェットをテンプレートとして保存し、複数のページで再利用するのに役立ちます。 XNUMX回の編集でグローバルウィジェットのすべてのインスタンスを自動的に更新することもできます。 

Elementorの計画と価格

Elementorのプランと価格。
Elementorのプランと価格。

次に、無料プランと有料プランの両方のプランと価格を見てみましょう。

Elementor無料プラン

無料プランには以下が含まれます:

  • よりプロフェッショナルな外観のWebサイトを作成するのに役立つ30以上の異なるテンプレート
  • 40以上のウィジェット、および 
  • 組み込みのページエディタ。

Elementor有料プラン

有料プランには、年間49ドルから始まるいくつかのプランにまたがる、より多くのテンプレートとより洗練された機能が含まれています。 Essentialプランの料金は年間49ドルで、次の機能が含まれています。

  • 単一のWebサイトにインストール可能、
  • 無料オプションよりも詳細な300以上のプロテンプレート、
  • 100以上のウィジェット、
  • 60以上のウェブサイトテンプレートキット
  • テーマビルダーとプレミアムサポート。

年間99ドルのAdvancedパッケージは、XNUMXつのWebサイトにインストールできます。

一方、年間199ドルのExpertプランは、25のWebサイトにインストールできます。 また、すべてのエッセンシャルプラン機能とエキスパートネットワークプロファイルがあります。

ただし、ハイエンドの専門家は、スタジオプランを年間499ドルで購入することも、エージェンシープランを年間999ドルで購入することもできます。 これらの最上位プランにはVIPライブチャットサポートが含まれており、それぞれ100および1000のWebサイトにインストールできます。

Elementorで構築を開始

Elementorは、ある理由で人気のあるWordPressページビルダーです。 ビジュアルページビルダーが提供するすべての基本を提供します。

次に、これらのコア機能に基づいて、次のようなより洗練された便利なインターフェイス要素を構築します。 テーマビルダー およびポップアップビルダー。

プラグインがプロジェクトに最適かどうかまだわからない場合は、WordPressで無料バージョンを試してみてください。 その後、何か特別なものが必要な場合は、Proプランにアップグレードして、Elementorのすべての機能を利用できます。

続きを読む

ニコラス・ゴッドウィンについて

Nicholas Godwinは、テクノロジーおよびマーケティングの研究者です。 彼は、2012年以来、企業が視聴者に愛される収益性の高いブランドストーリーを伝えるのを支援しています。彼は、ブルームバーグベータ、アクセンチュア、PwC、デロイトの執筆および調査チームからHP、シェル、AT&Tに勤務しています。

接続します。