Elementor(エレメンター):無料版のインストールとページ作成 | Elementor Free vs Pro の違い

公正取引委員会の広告文 Ver 3.1
公正取引委員会の広告文 Ver 3.2(モバイル専用)
テスト環境 RHEL系WordPress 7.1.3Elementor 4.3.52026-10-16 確認

Elementor(エレメンター)はWordPressのページビルダープラグインで、管理画面の編集画面ではなく、訪問者が見る画面の上でウィジェットをドラッグ&ドロップしてページを作るエディターです。WordPress 7.1.3のサイトに無料版4.3.5をインストールして見出し・段落・ボタンを入れたページを公開し、無料版とProプランの違いを公式の料金表で比較しました。

1️⃣ Elementorとは:ブロックエディターとの違い

Elementorは Block Editorと並んでインストールされる、WordPressの2つ目のエディターです。投稿や固定ページごとにブロックエディターで書くかElementorで編集するかを選び、Elementorで編集したページは訪問者が見る画面の上で配置とスタイルを直接調整します。

2️⃣ Elementorの無料インストール:プラグインの追加とエディター画面

インストール自体は他のプラグインと同じですが、有効化した直後から画面が変わります。[プラグイン › プラグインを追加]でElementorを検索してインストールし、有効化すると、サイトを表示したときに管理バーに[Edit with Elementor]の項目が現れます。エディターは、ページ編集URLの後ろに[action=elementor]が付いた別の画面として開きます。

WordPressのプラグインメニューのプラグイン追加画面でElementorを検索した結果、Elementor Website Builderのカードと有効化ボタン
[プラグインを追加]でのElementorの検索結果

WordPress.orgのプラグインディレクトリでは、Elementorの有効インストール数は1,000万以上、評価は7,319件のレビューで4.5です。2026年10月13日に公開された4.3.5バージョンは、WordPress 6.8以上とPHP 7.4以上を必要とします。

エディターは左のウィジェットパネルと右のプレビュー画面に分かれています。4.3.5バージョンのパネルは、FlexboxやHeading、ButtonといったAtomic Elementsのグループから始まります。エディターの文言は、言語パックがインストールされる前は英語で表示され、インストール後は管理画面の言語に従います。パネル下部のフォームウィジェットとProグループには鍵マークが付いているため、無料版で使えるものと使えないものが1つの画面で見分けられます。

Elementor無料版のウィジェットパネルで鍵マークが付いたフォームウィジェットとPro項目(Search·Posts·Portfolio·Menu·Form·Loop Grid)
無料版のウィジェットパネルにあるPro項目
🧭 Elementorのインストールとページ作成シミュレーター
📍プラグイン›プラグインを追加
プラグインのインストール
検索欄にElementorと入力して[今すぐインストール]をクリックし、インストールが終わったら[有効化]をクリックします。
📍固定ページ›固定ページを追加›Elementor で編集
固定ページを追加
[固定ページを追加]で新しいページを作り、ツールバーの[Elementor で編集]をクリックするとElementorのエディターが開きます。
example.com/wp-admin/plugin-install.php
プラグインを追加 プラグインのアップロード
プラグインは WordPress の機能を拡張します。このページから WordPress プラグインディレクトリでプラグインをインストールできますし、または上のボタンをクリックして zip 形式でプラグインをアップロードできます。
検索結果おすすめ人気おすすめお気に入り
プラグインの検索キーワード
7,046個の項目
Elementor Website Builder – 単なるページビルダーではない
有効化詳細情報
The Elementor Website Builder has it all: drag and drop page builder, Atomic Editor, pixel perfect design, global and reusable style systems, mobile r …
投稿者 Elementor
★★★★★ (7,319)
最終更新: 5日前
有効インストール数: 1000万以上
✓ 使用中の WP バージョンと互換性あり
example.com/wp-admin/post-new.php?post_type=page
+↶↷≡WEdit with WordPress엘리멘터 예시 페이지 · 페이지임시 글 저장공개
Elementor サンプルページ
ブロックを選択するには「/」を入力
Elementorのエディターが開きます — 3️⃣ エディターシミュレーターへ
左メニューの有効な項目か画面のボタンを押します。

3️⃣ Elementorでページを作る:Flexboxコンテナとウィジェット

