佈景主題

很多新手來問帶路姬， WordPress 的佈景主題商這麼多，到底要跟誰買？除了價錢以外，他們還有什麼主要的差別呢？ 你喜歡別人幫你組裝好的電腦？還是自己組裝的電腦？ Themeforest 上面的主題都比較像是，有人幫你組裝好一台電腦賣給你，比較像是一條龍的方案，為了讓你方便，主題商幫你搭配你需要的功能，預先設計好一些你喜歡的樣子，讓你花錢買一次就可以永久使用。通常他會依照你的行業類別，直接把你可能需要的功能都是先包在一個主題裡，像是旅遊業主題，可能包含了訂房功能；教學平台主題，就包含了課程安排功能等等，再來就是萬用型主題，像是知名的 Avada、Soledad、Flatsome、BeTheme, the7 這些，就是適用於各種形象網站、購物網站、部落格等等，因為金額較低的關係，這些主題搭配的功能性外掛不一定是最好的，而且還不能隨便換，但是它的優點是，只要是他包在一起的東西，表示他們測試過，不會有功能外掛之間衝突的問題，有任何問題，只要在購買後的半年內，都可以跟主題商聯絡尋求支援。 另一方面，現在有很多專業的設計師們，更常買 Blocksy, Kadence, Astra Pro, OceanWP, GeneratePress 和 Divi 這種主題，因為它可以讓你自由搭配你喜歡的功能性外掛，就像可以自己買一堆電腦零件，自己組裝一台電腦一樣，你可以選自己喜歡的內容編輯器，像是很熱門、功能很強的 Elementor Pro, Beaver Builder 和 Divi。這些主題和編輯器都非常好用，可是缺點是他們比較貴，他們全部都只讓你一年內可以更新，一年後如果想更新，就得另外延展你的 License (許可證），你還可以搭配最好用的飯店訂房外掛，或是教學平台外掛等等，全部都是自己的選擇，而不像 Themeforest，可能已經搭配好 WPBakery Page Builder，你如果買Elementor Pro來換掉原本的編輯器，主題商就有理由不提供支援服務，不保證相容。用這些主題和內容編輯器，當然站長本身要稍微有一點經驗，就像一個完全不懂電腦的人，也不太適合自己到處買零件亂裝… 其他的細節差別，可以參考這篇 WordPress 五大熱門主題的終極比較，這裡我用買電腦的比喻，來讓大家做初步的了解。下面我列出幾個現在很熱門的主題，比較他們的價錢、推薦搭配的內容編輯器、可以在幾台電腦上用、可以更新多久等等… Themeforest (例如 Avada,Soledad, Flatsome 等等) Astra OceanWP GeneratePress Divi 主題價格 平均約1800元起 (主題可終生下載與更新) 約1800元起 (僅第一年能更新，第二年起要付費才能更新) 約1200起(僅第一年能更新，第二年起要付費才能更新) 約 1500元 (僅第一年能更新，第二年起要付費才能更新) 約 2700元(僅第一年能更新，第二年起要付費才能更新) 內容編輯器 大部分是WPBakery Page Builder (原 Visual Composer) 推薦搭配 Elementor 和 Beaver Builder 推薦搭配 Elementor 推薦搭配 Elementor 和 Beaver Builder 推薦搭配 Divi Builder 可用在幾個網站 只能用在一個網站 可用在無限個網站 只能用在一個網站 可用在無限個網站 可用在無限個網站 編輯器的費用 通常不需要另外買編輯器 建議購買 Elementor Pro ($1500元/只能更新一年/只能用在一個網站/第二年起 75折） 建議購買 Elementor Pro($1500元/只能更新一年/只能用在一個網站/第二年起 75折) 建議購買  Elementor Pro ($1500元/只能更新一年/只能用在一個網站/第二年起 75折） 包含共88個主題和3個外掛，一年內無限使用 總花費 平均約1800元（不用每年付） 每年3300元 每年2700元 每年3000元 每年2700元 只能更新一年，是什麼意思呢？ WordPress 的網站，WordPress 本身的核心系統是常常需要更新的，就像手機 iOS 或 Android 系統常常會跳出訊息請你更新一樣，目的在於讓系統更加安全、更加好用。 可是 iOS 或 Andriod 更新後，有些 APP 勢必要跟著更新，否則，APP 可能會和手機系統不相容，會出現閃退之類的問題，WordPress 也是一樣，如果佈景主題和外掛沒有跟著 WordPress 的核心系統一起更新，網站可能就會開始出現問題。…

帶路姬在「五天自學衝刺班」的系列教學裡，我推薦新手們購買「A2 Hosting」的虛擬共享主機，搭配「Avada」的佈景主題，之後，有許多新手在社團中或私訊，陸續問了帶路姬許多相關的問題，社團裡的帶路老師們都很熱心的幫忙回答，我想就統一把 Avada 的相關問題統整到這裡，如果大家想知道答案的話，只要加入帶路姬學園的 Facebook 社團就可以看到了喔！ 選主題，好看比較重要還是好用比較重要？ https://m.facebook.com/groups/2188631598047942?view=permalink&id=2217575481820220 以上是針對是否要選擇 Avada 主題的一些說明，希望對大家有幫助囉，下面我列一些常見問題，答案全部都在帶路姬學園的臉書社團的「單元」資料裡喔！ [Avada] 如何製作數字動畫的特效?(Counter) [Avada] 如何修改 Sticky Header 固定選單的樣 式呢？ [Avada] 作品集列表的呈現方式怎麼改？ [Avada] Blog頁面的設定與封面照的特效 [Avada] 要用Portfolio還是 WooCommerce 來做產品列表呢？ [Avada] 圓圈圈的內容怎麼做 ？ [Avada] Fusion Builder裡的內容不小心刪掉了怎麼辦？ [Avada] Footer 頁尾欄位裡的空白太多怎麼辦？ [Avada] 如何做圖片塞滿欄位的效果？ [Avada] 頁面裡的Slider不見了怎麼辦？ [Avada] 如何快速匯入範例頁面 小工具是什麼? 網站側邊欄裡的東西從哪裡改？ 看不懂主題怎麼用怎麼辦？ 主選單如何增加 「不要連結」 的項目？ 看了Avada 的教學後 , 可以買其他主題嗎 ？ 加碼分享，同學們常問我，「一定要選 A2 Hosting主機嗎？」「不能用國內的嗎？」「可以用 Bluehost嗎？」 其實帶路姬自己親身經歷下，所以最後我只挑了三個主機商推薦給大家，就是因為這三家真的非常穩定，也不會出怪問題，後台速度也很快… 而且，我常常在來諮詢的同學的網站後台，發現他們的後台真的好慢啊… 我都很懷疑這麼慢要怎麼做事啊… 他們才說，當初已經買了 XX 主機，已經買了X年，真可惜沒有早一點認識我… A2 Hosting 主機的好處： 前台後台速度都很快 客服非常快 提供免費搬家服務 30天內零風險試用、可全額退費，30天後可依照使用比例退費（等於不需要綁約） 匯入主題的範例內容時，不會因為PHP設定不符合而匯入中斷 (其他家常常發生） 遇到DDoS攻擊時，主機商因為規模夠大，可以處理的方式較多，讓網站不會斷線 (我就常聽到香港和台灣主機，一遇到DDoS就束手無策) 網站後台不會使用到一半就出現 5xx 伺服器錯誤訊息 不會因為主機設定的問題，造成中文內容和照片顯示不出來 不會在 CPanel 控制台胡亂強制備份，無意義的佔用主機空間 以上大概是為什麼我一直規勸 (不是推薦) 新手選擇 A2 Hosting 的原因，一開始學習 WordPress 已經有點辛苦了，千萬別讓爛主機再來攪局，無端浪費大家寶貴的時間… 另外，因為 Avada 主題的功能真的很多，建議是搭配效能比較好一點的主機，A2 Hosting 或 Cloudways 會是比較好的選擇，可以讓 Avada 網站瀏覽起來更快更順暢。但是，如果你的預算比較低，也是可以考慮買 Bluehost ，他和 SiteGround 有一樣的優點，但是他的速度真的慢一些，可能就盡量不要放太多的內容，或者圖片一定要壓縮過後再上傳喔。 參考閱讀：A2 Hosting：最省錢的主機買法與使用攻略（超易懂、含測試站） 好的主機就像衛生棉一樣，只有剛開始做網站時你會意識到他的存在，之後，你就專心的做網站，幾乎都忘記主機的存在了，就不用整天鬱悶心情不好了… （哈哈，這個比喻大概女同學比較能感受得到）

進階的內容編輯器的最終目標？ 讓使用者不用寫程式就可以做出各種排版的頁面
與新增各種互動式的內容。所見即所得，用視覺化的方式直接建立內容，
用拖拉的方式來改變內容位置等等… 如果用預設的內容編輯器 來編輯網頁時的樣子 頁面排版比較單調 如果用進階的內容編輯器 來編輯網頁時的樣子 頁面排版比較有變化 知名的編輯器有哪些？ 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 官方網站

今天帶路姬第一次使用GeneratePress，搭配 Elementor Pro，並且較深入的使用來做一個完整的形象網站。 稍微分享一點心得… 首先，一開始我卡了5分鐘，有點搞不懂怎麼做，因為他的中文翻譯的有點怪… 可能我真的不常看到主題有翻譯的，不過，對不習慣英文的人來說應該是好消息。 後來，我改回英文後，終於看懂了95%… 改回英文後，GeneratePress 本身的設定都在「外觀」的「自訂」裡面，和 OceanWP 很類似，兩個都蠻好用的，只是，GeneratePress 的自訂項目稍微更簡略一點，所以讓網站很輕爽的感覺，不足的部分再用Elementor來補。 Elementor & Beaver Builder 的比較 這次也是我第一次很完整的使用 Elementor，之前很常用 Beaver Builder 和 Visual Composer，相較之下， Elementor 真的可以控制的很細緻很完美，可以分別針對手機版和電腦版設定各自的 padding, margin 等等，對我這種對質感吹毛求疵，有「對齊控」「強迫症」的設計師來說，真的是超讚的。 雖然，在這方面，Beaver Builder也是做得不錯了，可是插入物件的方式不同，Elementor比較少用到拖拉，不會覺得手腕很痠，Beaver Builder比較直覺好學，可是用久了手有點累XD，Elementor有些功能是要點「右鍵」才會出現，像我一開始找不到地方刪除物件，這就需要一點學習和摸索，可是一旦找到了，後來就覺得很輕鬆，不用一直移動滑鼠… 有些功能，隨處可得。 Elementor 好用嗎？ 基本的 Elementor，我是覺得不算太難，也是一樣增加一行，然後可以直接插入Library裡面的Block（事先做好的各種區塊），或者，直接插入Library 裡事先做好的頁面，都很方便！ 還有一個地方讓我稍微卡了一下，GeneratePress本身可以匯入很多範例網站，其中有一些有用到他們自己的Header Builder，一個獨立的製作頁首的功能，這個是其他主題沒有的，害我一開始一直找不到，我的頁首要怎麼編輯… 後來，我不喜歡他的Header Builder，我停用他，換成Elementor自己的頁首了。關於這點，GeneratePress還不錯的是，他跟OceanWP一樣，都可以讓你停用你不需要的功能，讓網站速度更快。 整體來說，Elementor是一個可以簡單、也可以不簡單的內容編輯器… 用途算蠻廣的，彈性很大！他不只讓你編輯內容、還可以編輯頁首和頁尾，很好玩喔！ 不過，如果你是第一次使用WordPress，帶路姬還是建議你從Avada開始會比較好，今天介紹的工具都非常好用，可是要有老師教才會比較快，自己學可能會蠻吃力的喔… 今天的製作很愉快，以後還是會考慮續用這組搭配，推薦給大家。 GeneratePresshttps://wpointer.com/recommends/generatepress/ Elementorhttps://wpointer.com/recommends/elementor/ OceanWPhttps://wpointer.com/recommends/oceanwp/

WordPress 如何編輯文章與分類？如何設定製作中模式及暫時阻擋 Google 索引？如何設定永久網址的結構？如何安裝 Avada 的佈景主題？如何獲得授權使用 Avada 主題？如何把網站變得和範例網站一樣？如何修改一篇現有的文章？如何編輯文章的分類，讓文章更好找喔！