安裝WordPress網站並不困難,安裝後開始選擇適合的佈景主題才是第二個(那第一個是甚麼?請看本文最尾巴)遇到的難題。這篇文章是分享我在購買佈景主題的經驗,並歸納出一些簡單實用的方式。

使用WordPress架設網站多半是為了省錢以及系統穩定、好用、功能齊全、快速安裝等特性,然後使用者根據網站所需的功能選擇插件,這些都是客觀的考量,相對之下,選擇佈景主題(或設計)就顯得相當主觀。不僅要考慮美學,還要考慮很多客觀條件,主觀與客觀交會後,決定就很難科學唯物了。

在這篇文章中,我將以實際經驗幫助新手,如何選擇WordPress佈景主題之前應該考慮的清單,也許能稍有幫助。

事實上,網路上有很多文章分享這個主題,但依照我實際的經驗,事實上新手選到完全符合需要的佈景主題機率幾乎等於零,尤其是五花八門付費的佈景主題。對新手最好的建議其實是先嘗試從免費佈景開始入手,任何時候都能更換。

WordPress其實提供了大量的免費佈景主題,但隨時可以輕鬆安裝切換,直接試用當然容易衡量,但問題就是功能太過陽春,八成的佈景主題功能幾乎一樣,差別就只在外觀不同,不過卻無法滿足理想網站快速完成,而且又長相專業美麗的心態,免費佈景主題距離完成網站實在太過遙遠,對於老手,要額外花費的心力,遠比自己寫html,自己寫程式要複雜。

如果你想要簡單點,那麼跳過以下內容,直接看這幾點就可以

  1. 外觀看起來合眼緣 (就像挑另一半,第一眼不喜歡,很難繼續…),挑選5~8個第一眼覺得適合的,以供進一步評估。在哪裡挑呢?免費的從
    WordPress.org尋找,商用的我推薦 themeforest。themeforest目前有超過1萬個佈景主題,足夠找到一個理想的佈景。
  2. 手機版操作流暢度 (這是基礎,安裝後,如果不流暢,或有相容性問題需要修改,會讓人想…)。
  3. 價錢 (不要買太便宜的,也不要買太貴的,如果還能包山海更好,有些佈景主題會包含本來需要付錢買的外掛)。
  4. 打開示範網站,然後有幾個實用的工具你可以嘗試:測試相容性(Browsera)、速度測試
  5. 評價與客服 (挑平台上評價好或賣得不錯的、客服QA回答速度合理的)。
  6. 特別需求:支援多國語版、預訂、討論區等要仔細看看是否有詳細的截圖畫面或前端可供使用者體驗。
  7. 如果你想要輕快的網站,那麼避開內容編輯器:部分編輯器其實仍會影響效能,你可以試試官方提供的古騰堡編輯器
  8. 使用的JS數量少 (越少越好),通常越華麗,效果越多的佈景主題,js都在比多的。但原則上還是越少越好。
  9. 挑選一年內開發的佈景或是半年內更新過的佈景主題。

依照這幾點挑選你的佈景主題,那麼應該可以大致上符合你的需要。如果你想要進一步了解,那麼請繼續閱讀下去,雖然內容有點長。

開始之前先作基本功課

1.先了解佈景主題到底是怎麼一回事:佈景主題類別、請看佈景主題的外星語翻譯

佈景主題類別

了解不同類型的佈景主題功能重心,你應該能縮小挑選的數量。通常我們可以簡單這樣對WordPress佈景主題作分類:

企業、商業(Corporate, Business):通常會提供一般企業網站設計時需要的頁面型式(例如:關於我們、聯絡我們、服務項目等),可以說支援的版型最多,若能掌握,幾乎可以完成各種型態的網頁。
部落格、媒體型(Blog Magazine):主要就是用來支援匯集大量文章的設計,因此會提供多種小工具可以應用在版面。
電子商務(eCommerce):配合eCommerce提供過程中的版型設計,主要了解付款結帳、會員/非會員購物、手機版的流暢度等。
作品型(Portofolio/Photography):以作品為呈現主題的佈景主題設計,通常被設計業者、攝影師所採用。
特別主題設計:為結婚、旅遊、房地產、飯店民宿、餐廳、醫院診所、健身spa業等特定主題所設計的佈景主題,市場存在即合理,這些都是會架設網站,並且數量多的使用者,通常這類主題會包含該行業主要營業使用的功能插件,例如預訂系統(booking)插件。