Elementorでは、まずFlexboxコンテナを置き、その中にウィジェットを入れてページを組み立てます。[固定ページ › 固定ページを追加]でページを作ってElementorのエディターを開いたら、空の画面の[+]をクリックしてFlexboxを選びます。

コンテナの[+]をクリックするとウィジェットパネルが開き、Heading、Paragraph、Buttonを順にクリックすると、選択したコンテナの中に入ります。

文字は各ウィジェットをクリックしてから、左パネルの入力欄で直します。コンテナの[Layout]で[Direction]を縦に、[Gap]を16pxにすると、3つのウィジェットが上下に積み重なります。

Elementor無料版のエディターでFlexboxコンテナに見出し・段落・ボタンのウィジェットを縦に入れた画面と、左のレイアウト設定パネル
ElementorエディターのFlexboxコンテナと[Layout]パネル

[Publish]をクリックすると[Your Page is live]の通知とともにすぐに公開され、訪問者の画面ではテーマのヘッダーとフッターの間にElementorで作った領域が入ります。

Elementor無料版で作って公開した例のページの訪問者画面。テーマのページタイトルの下に見出し・段落・ボタン
公開した例のページの訪問者画面

画像のいちばん上の大きな文字はテーマが表示するページタイトルで、その下の見出し、段落、ボタンがElementorのFlexboxコンテナに入れたウィジェットです。

🧭 Elementorエディターシミュレーター
WordPress PluginElementor 4.3.5
방문자 화면
📍 Elementorエディター › キャンバス [+] › Flexbox
空のキャンバスの[+]をクリックしてFlexboxを選びます。
📍 要素 › Atomic エレメント › 見出し · 段落 · ボタン
左パネルのウィジェットをクリックするか、キャンバスへドラッグ&ドロップします。🔒・👑の付いた項目はElementor Pro限定で、クリックしてもアップグレード案内だけが表示されます。
📍 キャンバスのウィジェット › 編集パネル · Flexbox › スタイル › レイアウト
ウィジェットをクリックすると左パネルで文字を直せ、コンテナをクリックすると方向とすき間を変えられます。👑の付いた欄はElementor Pro限定で、アップグレード案内だけが表示されます。
📍 エディター右上 [公開]
[公開]をクリックすると左下に通知が表示され、履歴パネルの[リビジョン]タブにその版が1行追加されます。
📍 サイトを表示
訪問者には、テーマのヘッダーの下に作ったとおりに表示されます。
Angie✦엘리멘터 예시 페이지 (임시글) ▾새로운 소식🔔
요소
모든 Pro 위젯에 액세스하세요. 지금 업그레이드
재사용 가능한 구성 요소를 생성하세요
사이트 전체에서 일관성을 유지하는 디자인 요소를 만드세요.
전역 위젯을 만나보세요
이 기능을 사용하면 위젯을 전역으로 저장한 다음 여러 영역에 추가할 수 있습니다. 모든 영역을 한 곳에서 편집할 수 있습니다.
해상도전체 ▾
태그▾
태그p ▾
링크
ID
속성
표시 조건
◎로컬 ⋮
표시
방향
컨텐츠 정렬
항목 정렬
간격
감싸기
표시
플렉스 항목
자체 정렬
정렬
플렉스 크기
여백
패딩
넘침 처리
위치▾
Z-index
앵커 오프셋PX
글꼴 패밀리
글꼴 두께▾
글꼴 크기PX
텍스트 정렬
텍스트 색상
오버레이
색상
클리핑▾
테두리 두께PX
테두리 색상
테두리 유형▾
테두리 반지름PX
혼합 모드▾
불투명%
상자 그림자
변환
전환
필터
배경 필터
상호작용을 사용하여 요소에 애니메이션을 적용
페이지 로드나 스크롤 같은 사용자 상호작용에 의해 트리거되는 입장 애니메이션 및 효과 추가.
이력
아직 기록 없음
작업을 시작하면 편집기에서 수행한 모든 작업을 다시 실행/실행 취소할 수 있습니다.
이전 버전을 보려면 리비전 탭으로 전환하세요
페이지 설정
제목✦ AI로 쓰기
상태임시글 ▾
대표 이미지✦
⊕
정렬0
댓글 허용아니요
제목 숨기기아니요
페이지 레이아웃기본 ▾
디자인 시스템⋮
태그
h1 ⋮
Example예제 페이지
엘리멘터 예시 페이지
여기로 위젯 끌어오기
만세! 페이지가 공개되었습니다.
Pro 전용
example.com/…/
Example예제 페이지
엘리멘터 예시 페이지

