【5分でできる】Elementorのインストールと初期設定

ノーコードでLPやホームページが作れるElementorを使いたいけど、初期設定の方法がわからない…

そんな方に向けて、Elementorのインストールと初期設定について解説します。

ElementorはWordPressのプラグインですので、まだWordPressが手元にない方は以下の記事を参考にご用意ください。

あわせて読みたい
【画像で解説】初心者におすすめなWordPressブログ用サーバーと始め方 WordPressでブログを始めたいけどサーバーの契約って難しそう。どのサーバーを選べばいいのかわからないし、誰か丁寧に教えて下さい。。。 そんな方に向けてこの記事を...

「WordPressはインストールしてるけど、WordPressの初期設定ができていない!」

そんな方はWordPressの初期設定について解説している記事を参考にご準備ください。

あわせて読みたい
初心者OK!WordPressの使い方【初期設定から記事の投稿方法まで】 これからWordPressを使っていきたいけど、操作方法がわからない。。。 そんな方に向けて、WordPressの操作方法を解説します。 WordPressでブログやサイトを作り続けて3...

準備OKですか?

それでは解説に移ります。

クリックできる目次

【5分でできる】Elementorのインストールと初期設定

ElementorでLPやホームページを作るために、インストールや固定ページの設定をみていきましょう。

流れはこちら

STEP
Elementorのインストールと有効化
STEP
Elementorに最適なテーマをインストールする
STEP
Elementorで固定ページを作成する

スクショを使って解説していきます。

Elementorのインストールと有効化

まずは、WordPressの管理画面にログインしましょう。

WordPressの初期設定のために、まずはプラグインの新規追加ページへ

WordPressの管理画面から「プラグイン>新規追加」でプラグインの新規追加ページへ。

プラグイン新規追加ページでElementorと検索

右上の検索ボックスで「Elementor」と検索してください。

プラグイン一覧の左上に表示されている赤紫色のアイコンが「Elementor」です。

Elementorをインストール

「今すぐインストール」ボタンをクリックして、Elementorをインストールしてください。

通信環境によっては、しばし待機です…。

Elementorを有効化

Elementorがインストールできたら「有効化」ボタンをクリック。

プラグイン一覧ページに遷移し「Elementor」が追加されていれば、無事にインストールと有効化が完了です。

Elementorに最適なテーマをインストールする

次に、Elementorに最適なテーマをインストールします。

今回はElementorでおすすめのWordPess無料テーマで紹介している「Astra」を使用します。

「テーマ>新規追加」でテーマの検索ページへ

まずは「テーマ>新規追加」でテーマの検索ページへ。

右上の検索ボックスで「Astra」と検索。

テーマ一覧の左上、紫色のアイキャッチがAstraです。

Astraをインストール

すかさず、「今すぐインストール」をクリック。

astraを有効化

インストールが完了したら「有効化」をクリック。

Astraがインストール完了

テーマ一覧ページに遷移して「有効:Astra」と表示されていれば、Astraのインストールと有効化が完了です。

Elementorで固定ページを作成する

Elementorのインストールと最適なテーマの適用が完了したので、実際にElementorで固定ページを編集する手順をみていきましょう。

固定ページの新規追加

WordPressの管理画面から「固定ページ一覧>新規追加」をクリック。

Elementorの固定ページでキャンバス設定

タイトルを適用に付けて、右側メニューのテンプレートから「Elementorキャンバス」を選択。

Elementor キャンバス:まっさらなページ。LP作成時に使える
Elementor 全幅:ヘッダーとフッターがありのページ。ホームページやコーポレートサイトに使える

右上の「下書きを保存」をクリックして設定を保存しましょう。

Elementorで編集

下書き保存が完了したら、左上の「Elementorで編集」をクリック。

Elemntorの編集画面に遷移したらOK

Elementorの編集画面に遷移できたら、Elementorでゴリゴリページ作成する準備が完了です。

Elementorの初期設定が完了したら実際に使ってみよう

Elementorのインストールと有効化などの準備が完了しました。

次は実際にElementorを使ってページを作っていきましょう。

しかし、Elementorはたくさんの機能があり、何がどんな役割があるのかわかりません。

まずは、Elementorの使い方を紹介している記事を参考に、簡単な自己紹介ページを作ってみてください。

あわせて読みたい
【保存版】Elementorの使い方をステップ・バイ・ステップで徹底解説 WordPressプラグインのElementorを使ってみたいけど使い方がわからない...。とりあえず基本的な使い方を網羅的に学びたいなぁ。 そんな疑問にお答えします。 僕はElemen...

また、Elementorを使ったノーコードWeb制作ロードマップはこちらにまとめています。

あわせて読みたい
ノーコードWeb制作で月5万円稼ぐロードマップ【副業初心者OK】 Web制作で副業を始めたいけどどうしたらいいんだろう?情報がたくさんありあすぎてどうやって始めればいいのか分からない…。Web制作で月5万円稼ぐまでの方法を誰か教え...

YouTubeにも同じ内容を載せていますので、「動画の方がいい!」という方はこちらをご覧ください。

さいごまでご覧いただきありがとうございます!
定期的にブログの新着記事情報を受け取りませんか?

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

YUTAROUのアバター YUTAROU 副業Webマーケター

マーケティングとコードと筋トレが好きです。
都内のITベンチャー企業でデータ分析やABテストをしてバリバリのマーケターとして働きながら、副業でブログやWeb制作メンターをしている24歳です。このブログではビジネスマンのための、副業方法やビジネススキルを発信しています。

詳細なプロフィールはこちらの記事にまとめています
YUTAROUのプロフィール

クリックできる目次
閉じる