fbpx
2024 年最佳 WordPress 佈景主題

WordPress 佈景主題 (Themes) 是什麼?基礎觀念

這篇文章最後更新日期:2023 年 3 月 21 日 | 作者: Mack Chan

WordPress 佈景主題 是初學者最關注的議題之一,但在 挑選優質的 WordPress 佈景主題 之前,首先,你需要對這個重要的組成部分,有最基礎的認知和底層知識,下方分成約 12 個簡短章節,讓你快速了解重點內容。

你將會學習得到以下知識和技能:

  • 什麼是 WordPress 佈景主題?
  • 為什麼需要佈景主題?
  • 安裝專業佈景主題 [之前] 的外觀
  • 安裝專業佈景主題 [之後] 的外觀
  • 個人化您的品牌資產
  • 客制化網站的色彩風格
  • 豐富的版面配置 (Layout)
  • 網站結構對 SEO 友善
  • 響應式網頁設計 (RWD)
  • 附加小工具 (Widget)
  • 配合 WordPress 頁面編輯器
  • 加快建立網站的時間
  • 建立多國語言網站
  • 永久技術更新和維護
  • [免費] 佈景主題的特點
  • [付費] 佈景主題的特點

瀏覽 WordPress 佈景主題
完整教學系列指南目錄

什麼是 WordPress 佈景主題?

WordPress 佈景主題是什麼?
WordPress 佈景主題是什麼?

這個問題看似很簡單,但也能說三天三夜也說不完,每個人對網站的要求也不盡相同。有人喜歡家裡簡簡單單,數件家具,滿足生活所需就足夠。反之,有些人喜歡把居住的地方,裝潢成皇宮似般。如果簡單地理解,WordPress 佈景主題就是您網站給人的感覺!

這很像很抽象?因為沒有對與錯的選擇,每個人 / 公司或組織的出發點都不同,沒有絕對必然的選擇,下方我們把一些選擇的注意事項逐一列出,協助您選擇合適的佈景主題。


為什麼需要佈景主題?

為什麼需要佈景主題?
為什麼需要佈景主題?

根據 WordPress 的官方設定,每一個使用 WordPress 建立的網站,必須 [最少使用一個佈景主題]。這意味著,WordPress 無法在 [沒有佈景主題] 之下運作,這是一個必須的組成部分,但幸運是有超過 5,000 個免費的佈景主題,這代表您能夠使用免費的佈景主題作為學習的起手式,這大大降低了您的學習和營運成本。現實上我們都非常推薦從免費的選擇開始,待經驗慢慢成熟後,轉考慮更進階的付費佈景主題。


安裝專業佈景主題 [之前] 的外觀

安裝專業佈景主題 [之前] 的外觀
安裝專業佈景主題 [之前] 的外觀

新手在購買完 [域名] 和 [主機] 之後,會進入到調整網站的重要部分,需要調整網站的佈局排版、風格、選擇字體、圖片、氣氛等等的決擇。在沒有套用任何專業的佈景主題之前,您的網站外觀如一間空洞的房間,雖然不至什麼都沒有,但只能基礎的功能和排版佈局,及一些小傢俱和配置等等,其實如果站長要求不高,勉強還是能用的,一個標準的部落格的基礎格局,但不境每位新手都從這個簡陋的佈局開始。


安裝專業佈景主題 [之後] 的外觀

安裝專業佈景主題 [之後] 的外觀
安裝專業佈景主題 [之後] 的外觀

在 WordPress 的世界,有很多強大的開發團隊,制作數之不盡的佈景主題。由於每個人或公司的需求不同,網站迷谷較傾向推薦速度快、輕盈和簡約的通用佈景主題,可以適應大部分的情況。在您啟用專業的佈景主題之後,網站會解放很多強大的功能和工具,您也可以套用 [完整的 Demo 模版],立即把預制的元件部署在適當的位置,您只需要加以修改和調整即可。


個人化您的品牌資產

個人化您的品牌資產
個人化您的品牌資產

每家公司或個人都有自己的 [品牌資產],例如 Logo、配色、花紋、包裝和形象。在 WordPress 的佈景主題之中,需要每個主題的預設值都差不多,但當您套上自己的 [品牌 Logo] 和元素,立即就變成您獨家的小天地。如果不善於使用像 Adobe IllustratorAdobe Photoshop 等專業的設計軟體去創作獨一無異的 Logo,可以選擇外包給國外的設計工作者,例如 Fiverr

沒有 Logo 怎麼辦?其實問題不大,這不是建立網站的先決條件,當然盡量滿足這個條件比較容易統整往後的規劃。您可以先用純文字作為 [網站的名稱]。事實上,不少站長也一直使用純文字作為站名,怎至沿用 10 年以上,每個人都有不同的做法。