4️⃣ Elementor Proとの違い:ウィジェット数・テーマビルダー・料金

無料版でできるのは、40個以上のウィジェットでページ本文を作るところまでです。サイトのヘッダー・フッター・投稿一覧のテンプレートを作るテーマビルダーと、フォーム、ポップアップ、ECのウィジェットはElementor Proにあります。

項目無料EssentialAdvanced SoloAdvancedOne
年間料金$0$60$84$108$180(更新 $228)
サイト数ライセンスなし1131
Pro ウィジェット0(無料ウィジェット40個以上)57858585
テーマビルダー❌✅✅✅✅
動的コンテンツ❌✅✅✅✅
フォームビルダー❌✅✅✅✅
ポップアップビルダー❌❌✅✅✅
カスタムコード・CSS❌❌✅✅✅
EC機能❌❌✅✅✅
クラウドテンプレートの保存❌10個20個30個30個
AI生成・画像最適化・アクセシビリティのクレジット❌❌❌❌月25,000

表の値は2026年10月16日にelementor.comの料金ページとWordPress.orgのプラグインページで確認しました。返金は年払いに限り30日以内に可能です。

Essentialにはテーマビルダーとフォームビルダーが含まれますが、ポップアップビルダーとカスタムCSS、EC機能は含まれません。ネットショップやポップアップが必要なサイトはAdvanced Solo以上を選ぶことになります。

5️⃣ Elementorが合わないケース:ブロックエディターで十分なサイト

記事中心のブログのように、ページデザインより本文の文章がほとんどを占めるサイトには、ブロックエディターとテーマだけで十分です。Elementorは、ランディングページや会社紹介のように配置を自分で組み立てる必要があるページに向いています。

Elementorで作ったページの文字はWordPressの本文にもコピーとして保存されますが、配置とスタイルはプラグインが生成します。プラグインを無効化すると見出し・段落・ボタンの文字は残り、コンテナの配置とボタンの色は消えるため、一度Elementorで作ったページはプラグインを使い続けることになります。

🔢 FAQ & おすすめコンテンツ

[プラグイン › プラグインを追加]でElementorを検索すると、ウィジェットを追加するアドオンプラグインも一緒に表示されます。説明に書かれたウィジェット数は、Essential Addons for Elementorが120個以上(テンプレートを含む)、ElementsKitが100個以上です。2つのプラグインの有効インストール数は100万以上です。Premium Addons for Elementorはウィジェット90個以上、有効インストール数60万以上です(2026年10月19日確認)。

エディター上部バーのデバイスアイコンで、デスクトップ、タブレット、モバイルの表示を切り替えられます。タブレット縦向きは最大1024px、モバイル縦向きは最大767pxの幅までキャンバスが狭まり、テーマのヘッダーのメニューはモバイル表示で☰ボタンに変わります。無料版4.3.5のエディターで確認した値です(2026年10月21日)。

エディター上部バーの履歴アイコン(↺)をクリックすると、[履歴]パネルの[操作]タブにウィジェットの追加、移動、削除などの作業が新しい順に並び、行をクリックするとその時点の状態に戻ります。以前に保存した版に戻すには[リビジョン]タブを開きます。

ℹ️ 提携について
当サイトのコンテンツにはアフィリエイトリンクが含まれています。訪問者がこのリンクを通じて商品やサービスを購入すると、当サイトは販売元から手数料を受け取ります。この過程において、購入者が支払う金額(イベント割引適用で金額が下がります↓)は上昇しません。掲載されている価格・割引・在庫情報は作成時点のものであり、実際とは異なる場合がありますので、ご購入前に販売元にて最終確認をお願いいたします。商品の選定および評価は独自の基準に基づいて行われており、手数料の支払いの有無は紹介順や評価内容に影響を与えません。

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

人間であることを証明してください: 9   +   9   =