Elementor：安裝免費版與製作頁面 | Elementor Free vs Pro 差異

測試環境 RHEL 系列WordPress 7.1.3Elementor 4.3.52026-10-16 確認

Elementor 是 WordPress 的頁面建構器外掛，不在管理後台的編輯畫面，而是直接在訪客看到的畫面上拖放小工具來製作頁面的編輯器。在 WordPress 7.1.3 網站安裝免費版 4.3.5，發佈含有標題、段落與按鈕的頁面，並用官方價格表比較免費版與 Pro 方案的差異。

3 分鐘閱讀

1️⃣ Elementor 是什麼：與 Block Editor 的差異

Elementor 是與 Block Editor 並列安裝的 WordPress 第二個編輯器。每篇文章與頁面都可以選擇用 Block Editor 撰寫，或用 Elementor 編輯；用 Elementor 編輯的頁面，可直接在訪客看到的畫面上調整版面配置與樣式。

2️⃣ 免費安裝 Elementor：安裝外掛與編輯器畫面

安裝本身與其他外掛相同，但啟用後畫面隨即改變。在 [外掛 › 安裝外掛] 搜尋 Elementor 並安裝、啟用後，瀏覽網站時管理工具列會出現 [Edit with Elementor] 項目。編輯器會以另一個畫面開啟，網址是在頁面編輯網址後方加上 [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 群組附有鎖頭圖示，在同一個畫面就能分辨免費版能用與不能用的項目。

Elementor 免費版小工具面板中附有鎖頭的表單小工具與 Pro 項目（Search、Posts、Portfolio、Menu、Form、Loop Grid） — 免費版小工具面板中的 Pro 項目

🧭 Elementor 安裝與頁面製作模擬器

wp-admin WordPress Plugin 編輯器模擬器路徑模擬器

📍外掛›安裝外掛

安裝外掛

在搜尋欄輸入 Elementor，點選 [立即安裝]，安裝完成後點選 [啟用]。

📍頁面›新增頁面›Elementor 編輯器

新增頁面

用 [新增頁面] 建立新頁面，點選工具列的 [Edit with 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 天前

啟用安裝數: 超過 10 百萬

✓ 相容於這個網站的 WordPress 版本

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，三個小工具就會由上而下排列。

在 Elementor 免費版編輯器中，將標題、段落與按鈕小工具垂直放入 Flexbox 容器的畫面，以及左側的版面配置設定面板 — Elementor 編輯器中的 Flexbox 容器與 [Layout] 面板

點選 [Publish] 後，頁面會隨著 [Your Page is live] 通知立即公開；在訪客畫面上，用 Elementor 製作的區域位於佈景主題的頁首與頁尾之間。

用 Elementor 免費版製作並公開的範例頁面訪客畫面：佈景主題頁面標題下方的標題、段落、按鈕 — 已公開範例頁面的訪客畫面

圖片最上方的大字是佈景主題顯示的頁面標題，下方的標題、段落與按鈕則是放在 Elementor Flexbox 容器中的小工具。

🧭 Elementor 編輯器模擬器

WordPress PluginElementor 4.3.5

방문자 화면

📍 Elementor 編輯器 › 畫布 [+] › Flexbox

點選空白畫布的 [+]，再選擇 Flexbox。

📍 元素 › 原子元素 (Atomic Elements) › 標題 · 段落 · 按鈕

點選左側面板的小工具，或拖放到畫布上。標有 🔒·👑 的項目是 Elementor Pro 專用，點選後只會出現升級提示。

📍 畫布上的小工具 › 編輯面板 · Flexbox › 樣式 › 版面配置

點選小工具可在左側面板修改文字，點選容器可變更方向與間距。標有 👑 的欄位是 Elementor Pro 專用，只會出現升級提示。

📍 編輯器右上角 [發佈]

點選 [發佈] 後，左下角會出現通知，該版本也會在修訂記錄面板的 [修訂版本] 分頁新增一行。

📍 檢視網站

訪客會在佈景主題頁首下方看到與製作時完全相同的內容。

Angie✦엘리멘터 예시 페이지 (임시글) ▾새로운 소식🔔

요소

모든 Pro 위젯에 액세스하세요. 지금 업그레이드

재사용 가능한 구성 요소를 생성하세요

사이트 전체에서 일관성을 유지하는 디자인 요소를 만드세요.

전역 위젯을 만나보세요

이 기능을 사용하면 위젯을 전역으로 저장한 다음 여러 영역에 추가할 수 있습니다. 모든 영역을 한 곳에서 편집할 수 있습니다.

이미지

해상도전체 ▾

태그▾

태그p ▾

링크

속성

표시 조건

◎로컬 ⋮

표시

방향

컨텐츠 정렬

항목 정렬

간격

열PX행PX

감싸기

표시

플렉스 항목

자체 정렬

정렬

플렉스 크기

여백

상단PX오른쪽PX하단PX왼쪽PX

패딩

상단PX오른쪽PX하단PX왼쪽PX

너비PX키PX최소 너비PX최소 높이PX최대 너비PX최대 높이PX

넘침 처리

위치▾

Z-index

앵커 오프셋PX

글꼴 패밀리

글꼴 두께▾

글꼴 크기PX

텍스트 정렬

텍스트 색상

오버레이

색상

클리핑▾

테두리 두께PX

테두리 색상

테두리 유형▾

테두리 반지름PX

혼합 모드▾

불투명%

상자 그림자

변환

전환

필터

배경 필터

상호작용을 사용하여 요소에 애니메이션을 적용

페이지 로드나 스크롤 같은 사용자 상호작용에 의해 트리거되는 입장 애니메이션 및 효과 추가.

이력

아직 기록 없음

작업을 시작하면 편집기에서 수행한 모든 작업을 다시 실행/실행 취소할 수 있습니다.

이전 버전을 보려면 리비전 탭으로 전환하세요

페이지 설정

제목✦ AI로 쓰기

상태임시글 ▾

대표 이미지✦

⊕

정렬0

댓글 허용아니요

제목 숨기기아니요

페이지 레이아웃기본 ▾

디자인 시스템⋮

태그

h1 ⋮

Example예제 페이지

엘리멘터 예시 페이지

여기로 위젯 끌어오기

만세! 페이지가 공개되었습니다.

Pro 전용

example.com/…/

Example예제 페이지

엘리멘터 예시 페이지

4️⃣ Elementor Pro 的差異：小工具數量、Theme Builder、價格

免費版能做到的是用 40 個以上的小工具製作頁面內容。用來製作網站頁首、頁尾、文章列表範本的 Theme Builder，以及表單、彈出視窗與電子商務小工具，都在 Elementor Pro 中。

項目	免費	Essential	Advanced Solo	Advanced	One
年費	$0	$60	$84	$108	$180（續約 $228）
網站數量	無授權	1	1	3	1
Pro 小工具	0（40 個以上免費小工具）	57	85	85	85
Theme Builder	❌	✅	✅	✅	✅
動態內容	❌	✅	✅	✅	✅
Form Builder	❌	✅	✅	✅	✅
Popup Builder	❌	❌	✅	✅	✅
自訂程式碼、CSS	❌	❌	✅	✅	✅
電子商務功能	❌	❌	✅	✅	✅
雲端範本儲存	❌	10 個	20 個	30 個	30 個
AI 生成、圖片最佳化、無障礙點數	❌	❌	❌	❌	每月 25,000

表中數值是 2026 年 10 月 16 日在 elementor.com 價格頁面與 WordPress.org 外掛頁面確認的。僅限年繳方案可在 30 天內退款。

Essential 包含 Theme Builder 與 Form Builder，但沒有 Popup Builder、自訂 CSS 與電子商務功能。需要網路商店或彈出視窗的網站，會選擇 Advanced Solo 以上的方案。

5️⃣ 不適合使用 Elementor 的情況：用 Block Editor 就足夠的網站

像以文章為主的部落格這類本文多於頁面設計的網站，用 Block Editor 加上佈景主題就足夠。Elementor 適合到達頁面與公司簡介這類需要自行安排版面配置的頁面。

用 Elementor 製作的頁面文字也會以副本形式儲存在 WordPress 文章內容中，但版面配置與樣式是由外掛產生。停用外掛後，標題、段落與按鈕的文字會保留，容器的版面配置與按鈕顏色則會消失，因此一旦用 Elementor 製作頁面，就得持續保留這個外掛。

🔢 FAQ & 推薦內容

在 [外掛 › 安裝外掛] 搜尋 Elementor 時，也會一併顯示增加小工具的擴充外掛。依說明所寫，Essential Addons for Elementor 有 120 個以上的小工具（含範本），ElementsKit 有 100 個以上。兩款外掛的啟用安裝數都超過 100 萬。Premium Addons for Elementor 有 90 個以上的小工具，啟用安裝數超過 60 萬（2026 年 10 月 19 日確認）。

編輯器上方工具列的裝置圖示可切換桌上型電腦、平板與手機檢視。平板直向時畫布最寬縮為 1024px，手機直向時最寬縮為 767px，手機檢視中佈景主題頁首的選單會變成 ☰ 按鈕。這是在免費版 4.3.5 編輯器中確認的數值（2026 年 10 月 21 日）。

點選編輯器上方工具列的修訂記錄圖示（↺），新增、移動、刪除小工具等操作會由新到舊堆疊在 [修訂記錄] 面板的 [動作] 分頁中，點選其中一行就能回到當時的狀態。要回到先前儲存的版本，請開啟 [修訂版本] 分頁。

佈景主題 · 選擇標準 WordPress 佈景主題：4 種用途與功能 & 從速度看推薦佈景主題的選擇標準整理依用途推薦的佈景主題、一次買斷與年訂閱付費佈景主題的差異，以及速度測量值。

佈景主題 · 免費 WordPress 免費佈景主題推薦：BEST 9 以速度與功能比較 9 款不花錢就能開始使用的免費佈景主題。

外掛 · 衝突測試 WordPress 外掛衝突測試：Health Check & Troubleshooting 不必停用所有外掛，在訪客畫面保持原樣的情況下，只讓管理員測試外掛衝突的方法。

🪐參考資料Elementor 1

📡Elementor 外掛（WordPress.org 目錄）

ℹ️ 聯盟行銷說明
本站內容包含聯盟行銷連結。訪客透過這些連結購買商品或服務時，本站會從賣家獲得佣金。在這個過程中，購買者支付的金額^{（遇到活動折扣時金額會降低↓）}並不會因此提高。刊登的價格、折扣與庫存資訊以撰寫當時為準，可能與實際情況不同，購買前請向賣家做最後確認。商品的挑選與評價依本站自訂的標準撰寫，是否支付佣金不會影響介紹順序或評價內容。