Elementor教學 – 已有近1000萬網站使用

Tutorial On Using Elementor

Elementor基礎知識

Elementor是一個非常強大的WordPress頁面編輯外掛。自2016年推出以來,Elementor已經被用於建立超過1000萬個網站的網頁。Elementor最重要的一點是,它可以讓你快速輕鬆地製作自定義網頁,而無需編寫任何代碼。

Elementor有免費版和付費版。當然,許多功能需要付費才能使用。你可以先體驗免費版,然後如果符合需求再決定是否購買付費版。

你可以利用Elementor所带的大量現成的模組塊,製作出您專屬的網站。與直接製作模板相比,模組塊製作使我們的網站設計更加靈活。

Image 72

當然,Elementor中包含大量現成的頁面模板可供選擇。你可以根據需要進行挑選。如果你要建站,可以選擇使用模板、模組塊或者頁面。但是使用模組塊或頁面會讓你的網站更加靈活、獨特。

Elementor的模組塊和頁面模板包括:

– 頭部和尾部模板

– 網誌和帖子頁面

– 產品模板

– 服務模板 

– 內容模板

– 聯繫和登錄頁面

– 404錯誤頁面

這些現成的素材可以幫助你快速建立網站,同時通過調整和組合,你可以創建出獨一無二的網頁。相比直接使用模板,模組塊更加靈活,可以讓你的網站脫穎而出。

Image 67

如果你不想使用 Elementor 的模組塊或頁面,也可以通過拖放小工具自行構建。我個人非常喜歡 Elementor 拖放編輯器的一個最重要的方面是,它讓你可以對每個組件擁有極大的控制力。你網站上的模組塊、小工具、文本、圖片、欄位和分割線等幾乎所有的內容都可以進行更改。

具體來說,對於每個組件你可以:

– 調整大小、對齊方式、間距

– 設定顏色、背景、邊框、圓角等样式

– 添加動畫效果

– 進行堆疊排序

– 設定响应式佈局

通過拖放組件,然後細緻調整每一個細節,你可以創建出獨特的頁面佈局,而無需寫一行代碼。這種可視化編輯和強大的可定制性是 Elementor 的最大優勢。

Image 71

你可以選擇要一欄式還是多欄式,以及頁面佈局方式,然後將左側的模組拖放進去即可開始構建網頁。使用起來非常簡單直觀。

使用Elementor建立網頁就這麼簡單!要使用它,第一步需要在Elementor官網註冊帳號,然後在WordPress中安裝Elementor外掛。

具體步驟是:

1. 在 Elementor 官網註冊帳號並登錄。

2. 在WordPress後台插件頁面搜索並安裝Elementor外掛。

3. 啟用Elementor外掛。

4. 開始使用Elementor拖放模組構建網頁。

5. 也可以安裝並使用Elementor提供的模板。

6. 通過組合模組並調整样式,創建獨特頁面。

簡單幾步,就可以快速上手使用Elementor構建專業網站,是WordPress網站開發的利器。

Image 66

Elementor目前提供了兩種套餐供選擇。

第一種是雲網站,會提供Google Cloud服务器,而不需要自己購買服務器,但是你需要自己購買服務器並安裝Elementor外掛才能使用。

第二種是外掛版本的Elementor。Elementor Pro外掛版每個網站每年49美元,199美元套餐可以建設25個網站。

兩種版本主要區別如下:

1. 雲網站版提供服務器,外掛版需要自備服務器。

2. 雲網站版一站式管理和建站,外掛版需要在WordPress中安裝使用。

3. 雲網站版訂價較高,起步年費249美元。外掛版分站點訂價較低。

4. 雲網站版提供更多模板和圖庫資源。

根據實際情況選擇適合的版本。如果已有WordPress網站,建議選擇外掛版;如果要全新建站,雲網站版更便捷。

Image 73

Elementor教學

1. 創建Elementor帳號。無論您使用免費版還是付費版的Elementor,都建議註冊一個帳號。所以,點擊此處,我們可以前往官網完成帳號註冊。

2. 安裝Elementor非常簡單,只需前往WordPress的Elementor外掛安裝頁面,作者為Elementor.com。然後,我們安裝並開啟此WordPress頁面編輯器,它擁有4.5星評分,被500多萬人使用。

Image 74

3.檢查Elementor的默認設置是否正確。我們進入WordPress首頁,通過Elementor-設置-常規視圖,選擇是否禁用默認顏色和字體。這可以確保我們製作的頁面的顏色和字體與網站風格相匹配。

Image 75

4.開始構建頁面。我們可以通過點擊新增,然後在下圖所示選擇“用Elementor編輯”,來使用Elementor構建文章或頁面。

Image 69

免費版會有我們最常用的標題、文本編輯器、圖片、視頻、分割線、空格和 WPForm 等內容模組。

這些免費模組已經能滿足基本的頁面構建需要,我們可以通過它們快速地:

– 添加各種格式的標題 

– 插入和格式化文本內容

– 上傳圖片並調整大小、樣式 

– 嵌入視頻

– 添加分割線裝飾頁面

– 調整內容區塊的間距

– 嵌入表單、按鈕等交互元素

此外,這些免費模組都具有靈活的樣式調整功能,支持自定義顏色、間距、定位等,可以快速實現個性化頁面定制。

總體來說,免費版的Elementor已經涵蓋了日常網頁構建所需的基本功能,是中小網站快速建站的好選擇。後期如果需求擴大可以再選擇升級到付費版。

Image 70

專業版會有更多功能,比如能夠製作幻燈片、倒計時、展示文章作品等。下面的截圖來自專業版。如果我們需要專業版,可以直接在官網購買。Elementor Pro還提供30天無條件全額退款政策。購買後如果覺得不適用或者價格不太合適,可以馬上聯繫客服申請退款,不花任何錢。

專業版相比免費版多了這些高級功能模組:

– 幻燈片

– 倒計時

– 顯示文章、產品、圖庫

– 表單

– 彈出視窗 

– 社交分享

– 動畫效果

– 視頻背景

– 表格

– 圖表

– 廣告位

– 訂閱方塊

– 等等

這些功能可以幫助構建更強大、交互性更高的網頁。如果是企業級網站,建議使用專業版。個人網站或博客使用免費版已經足夠。

Image 76

如果使用 Elementor,我建議的主題是 Astra,Elementor 跟 Astra 組合使用效果很好,而且 Astra 提供主題的免費版本。

還可以通過 Elementor 擴展外掛 Ultimate Addons for Elementor(UAE)來增強 Elementor 的功能。下圖是一些 UAE 功能的連接圖。UAE 可以通過 Astra 官網單獨購買或者與 Astra 主題打包購買。

UAE 的部分高級功能包括:

– 額外的文字樣式選項

– 進階的動畫效果

– 互動式圖表

– 懸停點擊特效 

– 強大的表單設計功能

– 更多第三方應用整合

– 創意樣式佈局

– 等等

UAE可以幫助Elementor做出更精美大氣的網頁效果,是Elementor的絕佳加持。

总而言之,Elementor + Astra主題 + UAE插件的組合,可以助你快速建立一個功能強大、設計精美的WordPress網站。

Image 68
返回頂端