這些不同類型的佈景通常會對設定的主題作特別的設計,可能是版型配置、插件功能或風格等,因此搜尋佈景時,可以先用行業關鍵字先作過濾,然後再進行選擇。

內容編輯器:透過外掛,將一些常用的版面樣式集成,讓使用者可以簡單進行版面拼圖。我稱之為拼圖,原因就是頁面建立的過程就像是一個區塊一個區塊組合而成。常見的內容編輯器有:Elementor、Beaver Builder、Divi Builder、Thrive Architect、SiteOrigin Page Builder、WPBakery Page Builder、Themify Builder、Brizy

佈景主題的外星語翻譯

對於初學者來說,要快速掌握一個佈景主題的內容,需要了解許多專業名詞與意義,因此我另外整理一篇文章,簡短將各種佈景主題可能出現的技術名稱加以翻譯,並且稍加解說。

2.善用衡量的工具:速度衡量(GTmetrix、Google PageSpeed Insights)、相容性(Browsera

好的佈景主題應該要具備的條件

乾淨整潔的設計

第一點有點明顯……網站訪問者非常欣賞一個網站佈局簡潔乾淨,導航精緻流暢。

快速

您網站的加載速度很重要。根據研究,如果您的網站加載時間超過2秒,訪問者將很快放棄它。網站加載速度不僅取決於您的網站主機的質量。一個乾淨編碼的主題將幫助您的頁面加載更快。建議最小化在網站上使用的插件數量……插件越多,網站就越慢。可以通過在線性能測試服務(如GTmetrix和/或Google PageSpeed Insights)運行主題演示。

RWD的設計

先看看手機版模式下,選單與配置是否順暢。若要用工具測試,只需複制示範站的URL並將其粘貼到Google的移動友好測試頁面中即可。
根據Statista在2018年的報告,全球52.2%的網站流量是通過手機產生的,高於去年的50.3%。因此,響應式WordPress主題是絕對必須擁有的

易於操作

擁有一個可輕鬆定制,能夠在不使用代碼的情況下改變您網站的設計很重要。支持Beaver Builder或Elementor等流行的頁面編輯器插件之一,為佈局增加了額外的靈活性。不過反面意見是,頁面編輯器是否會造成系統負擔、並且影響SEO語法。

跨瀏覽器相容

你網站的所有訪問者都有數百種操作系統和瀏覽器組合,你希望你的網站統一加載給所有用戶。這很重要,因為如果您的主題與某個瀏覽器不兼容,您將錯過使用此特定瀏覽器訪問網站的用戶的流量。像Browsera這樣的工具是測試它的好方法。

翻譯 +多語種準備

許多網站都希望迎合當地和國際受眾,以便他們能夠跨越多個地理位置進行廣泛的業務拓展。但是,語言的限制可能成為此目的的障礙。如果國際市場對您很重要,那麼您將需要一個多語言的WordPress主題 或支持WPML或Polylang等流行的多語言插件之一。

售前和售後服務

仔細瀏覽評價與售後服務,服務期間延續多久,提出的問題是否都能即時回答。不過你可能

可靠的佈景主題平台

盡量挑選知名且歷史悠久的公開平台。雖然獨立開發業者不見得不可靠,但至少公開平台才可能匯集更多的使用者,也會提供更多的評價。

實務上選擇佈景主題的建議

接下來我提供實務上選擇的一些方法,希望協助初學者能夠熟悉。

第一步:印象與直覺與基本評估

佈景主題是決定網站長相的主要角色,因此合不合眼緣往往成為左右選擇的關鍵。因此不需要太多大道理,先挑出幾個你喜歡的佈景主題,然後再來進行比較。挑選時一定要瀏覽開發者提供的示範站,才能對每個細節作一定的掌握。另外就是針對開發者提供的說明,以我經常拜訪的平台 themeforest 舉例:

themeforest佈景主題提供的基本資訊
themeforest佈景主題提供的基本資訊

Last Update 最新更新日
Created 開發日
Gutenberg Optimized:No 古騰堡編輯器優化(這與古騰堡產生的語法對seo等影響有關)
High Resolution:高解析圖片支援
Widget Ready 提供小工具
Compatible Browsers:IE10, IE11, Firefox, Safari, Opera, Chrome, Edge 相容瀏覽器版本
Compatible With WooCommerce 3.2.x, WooCommerce 3.1.x, WooCommerce 3.0.x, WooCommerce 2.6.x 相容的外掛
Software Version:WordPress 4.9.x, WordPress 4.8.x 支援的版本
ThemeForest Files Included:PHP Files, HTML Files, CSS Files, JS Files 檔案內容
Columns:4+ 版面設計中的元素 – 欄
Documentation:Well Documented 說明文件
Layout:Responsive 版面:RWD

在購買前可以確認這些容易辨識的規格,若購買的佈景沒有提供,可以寫信確認。

第二步:相容性

  1. 熱門外掛相容性以及支援的Wordpress版本:這通常會標示出來,使用者可以容易的找到相關資料,尤其重要的是支援的Wordpress版本,因為這牽涉到安全性。
  2. 瀏覽器系統相容性:這通常與佈景主題開發時間有關,越新發布的通常也會支援越多、越新的瀏覽器版本。
  3. 佈景主題推出時間,是否半年內~一年內有更新版本。

第三步:操作性

支援示範網站匯入:

這對新手超重要,讓你一鍵快速安裝範例網站,找出你喜歡的,直接更改完成。

搭載內容編輯器:

好的編輯器讓你上天堂,這可能是真的,在某種程度,編輯器具備的功能特點幾乎要取代佈景主題。不過在Wordpress推出古騰堡編輯器後,初學者其實也可以從這個入手,因為在設計上,內容編輯器的概念是大致相同。因此可以略過此項(因為通常價格會較高),若要選用,我推薦Elementor、Beaver Builder這兩種。

版型樣式數:

版頭(版首、頁首)、主版面(100%全寬、固定置中、偏左靠右)、版尾、側欄。另外就是部落格版型、作品展示版型、其他特定頁版型。版型越多,則設計上越能靈活。

特殊外掛:

牽涉到訂購、訂房這類與網友高度互動的外掛功能,一定要特別仔細再三了解,以確認細節功能與步驟能符合心目中的需要,因為這些外掛不容易更改,也不太可能為你作大幅度的修改,畢竟這不是客製化的程式系統開發。


第四步:速度效能

  1. SEO優化:通常新推出的主題,開發者都會重視這項支援度,不過若是佈景主題沒有特別提及,那麼也可以透過插件來達成。
  2. AMP支援:這不是一定要有的支援,原因是AMP目前仍有些微爭議,Google為了加快手機版的瀏覽,會將瀏覽者導入google儲存的網址,雖然內容相同,但存在疑慮。
  3. 實際測試:透過一些測試速度的平台,實際測試示範站的速度表現,可以作為一種參考。效能與可能性通常就是互斥的事件,你想要的功能、效果越多,那麼在滿足需求的可能性之下,當然需要載入更多的js,效能也就隨之而降。我想要一個可以作出各種版型與功能的佈景主題,代表其實背後需要載入的js就越多。

第五步:客戶服務

是否提供自助系統或討論版?說明文件、如何提出問題、回覆速度、回覆是否解決問題?
這些可以透過平台簡單了解,但前提是英文不要太爛(話說用google翻譯轉貼應該也不難)。對於一般新手,我建議的是選擇二年內開發的佈景主題,然後確認最新更新的版本不會超過半年以上。這樣能避免棘手的跨瀏覽器相容、Wordpress支援度等問題,有時候一個相容問題能浪費好幾天。另外就是購買較多人購買的佈景,至少踩在前人的肩膀上,看的更遠。

有時候為了客戶要求,在製作速度要求下,我也只會大概執行前三個步驟的判斷,原因是我通常會在習慣的平台購買佈景主題,因此客服的問題並不是很必要。其次是速度與效能,是一個很複雜的問題,很可能選出的布景相差並沒有很大,會讓這項考量失去效益。因此你可以特別找介紹中,強調輕量化的設計,這通常代表就是比較兼顧效能與速度。

以上是一些我在挑選佈景主題時,會進行的工作,不過在熟悉Wordpress後,對於佈景支援的功能,通常一看大概就能了解,適不適合將要架設的專案需要。

第一個難題到底是甚麼?


自然是選主機安家,希望你不是一開始滑就到這裡,辛苦了,請回文章開頭。