ページ ビルダー プラグインは、Web 構築における新しい革命です。 とともに ページビルダー WordPress にインストールすると、コードを 8 行も書かずに美しい Web サイトを作成できます。 Elementor は、アクティブなインストール数が XNUMX 万を超え、WordPress で最も使用されているページ ビルダー プラグインです。
発見 WordPressにElementorをインストールする方法
Elementor自体はフリーミアムプラグインです。 無料でご利用いただけますが、プロバージョンにアップグレードすると多くのメリットがあります。 しかし、Elementor Proにアップグレードする前に、疑問に思うかもしれません。 ElementorFreeとElementorProの違いは何ですか?
この記事で取り上げます。
一般に、ElementorProとElementorFreeの違いは、提供される機能です。 もちろん、Elementor Proは、ElementorFreeよりも多くの機能を提供します。 ElementorFreeでは利用できないElementorProの機能は次のとおりです。
- ウィジェットプロ
- テーマビルダー-テーマビルダー
- ポップアップビルダー-ポップアップビルダー
- WooCommerce Builder-WooCommerce Online Store Builder
- サードパーティのツール統合
- プロモデル
それらを一つずつカバーしていきましょう。
ElementorFreeとElementorPro:ウィジェット
他のページビルダープラグインと同様に、Elementorにも視覚的なドラッグアンドドロップインターフェイスが付属しています。 ページを作成するには、ウィジェットをウィジェットパネル(左側のパネル)から編集領域にドラッグするだけです。 Elementor Freeでは約30個のウィジェットにしかアクセスできませんが、ElementorProでは90個以上のウィジェットにアクセスできます。
リラaussi Elementorを使用してWordPressでカスタムヘッダーを作成する方法
などの重要なウィジェット フォーム, 召喚状、投稿、ナビゲーションメニュー ElementorProでのみ利用可能です。 ElementorFreeとElementorProが提供するウィジェットは次のとおりです。
Elementor無料ウィジェット
内側のセクション-内側のセクション | イメージボックス-イメージボックス | アコーディオン-アコーディオン |
見出し-タイトル | アイコンボックス-アイコンボックス | 跳開橋 |
画像 | 星の評価-星 | ソーシャルアイコン-ソーシャルアイコン |
テキストエディタ-テキストエディタ | 画像ギャラリー-画像ギャラリー | アラート-アラート |
ビデオ | 画像カルーセル-画像カルーセル | SoundCloudが |
ボタン-ボタン | アイコンリスト-アイコンリスト | ショート |
仕切り-仕切り | カウンター-カウンター | HTML |
スペーサー-スペーサー | プログレスバー-プログレスバー | メニューアンカー-メニューアンカー |
Googleマップ | 証言-証言 | バレラテラル |
アイコン-アイコン | タブ-タブ | もっと |
ElementorProウィジェット
Elementor Free plusのすべてのウィジェット:
投稿-記事 | 共有ボタン | 抜粋後-出版物からの抜粋 |
ポートフォリオ | Blockquote-BlockQuote | 注目の画像-注目の画像 |
スライド-スライド | Facebookボタン | 著者ボックス-著者ボックス |
フォーム-フォーム | Facebookのコメント | コメントの投稿-コメントの投稿 |
ログイン | Facebook埋め込み | 投稿ナビゲーション |
アニメーションの見出し-アニメーションのタイトル | Facebookのページ | 投稿情報-記事情報 |
価格表-価格表 | テンプレート-テンプレート | 製品-製品 |
価格表-価格表 | サイトロゴ | WooCommerceブレッドクラム-WooCommerceブレッドクラム |
フリップボックス-フラップボックス | サイトタイトル-サイトタイトル | カスタムカートに追加-カスタムカートに追加 |
召喚状-召喚状 | ページタイトル-ページタイトル | WooCommerceページ-WooCommerceページ |
メディアカルーセル-メディアカルーセル | ナビゲーションメニュー-ナビゲーションメニュー | 製品カテゴリ-製品カテゴリ |
お客様の声カルーセル-お客様の声カルーセル | 検索フォーム-検索フォーム | メニューカート-メニューカート |
レビュー-レビュー | サイトマップ-サイトマップ | PayPalボタン-PayPalボタン |
カウントダウン-カウントダウン | 投稿タイトル-投稿タイトル | コードハイライト-コードハイライト |
ビデオプレイリスト-ビデオプレイリスト | ホットスポット-アクセスポイント |
WooCommerceウィジェットは、WooCommerceがWordPressにインストールされ、アクティブ化されている場合にのみ表示されます。
また読む: Elementorを使用してWordPressでフッターを作成する方法
ウィジェットが増えると、Webページを作成する際の柔軟性が高まります。 上記の表には、ElementorProで使用できるすべてのウィジェットがリストされているわけではないことに注意してください。 キーウィジェットのみを選択します。 たとえば、Yoastを使用している場合、BreadcrumbsウィジェットはElementorProでも利用できます。
テーマビルダー
ページビルダーの時代以前は、これはテーマを作成するためのプログラミングスキルを持たないWordPressユーザーにとっては単なる夢でした。 WordPressテーマを作成するには、PHP、CSS、およびHTMLに習熟している必要があります。 最近では、WordPressテーマの大部分もJavaScriptスクリプトを使用しています。
今日、ページビルダーのおかげで当時は終わりました。 ほとんどのページビルダープラグインには、テーマビルダー機能が付属しています。 Elementorでは、テーマビルダーはプロバージョンでのみ使用できます。
あなたがそれに気づいたことがあるなら、WordPressテーマは以下で構成されています:
- ヘッダー-ヘッダー
- フッター
- 単一投稿テンプレート-単一投稿テンプレート
- 404ページ-404ページ
- カテゴリページ-カテゴリページ
- 著者ページ-著者ページ
- タグページ-ページタグ
- など…
Elementorのテーマビルダー機能を使用すると、上記の重要な要素を作成できます。
Elementorで作成したすべてのテーマ要素は、アクティブなテーマの要素を置き換えます。 たとえば、Elementorでヘッダーを作成して公開すると、そのヘッダーがアクティブなテーマのヘッダーに置き換わります。 Elementorでは、ヘッダーを他のテーマ要素とともに公開する前に、表示条件を設定できます。 ヘッダーは、Webサイト全体、または特定のXNUMXつまたは複数のページに適用できます。
また見なさい ElementorProで独自の投稿テンプレートを作成する方法
Elementorで作成されたWebサイトがどのように見えるかについて知りたい場合は、このページにアクセスしてください。 Elementorショーケース。 Elementorチームは、Elementorで構築された最高のWebサイトを整理し、選択したサイトをこのページに表示します(毎月更新)。
ポップアップビルダ
ElementorをWordPressにインストールすると、次のような新しいメニュー項目が表示されます。 モデル 左側のパネルにあります。 と呼ばれる要素があります ポップアップ このメニュー項目の下。 クリックすると、「ポップアップビルダーを取得」メッセージ以外は表示されません。 ポップアップ、 ElementorProを使用している場合を除きます。
リラaussi Elementor Pro:ロックを解除するための10の素晴らしい機能-パートI
ポップアップビルダーは、Elementorのプロバージョンでのみ使用できる機能です。 この機能を使用して、あらゆる種類のポップアップを作成できます。 バナー広告からサブスクリプションフォーム、発表からリリースの意図などまで。
ポップアップビルダー機能を使用して、このような美しいWebサイトメニューを作成することもできます。
作成するポップアップの概念がわからない場合、Elementorには使用できるテンプレートがいくつかあります。 ポップアップウィンドウ自体は、特定の設定を使用して一部のページに表示できます。 たとえば、ページが完全に読み込まれた後、ランディングページにポップアップウィンドウを表示できます。
トリガーに基づいてポップアップウィンドウを表示することもできます。 たとえば、訪問者がボタンをクリックした後にポップアップを表示できます(上のスクリーンショットのように)。
WooCommerceビルダー
WooCommerce を使用する場合 オンラインストアを作成する、 Elementor Pro は、インストールできる優れたプラグインです。 Elementor Pro には WooCommerce ビルダーが付属しており、WooCommerce のすべての部分をカスタマイズできます。
あなたができる 独自のパーソナライズされた製品ページを作成する, アーカイブ商品ページ、ショップページなど。 Elementor Proは、約6つのWooCommerceウィジェットを提供しています。
- 製品
- WooCommerceブレッドクラム
- カスタムカートに追加
- WooCommerceページ
- 製品カテゴリ
- メニューカート
WooCommerceのカスタムパーツを作成するために使用できるテンプレートもあります。
サードパーティのツール統合
Elementor Proを使用している場合は、フォームを含むプレミアムウィジェットにアクセスできます。 このウィジェット(フォーム)は、ビジネスWebサイトにとって十分に重要です。 このウィジェットは、MailChimp、GetResponse、MailerLite、HubSpotなどのサードパーティのマーケティングツールと統合できます。
フォームを使用できないことは大きな損失です。 電子メールサブスクライバーの構築など、一般的なマーケティング手法を適用することはできません。
Elementor Proでサポートされているサードパーティツールには、WordPressで最も広く使用されているSEOプラグインであるYoastが含まれます。 YoastをElementorProと統合することで、独自の投稿テンプレートにブレッドクラムを追加できます。
Elementor Proを使用しないことのもうXNUMXつの欠点は、FontAwesomeのプロアイコンにアクセスできないことです。 Elementor Proを使用すると、次のことが可能になります。 カスタムフォントを追加します。
プロモデル
ページ作成の時間を節約するために、Elementorはテンプレートを提供しています。 Elementorが提供するテンプレートは、ホームページからアバウト、連絡先、ランディングページ、単一の投稿、セクションなどにまで及びます。
最近、Elementor は Template Kit - Template Kit と呼ばれる新機能をリリースしました。 テンプレート キットは、同じデザイン コンセプトで設計されたテンプレート (ホームページ、概要ページ、連絡先ページ、単一投稿レイアウトなど) のセットで、次のことが可能になります。 ウェブサイトを作成する テンプレートをインポートするだけで数分で。
ただし、すべてのElementorテンプレートがElementorFreeで利用できるわけではありません。 一部のテンプレートにはプロウィジェットが含まれているため、ElementorProユーザーのみが使用できます。 ProElementorモデルには「PRO」ラベルが付いています。
評決
8万人以上のユーザーが間違っていることはありません。 Elementorは間違いなくWordPressの最も人気のあるページビルダープラグインです。 (正直に言って)他のページビルダーを試したことがないので、「最高」とは言いません。
しかし、使用しているものが必要なものすべてを提供できる場合は、他のことを試す必要がない場合もあります。 Elementorは、ページビルダーが提供できるほとんどすべてのものを提供できます。 テーマビルダーからポップアップビルダー、WooCommerceビルダーからテンプレートやウィジェットまで。
また、それは非常に直感的なユーザーインターフェイスを備えているため、目をそらすのが難しい主な理由です。
Elementorは無料で使用できますが、無料版のElementorではElementorの表面にしか触れることができません。 深く掘り下げるには、ElementorProが必要です。
ElementorFreeとElementorProの機能比較は次のとおりです。
エレメンタフリー | Elementorプロ | |
---|---|---|
ウィジェットの数 | 30 | 90+ |
モデル数 | 40 | 300+ |
テーマビルダー | いいえ | OUI |
ポップアップビルダ | いいえ | OUI |
WooCommerceビルダー | いいえ | OUI |
フォームビルダ | いいえ | OUI |
サードパーティの統合 | いいえ | OUI |
カスタムフォント | いいえ | OUI |
グローバルウィジェット | いいえ | OUI |
フルサイトエディター | いいえ | OUI |
モーションエフェクト | いいえ | OUI |
カスタムCSS | いいえ | OUI |
動的コンテンツ | いいえ | OUI |
役割マネージャー | いいえ | OUI |
Elementor Proを今すぐ入手!
まとめ
ここに ! Elementorのさまざまなバージョンの機能の詳細な比較を紹介するこの記事は以上です。 そこへの行き方に不安がある場合fでお知らせください commentaires.
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...