무료 WordPress ページビルダー Elementorを使用してランディングページを作成する

Elementor ページビルダーとは

Elementorは無料で使用が可能なオープンソースのライブページビルダープラグインであり、コーディングの知識がなくても簡単に目的のWebサイトを作成することができます。 このビルダーを使用して、ユーザーは、既存の WordPress テーマや外部のテーマをカスタマイズ（ユーザー定義）することができます。

ちなみに数年前までしか Visual Composer多くの人気を集めましたが、ビーコンはそれほど良いプラグインではありません（WordPress ページビルダーの長所と短所 注）。 最近は Elementorが人気を呼び、 Jupiterのように Visual Composerを捨ててエレメンタを基本ビルダーを採用するテーマが増えて BeTheme, Bridgeのようなテーマはエレメント用のデモを追加しました。

エレメンプロでは、プロウィジェットとプロテンプレートのほか、ヘッダーからフーターまでサイトのすべての要素をカスタマイズできる Theme Builderを提供します。

• エレメンターキットライブラリ（Elementor Kits Library）を使う
• WordPress Elementor Proライセンスを有効にする

Elementor ページビルダーでランディングページを作成する

このページビルダープラグインは非常に簡単に使用できます。 この記事では Elementorでランディングページを作成する方法について説明します。 Elementorを使用してランディングページを初めて作成する場合は、この記事が役に立ちます。

ステップ1： Elementor Page Builderのインストール

まず、 WordPress 管理者パネルにログインして、サイドメニューから プラグイン>プラグインを追加する オプションをクリックします。

プラグインライブラリから Elementorを検索します。 Elementor ページビルダーの項目を見つけて、今すぐインストールする"をクリックします。

または、 Elementor website https://elementor.comから Elementorを直接ダウンロードしてから プラグインのアップロード 機能を使用してアップロードすることができます。

Elementor プラグインがインストールされたら、アクティブ化をタップ Elementorを有効にします。

ステップ2： Elementor 편집기

サイドバーのメニューに移動し、 ページ>新しいページを追加をクリックして、新しいページを作成します。 ページのタイトルを入力して保存し、「で編集 Elementor」を選択してください。

Elementor エディタが初期化されると、下の図に示すように多くの機能が含まれます Elementor エディタが表示され、必要に応じてページをカスタマイズできます。

ステップ3：あらかじめデザインされたテンプレートを使用する

Add Template（テンプレートの追加）をクリックするか、左の一番下のファイルのアイコンをクリックして、 テンプレートライブラリを選択すると、事前にデザインされたテンプレート画面が表示されます。

目的のテンプレートを選択して、Insertをクリックして挿入します。 テンプレートがロードされると、必要に応じ修正が可能です。

ステップ4：最初から新しいページデザインする

最初から新しいページをデザインすることもできます。 サイドバーのメニューに移動し、 ページ>新しいページを追加をクリックして新しいページを作成します。 ページのタイトルを履歴し、で編集 Elementor」をクリックします。

Elementor Editorが読み込まれたら、[Elements]タブのさまざまなコンテンツブロックをドラッグアンドドロップして必要に応じて編集します。

現在、次のような要素（Element）が提供されます。

• Columns（カラム）
• Heading（タイトル）
• Image（画像）
• Text Editor（テキストエディタ）
• Video（ビデオ）
• Button（ボタン）
• Divider（ディバイダ）
• Spacer（スペーサー）
• Google Maps（グーグルマップ）
• icon（アイコン）
• Image Box（画像ボックス）
• Icon Box（アイコンボックス）
• Image Gallery（ギャラリー）
• Image Carousel（画像カルーセル）
• Icon List（アイコンリスト）
• Counter（カウンター）
• Progress Bar（進行状況バー）
• Testimonial（使用期限、経験談）
• Tabs（タブ）
• Accordion（アコーディオン）
• Toggle（トグル）
• Social Icons（ソーシャルアイコン）
• Alert（警告表示）
• SoundCloudが
• Shortcode（ショートコード）
• HTML
• Menu Anchor（メニューアンカー）
• Sidebar（サイドバー）
• 加えて、 WordPress 要素：ページ、カレンダー、記事リスト、オーディオ、画像、ビデオ、その他の機能、検索、テキスト、カテゴリー、最新記事、最新コメント、RSS。 タグクラウドは、カスタムメニュー、カスタムHTML

他にも Elementor プロー バージョンでは、より多くの機能が提供されるとね。

ステップ5：空白のページにキャンバステンプレートを使用する

空白のページにキャンバステンプレートを使用するには、 WordPress 伝言板>ページ>新しいページを追加するを選択する必要があります。 ページのタイトルを入力した後、ページの右側の[テンプレート]ドロップダウンから Elementor キャンバスを選択し、「で編集 Elementor」をクリックします。

ステップ6：新しいセクションを追加する

新しいセクションを非常に簡単に追加できます。 Elementor エディタで 'Add Section」を選択するようにします。

希望の構造を選択すると、セクションが追加されます。

ステップ7：2列を追加する

要素 タブで「コラム「オプションを選択して新しい列を追加することができます。

希望カラム構造を選択すると、新しい列が作成されます。

新しい列が追加されると セクション編集 タブの[追加のオプションを設定して、カラムをカスタマイズすることができます。

手順8：タイトル（見出し）を追加する

要素 タブで「見出し「オプションを選択して、新しいタイトル（見出し）を追加することができます。

その後、 セクション編集 タブの[追加のオプションを設定して、タイトル（見出し）をカスタマイズすることができます。

手順9：画像

パネルで「画像「ウィジェットを選択して、新しいイメージを追加することができます。

今 Edit Image와 スタイル タブの[追加のオプションを指定して画像をカスタマイズすることができます。

手順10：ボタンを追加する

要素 タブで「ボタン「オプションを選択して新しいイメージを追加することができます。

同様にEdit Button]タブで、追加のオプションを指定して、ボタンをカスタマイズすることができます。

※7段階以下から写真がすべて壊れて削除しました。 （どんな理由なのかわかりませんが、写真がサーバーから削除されました。おそらくサムネイルの再生成プラグインを使用する過程で削除されたようです。） Elementor ページの編集方法を次の記事で確認できます。

• WordPress Elementor ページビルダーで作成されたページを変更する方法

最後に、

様々なツール（要素）を提供する Elementor ページビルダーは無料ですが、高い完成度を示すようです。 通常、ページビルダーはサイトの読み込み速度に悪影響を及ぼしますが、 Elementorはサイトの速度をあまり低下させないと言いますね（個々のサイトによって違いがあるかもしれません）。

ページビルダーは使用しないのが最も理想的ですが、レイアウト作業にページビルダーを使用する必要がある場合は、無料のページビルダーです。 Elementorを考慮してみることができるようになります。

メモ：

• Elementor ページビルダーを使用する WordPress テーマ
• 무료 WordPress ページビルダー Elementor ページ·ビルダー
• Avadaはなぜ人気があるのか​​？