對於找佈景主題,似乎常見的提議都是 Astra、OceanWP 是否已感到了無新意甚至厭倦了呢? 或者不想再花費太多少時間在「做功課」,找尋可靠好用的優質 WordPress 佈景主題,找了也不知道到底好不好呢?
這是一篇,從與區塊編輯器的相容性、未來性、Demo 網站選套的友善度來切入的佈景主題比較文。
然後,再補充官方資源與部份特點。
Web Stories 網路故事版本
可點此連結以獲得此 Web Stories 網路故事的最佳瀏覽體驗: https://facekungfu.com/web-stories/demo-blocksy-astra-oceanwp-compatibility/
佈景主題測速評比
前10名輕快的 WooCommerce 佈景主題(2021)
先來看一個,由快取外掛開發商WP-Rocket 發佈的測速報告。

如您所見,由新秀 Blocksy 佈景主題勝出,甚至比以開發導向特性、效能聞名的 GeneratePress 更輕快, 是值得讓人多加留意參考的新東西。
推薦另一個更好、更可靠、更看好未來性的佈景主題新選擇-Blocksy
儘管如此,Astra 和 OceanWP 仍然是不錯的佈景主題,所以以下會先介紹它們(對照組 Get!),接著再談 Blocksy ,反正會得出這篇對 Blocksy 比較偏心。
OceanWP 佈景主題
OceanWP 是老字號的知名多用途佈景主題之一。 它們家的 Extensions(附加套件) 以及對於 WooCommerce 的相容性與整合,是它常被列入選擇清單的主要原因。
「終於」在 2021 年 1 月,宣告從今年起,發佈至少 27 個新的網站 Demo。 宣告從今年起,發佈至少 27 個新的網站 Demo 範例資料。
OceanWP 與各種編輯器的相容性
隔了一年半載才又看到 OceanWP 有些新作為。 (所以在「未來性」這項,很扣分)。 來看看它們的網站 Demo 範例資料是如何展示的吧!

雖然看起來像有篩選器,方便使用者翻找適合的範例類型,但其實只是用了一些按鈕,導到各自的範例頁面。 你可以到它們的網頁嘗試操作、體驗看看,就會有感了。

新的 Demo 範例網站展示介面(更新於 2021 年 3 月)

如上圖所示,依然令人失望啊! OceanWP 新的 Demo 範例網站展示介面終於有真的篩選器了,但只是作為不同類型的網站分類篩選,不方便看出是搭配什麼編輯器用的,很多人裝了才知道,選的 Demo 是要連帶安裝 Elementor 當 Demo 放置器,這是一個很大的問題 ( 另兩款這部份處理得很好 ),也看不出有積極在跟著 Gutenberg 走,更新進步也很無感。
「分辨哪些 Demo 是支援哪款編輯器」的友善度很差,畢竟公開給人挑選的 Demo 範例網站,基於 Gutenberg 區塊編輯器或 Elementor, Beaver, Brizy…等頁面編輯器的差異,對網站建置尤其被「快速套版設計」所吸引的新手,我認為是必須主動友善揭露的資訊。
OceanWP 官方資源
OceanWP 官網:https://oceanwp.org/
OceanWP 官方影片-The fastest growing theme for WordPress
Getting Started with OceanWP
Astra 佈景主題
Astra 和 OceanWP 都是老字號的知名多用途佈景主題之一。 它們都依附著 Elementor 生態圈-WordPress 平台中,最熱門的頁面編輯器。
Astra 佈景主題與各種編輯器的相容性
Astra 提供大量的免費網站 Demo,付費版又再有更多懶人好用的網站 Demo。
Astra 網站 Demo 展示頁 包含支援四種編輯器的 Demo :
- WordPress 原生的區塊編輯器 – 52 款網站,皆為免費版。
- Elementor – 133 款網站 Demo,包括 60 款 免費版可用,與73 款付費版可用。
- Beaver Builder – 106 款網站 Demo,包括 38 款 免費版可用,與 68 款付費版可用。
- Brizy – 40 款網站 Demo,包括 17 款免費版可用,與 23 款付費版可用。


Gutenberg 區塊範本(更新於 2021 年 3 月)
Astra 的網站 Demo – Starter Templates 2.6 加入了為 Gutenberg 而生的區塊範本!
Astra 發表於 2021 年 3 月
您可以在這篇文章了解更多相關介紹:https://wpastra.com/starter-templates-2-6/

有多種不同的區塊範本分類,包括了關於、CTA、客戶、聯絡、常見問題、特點、服務介紹、團隊、證言…等,多種精心設計又好用的區塊範本。
可以將這些區塊範本綜合運用,來打造屬於您自己的網頁。 當然也可以簡單地新增、移除或取代區塊範本。
Astra 官方資源
Astra 官網:https://wpastra.com/
Astra 官方影片 – Introducing Astra 3.0
Astra Starter Sites Demo and Installation Guide
Blocksy 佈景主題
如果覺得 Astra 的自訂功能總是哪裡卡卡、不夠好,那麼 Blocksy 可能是你的最佳選擇! 這款佈景主題有強大的 Header 自訂功能、 不同用途的版面規劃選項,以及全域調色盤管理。 並且有直覺、易用、拖拉式的版面元素編輯器。
Blocksy 有與 WordPress 原生的自訂功能高度整合,方便使用者調整版面細節與元素。 在提供多樣的功能與調整細節的同時,也保持高效率輕量的最佳化體質。
Blocksy 佈景主題與各種編輯器的相容性


Blocksy 官方資源
Blocksy 官網:https://creativethemes.com/blocksy/
YouTube:https://www.youtube.com/channel/UCZhflWh24WFp5xrORUqgyzw
Blocksy – Free WordPress Theme Intro
前後台介面皆具質感設計新趨勢,令人舒服



就連 Changelog (變更記錄)也有比別人精心且適當的設計。

結論
Astra 和 OceanWP 都是老字號的知名多用途佈景主題,但它們的現狀與開發路線已像是跟著 Elementor 走。
Astra 和 OceanWP 已像是 Elementor 的其中兩款佈景主題,甚至是高度依附 Elementor 走,令人失望。
有些 WordPress 開發者和使用者這麼說。
如果你在意的是懶人的 WooCommerce 整合功能,那 OceanWP 是適合的佈景主題之一,有不少附帶的功能,也還算輕量。 但這幾乎就是 OceanWP 的唯一顯著的優點了,因為它們有很長一段時間都沒什麼進步、新東西。
與 Astra 兩者相比,如果網站 Demo 範例品質,與編輯器的相容性是你最優先在意的考量,那無庸置疑 Astra 是比 OceanWP 更好的選擇。
為何特別推薦 Blocksy 佈景主題?
Blocksy 是可靠的 WordPress 佈景主題,而且不論是否為 WooCommerce 網站,都值得推薦。 如果在意對於 Gutenberg 、第三方區塊編輯器(Stackble, Qubely, Getwid…等)的支援整合,或懂得未來與區塊編輯器的 WordPress 官方開發趨勢,那 Blocksy 更加是最佳的選擇。
參考案例
附上一個我們的近期作品之一-嚼士人蔘音樂部落格,以 Blocksy 佈景主題與區塊編輯器建置設計而成。