最後更新於 2026年6月15日 03:21
Elementor基礎知識
Elementor是一個非常強大的WordPress頁面編輯外掛。自2016年推出以來,Elementor已經被用於建立超過1000萬個網站的網頁。Elementor最重要的一點是,它可以讓你快速輕鬆地製作自定義網頁,而無需編寫任何代碼。
Elementor有免費版和付費版。當然,許多功能需要付費才能使用。你可以先體驗免費版,然後如果符合需求再決定是否購買付費版。
你可以利用Elementor所带的大量現成的模組塊,製作出您專屬的網站。與直接製作模板相比,模組塊製作使我們的網站設計更加靈活。
當然,Elementor中包含大量現成的頁面模板可供選擇。你可以根據需要進行挑選。如果你要建站,可以選擇使用模板、模組塊或者頁面。但是使用模組塊或頁面會讓你的網站更加靈活、獨特。
Elementor的模組塊和頁面模板包括:
– 頭部和尾部模板
– 網誌和帖子頁面
– 產品模板
– 服務模板
– 內容模板
– 聯繫和登錄頁面
– 404錯誤頁面
這些現成的素材可以幫助你快速建立網站,同時通過調整和組合,你可以創建出獨一無二的網頁。相比直接使用模板,模組塊更加靈活,可以讓你的網站脫穎而出。
如果你不想使用 Elementor 的模組塊或頁面,也可以通過拖放小工具自行構建。我個人非常喜歡 Elementor 拖放編輯器的一個最重要的方面是,它讓你可以對每個組件擁有極大的控制力。你網站上的模組塊、小工具、文本、圖片、欄位和分割線等幾乎所有的內容都可以進行更改。
具體來說,對於每個組件你可以:
– 調整大小、對齊方式、間距
– 設定顏色、背景、邊框、圓角等样式
– 添加動畫效果
– 進行堆疊排序
– 設定响应式佈局
通過拖放組件,然後細緻調整每一個細節,你可以創建出獨特的頁面佈局,而無需寫一行代碼。這種可視化編輯和強大的可定制性是 Elementor 的最大優勢。
你可以選擇要一欄式還是多欄式,以及頁面佈局方式,然後將左側的模組拖放進去即可開始構建網頁。使用起來非常簡單直觀。
使用Elementor建立網頁就這麼簡單!要使用它,第一步需要在Elementor官網註冊帳號,然後在WordPress中安裝Elementor外掛。
具體步驟是:
1. 在 Elementor 官網註冊帳號並登錄。
2. 在WordPress後台插件頁面搜索並安裝Elementor外掛。
3. 啟用Elementor外掛。
4. 開始使用Elementor拖放模組構建網頁。
5. 也可以安裝並使用Elementor提供的模板。
6. 通過組合模組並調整样式,創建獨特頁面。
簡單幾步,就可以快速上手使用Elementor構建專業網站,是WordPress網站開發的利器。
Elementor目前提供了兩種套餐供選擇。
第一種是雲網站,會提供Google Cloud服务器,而不需要自己購買服務器,但是你需要自己購買服務器並安裝Elementor外掛才能使用。
第二種是外掛版本的Elementor。Elementor Pro外掛版每個網站每年49美元,199美元套餐可以建設25個網站。
兩種版本主要區別如下:
1. 雲網站版提供服務器,外掛版需要自備服務器。
2. 雲網站版一站式管理和建站,外掛版需要在WordPress中安裝使用。
3. 雲網站版訂價較高,起步年費249美元。外掛版分站點訂價較低。
4. 雲網站版提供更多模板和圖庫資源。
根據實際情況選擇適合的版本。如果已有WordPress網站,建議選擇外掛版;如果要全新建站,雲網站版更便捷。
Elementor教學
1. 創建Elementor帳號。無論您使用免費版還是付費版的Elementor,都建議註冊一個帳號。所以,點擊此處,我們可以前往官網完成帳號註冊。
2. 安裝Elementor非常簡單,只需前往WordPress的Elementor外掛安裝頁面,作者為Elementor.com。然後,我們安裝並開啟此WordPress頁面編輯器,它擁有4.5星評分,被500多萬人使用。
3.檢查Elementor的默認設置是否正確。我們進入WordPress首頁,通過Elementor-設置-常規視圖,選擇是否禁用默認顏色和字體。這可以確保我們製作的頁面的顏色和字體與網站風格相匹配。
4.開始構建頁面。我們可以通過點擊新增,然後在下圖所示選擇“用Elementor編輯”,來使用Elementor構建文章或頁面。
免費版會有我們最常用的標題、文本編輯器、圖片、視頻、分割線、空格和 WPForm 等內容模組。
這些免費模組已經能滿足基本的頁面構建需要,我們可以通過它們快速地:
– 添加各種格式的標題
– 插入和格式化文本內容
– 上傳圖片並調整大小、樣式
– 嵌入視頻
– 添加分割線裝飾頁面
– 調整內容區塊的間距
– 嵌入表單、按鈕等交互元素
此外,這些免費模組都具有靈活的樣式調整功能,支持自定義顏色、間距、定位等,可以快速實現個性化頁面定制。
總體來說,免費版的Elementor已經涵蓋了日常網頁構建所需的基本功能,是中小網站快速建站的好選擇。後期如果需求擴大可以再選擇升級到付費版。
專業版會有更多功能,比如能夠製作幻燈片、倒計時、展示文章作品等。下面的截圖來自專業版。如果我們需要專業版,可以直接在官網購買。Elementor Pro還提供30天無條件全額退款政策。購買後如果覺得不適用或者價格不太合適,可以馬上聯繫客服申請退款,不花任何錢。
專業版相比免費版多了這些高級功能模組:
– 幻燈片
– 倒計時
– 顯示文章、產品、圖庫
– 表單
– 彈出視窗
– 社交分享
– 動畫效果
– 視頻背景
– 表格
– 圖表
– 廣告位
– 訂閱方塊
– 等等
這些功能可以幫助構建更強大、交互性更高的網頁。如果是企業級網站,建議使用專業版。個人網站或博客使用免費版已經足夠。
如果使用 Elementor,我建議的主題是 Astra,Elementor 跟 Astra 組合使用效果很好,而且 Astra 提供主題的免費版本。
還可以通過 Elementor 擴展外掛 Ultimate Addons for Elementor(UAE)來增強 Elementor 的功能。下圖是一些 UAE 功能的連接圖。UAE 可以通過 Astra 官網單獨購買或者與 Astra 主題打包購買。
UAE 的部分高級功能包括:
– 額外的文字樣式選項
– 進階的動畫效果
– 互動式圖表
– 懸停點擊特效
– 強大的表單設計功能
– 更多第三方應用整合
– 創意樣式佈局
– 等等
UAE可以幫助Elementor做出更精美大氣的網頁效果,是Elementor的絕佳加持。
总而言之,Elementor + Astra主題 + UAE插件的組合,可以助你快速建立一個功能強大、設計精美的WordPress網站。
