Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A

78 / 100

Elementor是 WordPress 的可視化頁面構建器插件,可快速讓你製作網頁,現在有非常多人用 Elementor 架設網站,因為他輕便與快速,而且不需寫程式, Elementor可以做動態與靜態頁面,你只需要拖拉功能,就可以立即快速的產出你需要的網站,若你會寫程式可以混合 Elementor 使用那麼你在做前端非常輕鬆。

Elementor推薦的佈景主題

  1. Hello theme:這款佈景主題是官方自己的佈景主題,但也相對你需要買 Elementor pro版比較適合使用,因為 Elementor pro,可以客製化頁首選單、頁尾、文章列表、單頁面的設計,因此如果你有買 Elementor pro 加上設計又不錯,可以使用乾淨的 Hello theme,程式碼越乾淨對你的網站速度有一定的幫助,所以這幾年講究輕量型的原因。
  2. Astra theme:這款佈景主題蠻輕便,很多人使用,Astra有開發的 Elemetor 小工具,在頁面內容建構時可以有更多的設計方式,如果對於設計不太行的人,可以先套Astra theme版型在做客製化的功能,Astra theme好處是需要用到才啟動功能,無使用到的功能可以直接關掉。

Elementor主機推薦

共享主機 Siteground

Siteground 也是最近蠻多人推薦的,主要是因為它的速度比較快,主機又在新加玻,穩定性也高,2018年也成為Wordpress官方推薦主機之一,價格上來說比較貴一點,但也還是在合理的範圍。

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 1網頁設計

VPS主機 Cloudways

Cloudways架設WordPress網站,提供新手一個快速的架站教學 ,讓你擁有一台自己的虛擬主機,不會遭受廣告刊版的干擾、不需要自己操作 Linux 指令、不需要跟別人共享主機,不用多少時間就可以完成自己的第一個網站,價格部分會比較偏高,屬於每個月支付費用。

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 2網頁設計

Elementor附加外掛

PowerPack

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 3網頁設計

PowerPack for Elementor與 Beaver Builder 團隊相同,因此他們對於頁面編輯器元素很了解,PowerPack添加了37個以上的新小部件,分為三個類別:

  • 5種知名表單元素可以對 Gravity Forms、WPForms、 Caldera Forms、Ninja Forms、Contact Form 7,來做修改設定。
  • 23+個創意小部件 –這些是輪播,資訊表,等小部件。
  • 9+ Content Widgets-這些是更多面向內容的Widget,例如價格菜單/表格,食譜,營業時間等。

Ultimate Addons for Elementor

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 4網頁設計

Ultimate Addons for Elementor來自Brainstorm Force,他們是 Astra主題製作商,PowerPack添加了22個以上的新小部件,如:內容切換、模態彈出、時間線、影片、資訊框,除此之外,還將獲得用於Contact Form 7和Gravity Forms的表單樣式器,以及用於添加到購物車,許多電商WooCommerce元素。

The Plus Addons for Elementor

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 5網頁設計

The Plus Addons for Elementor 附加件是大量的Elementor新小部件、模組、區塊、功能等的集合,包括80多個新的Elementor元素以下是一些最著名的小部件:定價表和清單、之前/之後、繪製SVG、時間線、廣告橫幅、輪播、餅狀圖、熱點/定位、圖像級聯…還有更多!有大量的新小部件

如果這還不夠的話,它還帶有18個以上的新頁面模板和300個以上的模板。

Anywhere Elementor

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 6網頁設計

任何地方都可以使用Elementor而現在您在Elementor Pro中就已經擁有了,等於說WordPress.org上列出的免費版本使您可以做兩件事:

  • 創建可在多個地方使用的全局小部件,要更新所有位置,只需要編輯一次小部件。
  • 使用簡碼在您網站的任何位置插入Elementor模板。

如果您擁有Elementor Pro,那麼已經可以做這兩個事情,如果只有Elementor的免費版本,那麼Anywhere Anywhere都會免費為提供這些功能。

專業版的Anywhere Anywhereor可以更深入地構建主題,並讓創建:

  • 單崗位佈局
  • 博客頁面佈局
  • 分類檔案
  • 作者檔案
  • 搜索頁面佈局
  • 404頁面佈局

Essential Addons

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 7網頁設計

Essential Addons是大量的Elementor小部件,有免費和高級版本,54個以上新的Elementor小部件。

如果使用Pro版本,則將堆疊26種以上的小部件,包括一些我在其他地方未見過的獨特小部件。這裡一些最獨特的小部件包括:

接線柱(柔性)、互動促銷(盒子上的懸停效果很好)、動態可過濾畫廊、受保護的內容(按用戶角色或密碼限制內容)、數據表、燈箱/模式彈出窗、過濾作品集功能。

LiveMesh Addons for Elementor

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 8網頁設計

LiveMesh Addons for Elementor是另一個免費的Elementor外掛,免費版本帶有13個以上的新小部件,以及可以使用的新標題樣式選項,這裡有一些值得注意的小部件:博客文章網格、感言和感言滑塊、定價方案,專業版增加了〜13個小部件,以及一些新選項,網格添加延遲加載或AJAX分頁功能,以及可以應用於小部件的許多自定義動畫。

Element Pack – Addon for Elementor Page Builder WordPress Plugin

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 9網頁設計

Element Pack是一套高級的Elementor小部件,將在CodeCanyon出售,在32個以上的評論中,它保持4.94星的評分,

如果必要的附加組件是一個最大的集Elementor小部件,元件包是最大的,有超過98個新部件,以及60多個頁面模板,和100+塊模板,列出太多的小部件。但是一些更獨特的是:文件檢視器、會員資料、天氣、用戶登錄、Cookie同意。

CrocoBlock

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 10網頁設計

CrocoBlock是組合在一起以幫助您使用Elementor構建網站,你可以單獨購買其中一些插件,可以節省一大筆錢,CrocoBlock包括:Jet插件 –這是一套9種不同的插件,可為Elementor添加新的小部件和視覺效果,或者單獨買Elementor模板。

Premium Addons

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 11網頁設計

 

Premium Addons實際上既有免費版本,又有新推出的高級版本,免費版本隨附20多個新的Elementor小部件,其中包括:博客文章、模態盒如果您付費購買高級版本,將獲得26種以上的小部件。

Flexible Elementor Panel

Elementor教學:一篇讓你認識Elementor,從主題推薦+附加外掛+主機推薦+後續Q&A 12網頁設計

Flexible Elementor Panel它為提供了許多方法來操作Elementor面板(包含小部件列表,設置等的側欄),如果您同時擁有Elementor Pro和其他一些第三方Elementor小部件,可以增加不少元素。

Elementor教學推薦

你可以參考這篇有關於 Elementor教學-知識補充包之輕鬆入門手,你可以大概知道Elementor有多麼的簡單易懂,輕鬆製作網站。

或者你可以參考 Elementor 範例圖綜合包,有列出許多Elementor 元素。

我之前有稍微整理一下關於Elementor 知識補充包之網頁設計常見問題,若你有其他疑問可以加入FB 社團 WordPress Elementor頁面編輯器討論區

若你有需要Elementor外掛開發或Elementor功能上的協助,又或者想要Elementor網站架設、Elementor客製化或一對一Elementor相關之問題,歡迎填寫表單或直接寫信與我聯繫 sahdy5632@gmail.com