專注於架設企業網站,分享WordPress教學和Elementor教學

Avada與Elementor對比

更新日期:2024-06-18
本系列教學
加入讀者學習群
我用的頁面編輯器
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我

本文是用Avada的實操教學來講解“為啥勸你不要用Avada”的勸退系列。 不用Avada,我們能省下很多時間和腦細胞還有教學費。

Avada是Themeforest上熱賣top1的主題,幾年前我在接觸WordPress架設網站時,接觸的第一個主題就是它。 國內看到的最多的WordPress架設網站教學,也是基於Avada,包括很多架設企業網站教學的推薦主題也是Avada,那個時候頁面編輯還是用的後端編輯器,做完頁面后發佈預覽才能看到實際的樣子。

初次用Avada時,我很驚喜,內心歡呼:我終於可以做自己的網站啦! 直到我接觸了Elementor,一切都翻天覆地的變了,不再見了吧Avada。

幾年以後的現在,Avada有了前端可視化編輯頁面功能,我很開心的打算用一用看看(說好的不再見呢? ),然而,Elementor依舊沒讓我失望的贏了。

空口無憑,且看實際操作吧。

本文演示使用的是Elementor Pro,畢竟Avada是付費的,就不拿免費版Elementor做對比了。

用Avada和Elementor分別創建首頁Slider

什麼是slider? 首頁第一屏一般都有幾張滾動的廣告大圖,圖上放點文字和按鈕,這貨叫做slider。

我們看下Avada的操作流程是如何的

  1. 在WordPress後台的avada菜單裡,找到sliders並進入
  2. 在頁面下方添加一個slider,保存
Avada教程 - 同時與Elementor對比
  1. 再添加多個slider page,關聯到剛才添加的slider
Avada教程 - 同時與Elementor對比
Avada教程 - 同時與Elementor對比

真的是純圖文介面,按鈕配置里都是代碼

  1. 再回到首頁,用avada編輯,添加元素slider到頁面中,添加完長這樣… 我還得回到後台去調整圖片、文字、動畫等樣式,反覆折騰。
Avada教程 - 同時與Elementor對比

接下來我們看下用Elementor製作Slider的步驟

  1. 用Elementor編輯首頁
  2. 添加元素slider到頁面中,在頁面中直接調整圖片、文字、按鈕、動畫等樣式,所改即所得~舒心~
Avada教程 - 同時與Elementor對比

所以,優勝者是Elementor,省時省事,交互更友好。

Avada和Elementor的文章元素對比

文章元素一般用於首頁和博客列表頁,Elementor的文章元素比avada的可擴充性以及可配置性更強。

譬如,文章的數據源:在Elementor中,不僅能取用文章,也能取用自定義的文章類型以及產品,而avada的文章元素只能取用文章。

Avada教程 - 同時與Elementor對比
avada的文章元素
Avada教程 - 同時與Elementor對比
Elementor的文章元素

Tips:Elementor的文章元素也能用來展示產品,是不是很棒棒~

不僅如此,Elementor的開放性使得它有很多第三方擴展元素,譬如:UAEEssential Addons for ElementorElementor – Header, Footer & Blocks Template, 在WordPress官方外掛程式庫搜索適用於Elementor的擴展外掛程式,搜尋結果有49頁之多,而Avada只有9頁。

Avada和Elementor的範本庫對比

先看下頭部header的範本吧,Avada只有預製的7套樣式,無法擴展更多和自定義。

Elementor的範本是可以無限擴展的,你還可以自己設計,同時Envato研發的 Envato Elements外掛程式也設計了很多的現成的header 模組以及整站範本幾百套,可以一鍵導入範本後再修改。

Avada教程 - 同時與Elementor對比
avada的header選項
Avada教程 - 同時與Elementor對比
Elementor自帶的header範本

值得一提的是:Themeforest就是Envato公司的,而Avada是Themeforest市場里的最熱賣的主題,但Envato並沒有為Avada做擴展外掛程式,而是為Elementor製作了專門的網站範本擴展外掛程式Envato Elements,因為Avada是封閉式的,而Elementor是可擴展的生態式運作,並且,Envato Elements的範本供應來源是世界各地的設計師,可想而知Elementor的受歡迎程度了。

Avada教程 - 同時與Elementor對比
Envato Elements提供了很多免費的元素模組
Avada教程 - 同時與Elementor對比
Envato Elements提供了很多免費的整站範本

最後,建議你可以親自體驗以下。

如果想體驗Elementor,它有免費版的,你可以先體驗用一下,結合這篇 Astra主題免費版建企業網站教學,這篇教學用的是免費Elementor和免費Astra主題。

如果想購買Elementor Pro,記得看這篇Elementor購買避坑和省錢技巧。

如果想學習Elementor,可以查看我寫的Elementor教學

点赞

0 / 5 0

Your page rank:

Picture of 外貿建站技術姐Bonnie
外貿建站技術姐Bonnie

Bonnie是LOYSEO的創始人,在建站領域有著超過14年的經驗,熱愛能將想法變為現實的WordPress,更是Elementor的忠實使用者~

LOYSEO
讓我的客戶網站GTmetrix測分A\A的主機Cloudways
獨家優惠前3個月7折, 戳上方按鈕註冊即可自動帶入優惠碼LOYSEO
所贈主題外掛程式價值>$49
主機送Astra Pro不限網站1年
gmail.comsina.com 郵箱,註冊易通過
遇到問題,聯繫我