WordPress 可以透過安裝佈景主題,來改變網站的設計、甚至帶來一些功能,坊間免費的、付費的佈景主題至少有上萬個,到底要怎麼選擇呢?使用方式都一樣嗎?讓帶路姬來帶你深入瞭解 WordPress 佈景主題的各種知識。
在 Themeforest 上面買的佈景主題,像是 Avada、Soledad、Flatsome,可以用在幾個網站上呢?如果想用在不同網站上,一定要買很多個授權嗎?有沒有什麼例外的情況呢?
WordPress 可以透過安裝佈景主題,來改變網站的設計、甚至帶來一些功能,坊間免費的、付費的佈景主題至少有上萬個,到底要怎麼選擇呢?使用方式都一樣嗎?讓帶路姬來帶你深入瞭解 WordPress 佈景主題的各種知識。
在 Themeforest 上面買的佈景主題,像是 Avada、Soledad、Flatsome,可以用在幾個網站上呢?如果想用在不同網站上,一定要買很多個授權嗎?有沒有什麼例外的情況呢?
今天我來分享我自己的學習歷程給大家參考,看看帶路姬當初為什麼會選擇在我的第一個五天自學衝刺班中,教大家從 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,搭配自己喜歡的運算系統,搭配自己喜歡的視訊卡。好了,我也掰不下去了,因為我也是電腦白痴啊^^,我不會組裝自己的電腦。…
如果你的在匯入範例網站的步驟,匯入失敗的話,你可以跟著帶路姬的這個教學來做,就可以成功匯入資料了。如果你的佈景主題要求比較高的 PHP Time Limit (Max Execution Time),在 Siteground 主機,可以透過這個方式來處理喔…
Gutenberg 區塊 不夠多嗎?想增加更多的內容區塊嗎?Ultimate Addons for Gutenberg 外掛幫助你延伸 Gutenberg 編輯器,增加更多元的內容!整體來說,帶路姬蠻推薦這個外掛的喔!至少是大公司出的,比較不會有安全上的疑慮,也比較少 bug..帶路姬很快的試用了一下,覺得這些內容區塊都還蠻實用的,而且不會讓網站變慢喔…
WordPress 選模板 要特別小心,免得勞民傷財… 1. 主題模板的展示網站:看看就好,參考值 60%,很多看起來很漂亮,實際上做得很死,彈性很小。2. 主題模板的介紹:寫得天花亂墜,功能好像多強多強,參考值 60%,實際上,有很多小缺點,他不會寫給你看的… 那到底還有什麼比較值得信任的依據呢?
很多人買了主題模板,匯入了範例資料後,網站看起來很漂亮啊… 可是,一旦加入中文後,就一切都風雲變色… 為什麼呢? 英文的字型,字體很大的時候看起來還蠻有設計感的… 可是一樣的字體大小,變成中文時,就變得非常突兀… 所以,今天帶路姬給大家的小建議:一般來說,佈景主題都會給字體大小的選項 (Typography),建議都要調整一下。 內文的字體,我通常設定在 15~17px。 標題的字體,我通常設定在 18~42px。 不論內文或標題,我通常粗細不會設定超過 600。700以上字會太粗,很不美觀。 字體如果能設定適當的字距和行距,會更利於閱讀。 不過,以上當然只是廣泛的建議值,不是規則喔! 關於字體的重點是,讓訪客在手機上和桌機上,都可以很舒適的閱讀即可,避免太大或太小的字、注意字體和背景要有適當的顏色對比,有良好的使用者介面,對SEO也是有加分的喔! 今天的小技巧,希望對大家的網站有幫助! 一個網站,最重要的是,達到傳遞資訊的目的,即便是完全沒有圖片、非常極簡的網站,只要文字大小排列得當,一樣可以達到很好的效果。
很多新手跟著帶路姬一起用 Avada 主題來入門做網站,如果你已經用 Avada 主題做到一半,更不能錯過今天的延伸教學的影片喔!
一頁式網站常常會帶來很高的轉換率,要怎麼製作呢?用 Avada 主題來做一頁式的網站非常簡單喔!只有兩個小觀念要學習而已。請看直播影片喔,也可以對照下面的文字教學…
這是新手們一開始製作 WordPress 網站時很常遇到的問題之一。 很多人選定了佈景主題後,安裝過程中,發現有子主題 (child-theme) 這種東西,開始覺得手足無措,不知道到底該不該安裝?該不該啟用? 子主題的目的 過去,還沒有子主題時,工程師在客製化網站時,可能會直接修改佈景主題的「檔案」,但是,WordPress 核心程式一直在更新進化,佈景主題也會跟著需要更新,佈景主題一更新,就把我們工程師辛苦「客製化的檔案」又覆蓋過去了。 為了避免這種情況的發生,子主題於是誕生了,子主題的設定本身繼承了父主題所有的功能,但是子主題可以讓工程師把「客製化的檔案」分開存放,就不會被父主題的更新的檔案直接覆蓋掉。 還是很抽象嗎?換個方式說… 如果這樣解說,還是有點難理解的話,帶路姬畫了一張圖 (請看下圖),用比較生活化的方式來解釋,不論你是使用 Apple 手機或 Android 手機,剛拿到時都是原廠設定,有原廠的桌布等等,後來手機都會請你綁定一個 iTunes 或 Google 帳號,有些客製化的資料就存在這個帳號中,這樣不論 iOS 或 Android 的版本再怎麼更新,都不會害你的手機變回原廠設定。所以,子主題的存在就和 iTunes 或 Google 帳號的情況類似,目的是要把「客製化的資料另外存放管理」。 如果有子主題時,要啟用父主題還是子主題呢? 當你要上傳主題的時候,假如有同時看到兩個 ZIP 壓縮檔案,例如: Avada.zip 和 Avada-Child-Theme.zip,請兩個檔案都上傳安裝,並且啟用子主題就可以了。 假如我選的主題,沒有提供子主題怎麼辦? 子主題並不是必要的,有些比較便宜或比較舊的主題,可能沒有提供子主題,這不代表你就不能客製化,你還是能透過主題商在後台提供的「主題設定」來做客製化,你的設定值還是會被儲存在資料庫中。只是對「工程師」來說,如果想要做更進一步的客製化 (主題設定以外的) 並且修改檔案,可能就會比較不方便了。因此,對一般新手來說,其實不用太擔心有沒有子主題這件事 (因為新手不需要開發主題、更動到檔案)。 可以自己建立子主題嗎? 是有外掛可以幫忙快速建立子主題的,不過,據我知道,並不是每個佈景主題都適合用外掛直接產生子主題,如我前面所說,其實工程師才比較需要用到子主題,帶路姬建議新手,除非你有想要學習開發寫程式,否則不需要執著於建立一個子主題。 換個角度說,一開始選擇主題時,如果能選擇本身就有子主題的,可以保有主題本身的彈性,未來如果要請工程師幫忙開發時,可以方便快速很多。 這篇文章,帶路姬一直想寫,想了很久了… 因為希望能不要講得太難,又希望新手能略有了解,比喻也不許不是最正確,不過希望意思有傳達到,歡迎與我分享你們的想法喔!(如果工程師們覺得帶路姬寫得不夠正確,也歡迎指正) 如果你對 WordPress 的很多觀念,都還是一知半解的話… 帶路姬建議你來參考看看「五天自學衝刺班」的影音教學喔,如果能從頭到尾跟著做當然是比較不會卡關,但是如果你已經有主機或主題了,也沒關係喔,只要認真看過這些影音教學,觀念會清楚很多喔!快找一個你有興趣的網站類型來看看吧! 如果有其他疑問,也歡迎你到 「WordPress 不懂程式的新手站長 — 網站帶路姬學園」Facebook 社團,來跟大家交流喔!
在我的「五天自學衝刺班」系列的教學中,我建議新手們使用 Avada主題來做網站,這個主題預設的編輯器是Fusion Builder,不過,有很多新手問我,可以用 Avada 並且搭配 Elementor 編輯器嗎? 答案是:Avada + Elementor 是可以的喔! 老實說,我本來以為不可以,不過我認真搜尋了一下,找到了 Elementor 官方的介紹文章,證實他們是可以相容的! 不過,這代表什麼呢? 如果你已經成功做過一個網站,不是超級新手了,才建議你使用 Elementor來搭配,並且建議你停用 Fusion Builder,不要兩個同時啟用,比較容易會有衝突的問題。 如果你真的決定要用 Elementor,請注意,Avada 會有理由不支援你遇到的問題,任何與第三方外掛相關的問題,Avada 客服會拒絕為你處理問題。 這兩個編輯器各有各的優缺點,如果使用 Fusion Builder,你可以快速匯入Avada 所有展示網站裡的任何一個頁面的範例內容;如果使用Elementor,你可以快速匯入 Elementor 編輯器的範例內容與範例區塊。 Elementor 編輯器 (免費版就可以),可以快速修改手機版排版時,每個區塊內外、元素周邊的留白間距,可以讓手機版更美觀;相較之下,Fusion Builder 這方面沒有這麼方便。 Elementor Pro (付費的進階版)可以讓你不只編輯網站的內容,甚至可以編輯網站的頁首(LOGO選單區)和頁尾(最下面的資訊聲明區)。 Elementor 功能真的很強大,但建議已經有經驗一點的人再用。所以,如果你是新手、第一次做網站,建議還是跟著帶路姬五天自學衝刺班裡的教學做一次、也不用多花錢。 希望這些資訊對大家有幫助囉! ☺️官方證實是相容的,不過帶路姬還沒親身嘗試過,歡迎有經驗的人與大家分享你的心得喔!?
© WordPress 網站帶路姬 2018~2024 版權所有 | 本站使用 Soledad主題 + Elementor Pro 編輯器 | 推薦使用 Cloudways主機