保護網站的品牌資產,例如去 [商標注冊處] 注冊 Logo,可以在法律上保障自己的權益,總知好好保護這個重要的資產。


客制化網站的色彩風格

客制化網站的色彩風格
客制化網站的色彩風格

顏色或色彩對網站呈現給訪客的印象有很大的影響,如果網站的配色和企業的品牌色相呼應,這對大大增加訪客的 [信賴感]。但這個方面的技術不是每位站長都能掌握得相當精準。但 WordPress 佈景主題提供簡易方式,協助站長輕鬆部屬整體網站的色彩規劃。您可以較易調整不同元素的色調,標題文字、內文文字、背景、圖片效果、表格、分割和裝飾性的物件和區塊等等。

不過要注意,能夠針對不同元素來指定色調,取決您是使用免費或付費的佈景主題,後者的色調選項和深度會細化很多。但如果想省錢使用免費的主題,那需要去了解更多 CSS 語法的應用。

建議參考:
顏色【維基百科】
NIPPON COLORS – 日本の伝統色


豐富的版面配置 (Layout)

豐富的版面配置 (Layout)
豐富的版面配置 (Layout)

新手最在意就是有否合適的版型是符合自身的需求,就是不是 100% 完全符合,也盡量要有 7 成左右的相似,這可以大大降低網站制作的 [時間成本] 和起始的佈置。WordPress 生態上的版型五花百門,實屬很難簡單就能逐一介紹,新手不妨花點時間去下方的佈景主題市集逛逛,保證讓大家大開眼界。

※ 查詢版型的主要來源:


網站結構對 SEO 友善

網站結構對 SEO 友善
網站結構對 SEO 友善

隨著 SEO 的觀念慢慢普及,加上相關的輔助外掛都是簡易使用,希望這個投票能為新手解答這個疑難和困擾。SEO 知識:這些外掛只是輔助性質,提供新手站長一些建議和改善方向,並不會安裝完就提升 SEO 評分和搜尋排名。一般新手只需要使用 [免費版本] 即可,大部分情況已經可以輕鬆應付。

WordPress 本身的系統對文章的結構最佳化,大部分搜尋引擎都非常容易理解文章的脈絡和結構組成,相較其他常用的 CMS 系統和架站工具。加上 WordPress 開放的特性,配合適當的 SEO 外掛即可發揮最大的作用。

統計社群成員的生態:
什麼 SEO 輔助外掛適合網站設計初學者?


響應式網頁設計 (RWD)

響應式網頁設計 (RWD)
響應式網頁設計 (RWD)

這個部分是算是一個可以自由發揮的小天地,不少部落格星興奮就是可以不受限制地套用 WordPress 小工具 (Widget) 增加自定義模組區塊在資訊欄 (Sidebar) 以及網站頁尾底部 ( Footer) 的任意空間,而且變化是千百萬種的可能性。所以並不能一概而論。

  • 串流網格概念要求頁面元素使用相對單位如百分比或字型排印學調整大小,而不是絕對的單位如像素或點。
  • 靈活的圖像也以相對單位調整大小 (最大到 100%),以防止它們顯示在包含它們的元素外面。
  • Media queries 允許網頁根據存取站點裝置的特點而使用不同 CSS 樣式規則,最常用的是瀏覽器的寬度。

回應式網頁設計變得更加重要,因為移動流量現在占網際網路流量的一半以上。因此,Google 宣布行動裝置時代的到來 (Mobilegeddon) 2015年4月21日,並開始提高移動友好的網站的評級,如果搜尋是被從一個行動裝置發起。


附加小工具 (Widget)

附加小工具 (Widget)
附加小工具 (Widget)

這個部分是算是一個可以自由發揮的小天地,不少部落格星興奮就是可以不受限制地套用 WordPress 小工具 (Widget) 增加自定義模組區塊在資訊欄 (Sidebar) 以及網站頁尾底部 (Footer) 的任意空間,而且變化是千百萬種的可能性。所以並不能一概而論。

部落格常用的小工具是如下;

  • 最新文章 (Latest Post)
  • 熱門文章 (Popular Post)
  • 搜尋器 (Search Engine)
  • 多國語言功能 (Multi-language function)
  • 小遊戲 (Games)
  • 廣告 (Advertising)
  • 產品介紹 (Product Description)
  • 個人簡介 (Personal Profile)

參考資料:
如何將小工具 (Widget) 新增到側邊欄
WordPress 小工具和側邊欄
WordPress : Using Widgets Effectively


配合 WordPress 頁面編輯器

3 個最佳的 WordPress 頁面編輯器(Page Builder)外掛推薦和評價
3 個最佳的 WordPress 頁面編輯器(Page Builder)外掛推薦和評價

