Elementor Template 教學,WordPress 免費模板快速製作精美網頁|遠振Blog

 

對於完全不懂程式的用戶來說,WordPress 架站操作已經很友好,但在實際操作後,您是否仍覺得沒有輔助工具,架設出來的網頁依然陽春呢? 因此本篇將介紹一款好用的 WordPress 網頁編輯器與免費模板,也就是坊間多數人都推薦的 Elementor,我們將針對 Elementor Templaate 進行基礎教學,包括 WordPress Elementor 模板、Elementor 版型庫等,讓你即使不懂程式語言也可以設計出好看的網頁,現在就一起來學習吧!

Elementor 是什麼? 認識 WordPress Elementor 外掛

Elementor 外掛是當前 WordPress 最熱門的網頁編輯器,簡單來說就是一款輔助網頁設計、排版功能的工具,光是 Elementor 免費版的功能就足夠製作精美頁面了。

Elementor 的好處是支援繁體中文,且與所有佈景主題相容。最重要的是,其操作介面非常簡單易懂,只要把需要的功能拖曳到畫面中,就可以輕鬆設計出有模有樣的網頁;或者你也可以考慮使用官方內建的 Elementor 版型庫,對新手來說會更友好。

使用 Elementor 外掛製作網頁的好處

通用性高

承如上一段提到,Elementor 外掛最大的優點就是通用性高,這裡的通用性指的有兩部分,一為可以做出任何類型的網頁,像是部落格、形象網站、電商網站、一頁式網站等;二為這款外掛與所有 WordPress 佈景主題都相容,因此不需擔心跑版或畫面顯示不出來等情況。

介面好上手

如果你曾經使用過 Wix、Weebly 等網站,Elementor 的運作原理就有點類似這兩個網站,都是使用拖曳方式將功能拉入網頁編輯器中,加上有圖示輔助,基本上任何人看過後都能直覺性的操作。

支援多種 WordPress Elementor 模板

假如你對網頁設計沒有想法,那麼官方也內建許多 Elementor 版型庫(同樣支援多類型網站),你只要選擇喜歡的 Elementor Template,而後再進行修改即可。

提供響應式設計

要知道 Google 非常重視手機用戶的體驗,然而傳統網頁製作網站必須要額外針對平板、手機進行頁面設計。若你使用 Elementor 就可以省去額外設計的時間,因為系統會自動幫你將頁面調整成適合平板手機瀏覽的樣式,通常不需要再額外設計。

想看更多關於 Elementor 教學,請看:WordPress 教學: Elementor 教學+ Elementor 功能優勢,不會程式也能靠自己架站、設計網頁

Elementor Template 是什麼?

Elementor Template 提供許多免費網站模板。通常如果你安裝完 Elementor 並開啟,然後新增網頁時看到的都會是像下圖這樣的畫面,也就是很基礎的網頁編輯器樣式,這時若你對網頁設計完全沒頭緒,或者不知道如何做得更好看,直接使用編輯器做出來的畫面依然缺乏一些設計感。

Elementor Template 是什麼? 使用 Elementor 外掛製作網頁的好處|遠振 Blog

因此貼心的 Elementor 也內建許多 Elementor 版型庫,稱為 Elementor Template。透過這些模板讓網站製作者有初步參考,可以選擇喜歡的版型並修改成自己網站的內容,如此一來架設網頁的速度更快,同時又具有一定的美感,可以說是一舉兩得。

Elementor Template 教學

在安裝完 Elementor 外掛後,假如你想要參考範本做出精美網頁,要在哪裡開啟 Elementor Template 呢?現在請跟著以下教學步驟一起試試看:

安裝 Envato Elements 外掛,使用免費 Template 模板

Step 1. 首先要知道,Elementor Template 只提供給購買 pro 版本的人使用。如果你使用免費版但是仍想要有免費 Template 模板的話,那麼請先安裝「Envato Elements」這款外掛。

Elementor Template 教學,免費 WordPress 網站模板|遠振 Blog

Step 2. 啟用 Envato Elements 外掛後,你就可以在上面找到非常多免費 WordPress Elementor 模板。若想快速找到要做的網頁類型,請善用上方的搜尋與分類欄目,有看到喜歡的樣式,就請點擊模板下方的綠色按鈕安裝。

安裝 Envato Elements 外掛,使用免費 Template 模板|遠振 Blog

套用免費模板進行網頁編輯

Step 1. 免費 Template 模板的 Envato Elements 這款外掛的好處是提供你所有架設網站會需要用到的頁面,像是首頁、關於我們、服務項目、常見問題、聯絡我們等,而且平均每個頁面都提供一種以上的樣式。你可以選擇單幾個自己喜歡的頁面插入,也可以全部都下載。

Elementor Template 免費版,套用免費模板進行網頁編輯|遠振 Blog

Step 2. 載入畫面後就會回到 Elementor 編輯器,此時你就可以在這個版型基礎下進行修改與設計,比起自己從零開始摸索是不是快速許多!

Elementor Free Template 教學,WordPress 免費版型庫使用教學|遠振 Blog

如果是使用 Elementor Pro 的 Elementor Template 也是差不多步驟,只差在你不需要再額外多裝一個外掛(當然,若你覺得 Envato Elements 有提供你喜歡的樣式,那麼也可以安裝來使用)。