Avada Builder

今天我來分享我自己的學習歷程給大家參考，看看帶路姬當初為什麼會選擇在我的第一個五天自學衝刺班中，教大家從 Avada 開始呢？你現在可能在哪一個階段呢？也許你也可以和我一樣試試看 Avada、Soledad、Flatsome 這類的主題，也許你可以跳過這個階段，直接使用 Astra 或 OceanWP。來看看我的心路歷程吧！ 帶路姬學習 WordPress 的幾個階段 第一階段：免費模索期 帶路姬幾乎完全不懂程式，不懂 WordPress 的運作方式，不知道頁面與文章的差別，不懂佈景主題會影響些什麼事情？不懂什麼時候需要外掛？等等… 當然也搞不清楚免費的主題或付費的主題的差別，一開始當然就用一些免費的主題摸來摸去，有的是官方的，有的是私人寫的，用起來不如預期的，直接認定是bug XD… 後來，花了幾個月的時間，好不容易大致上懂了些基礎，網站也堪用，不過，身為設計師的我，很快的就發現，我想改選單的排版、修改選單的文字大小、隱藏某些我不想要的元素、修改內容的排版、修改圖片說明的文字的樣式等等… 有很多小細節，免費的主題都不太能改，常常叫我要升級到付費版才可以… 囧… 身為一個設計師，希望拿做網站當主業的我，當然不滿足於此，於是我開始找付費的主題… 第二階段：小額投資期 付費的主題超級多，到底怎麼選，真的是好難，我只知道當時我收入不穩定，預算不高，很努力在找 CP 值很高的主題，當時還沒有 Astra 和 OceanWP 這種主題，所以當時我一邊接案，一邊嘗試了好多 Themeforest 上面不同的主題 (平均都大約1200~1800元，付一次錢，終生可更新），當時覺得很多主題都看起來好漂亮，買來用用看之後，有幾個發現： 原來每個主題的 Demo 看起來都好像，可是後台的使用方式卻完全不一樣。 原來我每個主題都要花好多時間 (以我國外留學的英文程度看，都還要好幾天才能搞懂怎麼用） 原來佈景主題，影響的真的不是只有外觀，還會影響SEO、影響速度、影響更新內容的速度、影響好不好上手、影響網站新增功能的擴充性等等… 總之，那幾年是蠻辛苦的，一直不停的在換主題，嘗試不同的主題… 一直到後來，我終於在試了 Avada 之後，領悟到了一點，與其用一大堆陌生的主題，又不確定它好不好用，只是為了看似喜歡的外觀或特效，卻發現後台超難用、用沒多久網站速度變超慢、久久才更新一次，每次更新就心驚膽跳，很怕一更新網站就掛掉… 還不如都用 Avada 就好了，它彈性很大，同一個主題，我可以用後台改成各式各樣不同的樣子。每年，幾乎都有一些國外的文章，介紹一些利用 Avada 主題，作成各式各樣令人驚豔的網站。 25+ Stunning Examples of Avada — ThemeForest’s Most Popular WordPress Theme — In Action (2019) 25+ Avada Examples 2018 – Real-Life Sites Using This WordPress Theme 30 Websites Using Best Selling WordPress Theme – Avada – 2017 我去年有寫了一篇我長期使用 Avada，建立過很多網站之後的心得，大家有興趣也可以參考看看。 第三階段：砸錢下去！提升網站效能與工作效率期 又用了幾年後，我對 WordPress 越來越熟悉了，甚至已經學了一點點基本的PHP程式語言了，有些網站流量高了，網站變慢了，想要求更高的效能了，這時候開始研究，什麼原因會讓網站速度變慢？我不是工程師，於是我請教了很多這方面的大神，到底有哪些事情可以做? 於是我開始嘗試在主機上提升，從 SiteGround 換到 Cloudways。（SiteGround 與 Cloudways 的重點比較) 並且加購了比較一條龍等級的快取外掛 (WP Rocket)。 並且開始刪外掛，把能省的外掛都停用。 於是我開始找，有沒有其他的佈景主題，是可以不要什麼功能都包的，是不是可以輕量一點？ 於是，我在2017年左右，發現了新出來的 Astra 和 OceanWP，聽說網站會快很多，我當然馬上買來用！結果發現呢？ Astra 和 OceanWP 的確很輕量，只是一安裝完，左手邊的選單項目好少，以前用 Themeforest 上的主題，一安裝完，左手邊都變一大排，現在怎麼都不見了？ 由於我如果現在馬上講不見的東西是什麼，大家可能聽不太懂，我想就用比喻的吧！Themeforest 上面的主題，就很像你想買一台電腦，假如你是電腦白痴，你根本不懂什麼叫 CPU? 什麼叫 RAM? 什麼叫什麼的？那你是不是覺得，買一台組裝好的電腦最簡單？尤其你會依照自己的需求去選，假如你只是想做做文書處理，那就找台便宜的筆電，假如你想玩線上遊戲，就要找一台貴一點的電玩專用筆電。 那麼，等到有一天，你對電腦真的比較懂了，你是不是才考慮去買一台很乾淨的主機，試著自己加自己喜歡的 RAM，搭配自己喜歡的運算系統，搭配自己喜歡的視訊卡。好了，我也掰不下去了，因為我也是電腦白痴啊^^，我不會組裝自己的電腦。…

進階的內容編輯器的最終目標？ 讓使用者不用寫程式就可以做出各種排版的頁面
與新增各種互動式的內容。所見即所得，用視覺化的方式直接建立內容，
用拖拉的方式來改變內容位置等等… 如果用預設的內容編輯器 來編輯網頁時的樣子 頁面排版比較單調 如果用進階的內容編輯器 來編輯網頁時的樣子 頁面排版比較有變化 知名的編輯器有哪些？ ElementorBeaver BuilderDivi BuilderFusion BuilderWPBakery Page Builder… 進階的內容編輯器怎麼用？有共通點嗎？ 畫棋盤 1. 新增列 Row (Container) 2. 新增欄位 Columns 在格中放置內容 
3. 插入元素 Element (Module) 四種編輯器的簡短示範 進階的內容編輯器都包含什麼功能？ 編輯內容區塊 (建立、複製、刪除) 儲存區塊成樣板 從樣板庫快速加入「範例區塊」 在手機上顯示或隱藏 什麼主題都能裝任何內容編輯器嗎？ Elementor/Beaver Builder: 主題要支援全寬的版型 Elementor/Beaver Builder: 主題要可以隱藏頁面標題 Divi Builder 只能用在 Divi 的主題 Fusion Builder 只能用在 Avada 主題 UX Builder 只能用在 Flatsome 主題 知名的編輯器的最大特色？ Elementor: 
可以「輕鬆完美」掌控邊界空間、可以快速匯入範例「區塊」、可以從「選單模式」快速移動區塊的上下順序、可以搭配 Toolset來建立動態內容的網站。 Beaver Builder: 
搭配 Pods 和 Beaver Themer 可以快速創造自訂內容類型的彙整列表頁面。 Divi Builder: 可以快速切換「視覺模式」與「區塊模式」的編輯方式 Fusion Builder: 
內建的元素很多，不需額外購買，搭配Avada主題，整體功能彈性大。 WPBakery Page Builder: 內建的元素很多，不需額外購買元素，可搭配大部分的主題。 內容編輯器的未來？ WordPress 5.0 起預設搭載 Gutenberg 內容編輯器，其視覺化的編輯方式，是否將完全取代其他現有的內容編輯器？ 現有的內容編輯器將做什麼樣的改變？才能與Gutenberg 完美共存？ 請和帶路姬一起關注內容編輯器的未來… 內容編輯器哪裡買？ Elementor 官方網站 Beaver Builder 官方網站 Divi Builder 官方網站 Fusion Builder /Avada 主題官方網站 WPBakery Page Builder 官方網站