像非常流行的 Elementor – 免費頁面編輯器 (Page Builder) 就十分推薦新手學習,它是 WordPress 是專業人士的領先網站建設者平台。Elementor 為包括開發人員,設計師和營銷人員在內的網絡專業人員提供服務,並擁有一個每 10 秒鐘在其平台上創建一個新網站的網站。它是 GPLv3 的開源許可,提供免費和高級的平台。自 2016 年推出以來,它的業務範圍現已擴展到 180 多個國家/地區,活躍安裝量超過 500 萬,受到了很多人的喜愛,這在 WordPress 存儲庫中收到的超過 4,500 個五星級評論中可以看出。

常見的 WordPress 頁面編輯器


加快建立網站的時間

加快建立網站的時間
加快建立網站的時間

快與慢是一個相對的觀念,但沒有欺騙人,當您建立第一個網站之後,第二個以上的網站,在您擁有相關的經驗和體驗後,只會每次建立的時間會愈少,這是個「工多藝熟」的過程,習慣成自然,您並不需要每次都從零開始。

從前的網站架設現在的網站架設
從 0% 開始從半制成品或模版開始
開發和制作時間長和慢長套用 Demo 範本不用 5 分鐘
沒有有效的再利用規劃主題大量生產,價錢愈便宜
技術分散和不統一WordPress 市佔率高達 36 %
每人只熟悉個人技術容易找到合作和外援幫助
可重複利用率低可重複利用率高
價錢昂貴價錢便宜
功能欠奉,每次都頭痛大量可立即套用的外掛

建立多國語言網站

建立多國語言網站
建立多國語言網站

如果您的網站需要多於一種的語言,例如中文、英文或日文,市場上有不少 WordPress 相關的外掛可以協助您,有從免費簡單好上手的 GTranslate 系列,透過 Google 的自動翻譯功能協助您處理多國語言的問題。也有專業等級的外掛如 TranslatePress 和 WPML 等等,也有用錢解決所有翻譯問題的 Weglot 真人翻譯,這裡不詳述,只是告訴新手不容擔心這方面的問題。

多國語言外掛的選擇


永久技術更新和維護

永久技術更新和維護
永久技術更新和維護

說到永久技術更新和維護的問題,在商業社會,除非佈景主題開發商可以持續賺取盈利和收入,才能永續地更新主題、除臭蟲 Bug,改善效能和加入新功能,所以大家記得購買 [正版] 的佈景主題,這對改善整個 WordPress 生態也有積極的作用,所以如果是用於商用的網站,非常推薦您購買付費的專業佈景主題,您需要留意開發團隊有否積極更新和維護的動作,如果出現重大問題,會不很快速地去解決問題。

價錢其實不是主要考慮,穩定性才是優先的影響

一般付費佈景主題的維護是按 [年度] 計算,您購買一年的授權,就能擁有一年的維護和更新,確保您的主題受到最佳的保護,所以不要寄望免費的佈景主題能提供長久的保護,羊毛出在羊身上,一分錢一分貨,售後服務也是新手容易忽略的重點。


[免費] 佈景主題的特點

當然是 [免費 $0]
可以提供 [調整] 和 [設定] 的選項不多
欠缺 [官方] 的客戶服務,無法發問問題
一般更新頻率不高,落後於市場一點點
預設提供的版型範本 (Template) 和變化很少
無法移除佈景主題底部的 [廣告]
功能受到限制,除非付費升級
沒有額外的延伸功能 Add-Ons
終身免費 (Lifetime Free) 和更新
適合初學者和觀望階段的朋友

[付費] 佈景主題的特點

使用者付費的觀念,沒有免費
每一個設定都提供複雜和微細的選項
獲得 [官方] 的客戶服務,適合進階者
一般更新頻率很高,保持與市場接軌
提供的版型範本 (Template) 非常豐富,超過 100+ 以上有常見
允許移除佈景主題底部的 [廣告]
解鎖所有受到限制的功能和服務
提供第三方合作的延伸功能 Add-Ons
收費是每年續費或買斷制也有,視不同廠方的條款
適合進階實力和追求更強功能的朋友

更多建議參考資料:


常見問題 FAQ

閱讀完以上教學,你將會學習得到以下知識和技能:

1. 了解 WordPress 官方佈景主題 (Theme) 目錄
2. 如何 [安裝] 付費 / 收費的 WordPress 佈景主題
3. 如何 [啟用] 付費 / 收費的 WordPress 佈景主題

WordPress 安裝付費 / 收費佈景主題的步驟?

快速進入安裝 WordPress 佈景主題的捷徑:
請前往 [網站後台] → [外觀] → [佈景主題] → [新增佈景主題]

參考資料和引用文獻:

我們提供市場上最新的網站架設
新聞、教學和相關知識,我們不會向用戶
發送垃圾和推廣內容,而你可以隨時「取消訂閱」。

WordPress 學員人數
12,000+ 人 (持續增加之中)

前往免費的學習社團
中文語系的 WordPress - Facebook 社團列表

發表您的留言