分類
WordPress 網頁設計

Blocksy, Astra, OceanWP 比較-網站 Demo 與未來性

對於找佈景主題,似乎常見的提議都是 Astra、OceanWP 是否已感到了無新意甚至厭倦了呢? 推薦另一個更好的佈景主題新選擇-Blocksy!
這篇會以支援 Gutenberg 區塊編輯器的整合度,與未來性,作為主要考量。

內容目錄

  1. Web Stories 網路故事版本
  2. 快速總結 – 測速結果
    1. 前10名輕快的 WooCommerce 佈景主題(2021)
  3. OceanWP
    1. OceanWP 與各種編輯器的相容性
    2. 新的 Demo 範例網站展示介面(更新於 2021 年 3 月)
    3. OceanWP 官方資源
    4. OceanWP 官方影片-The fastest growing theme for WordPress
    5. Getting Started with OceanWP
  4. Astra
    1. Astra 與各種編輯器的相容性
    2. Gutenberg 區塊範本(更新於 2021 年 3 月)
    3. Astra 官方資源
    4. Astra 官方影片 – Introducing Astra 3.0
    5. Astra Starter Sites Demo and Installation Guide
  5. Blocksy
    1. Blocksy 與各種編輯器的相容性
    2. Blocksy 官方資源
    3. Blocksy – Free WordPress Theme Intro
    4. 前後台介面皆具質感設計新趨勢,令人舒服
      1. 就連 Changelog (變更記錄)也有比別人精心且適當的設計。
  6. 結論
    1. 為何特別推薦 Blocksy 佈景主題?
    2. 作品
      1. Read Jazz 嚼士人蔘

對於找佈景主題,似乎常見的提議都是 Astra、OceanWP 是否已感到了無新意甚至厭倦了呢? 或者不想再花費太多少時間在「做功課」,找尋可靠好用的優質 WordPress 佈景主題,找了也不知道到底好不好呢?

這篇的整理,會以支援 Gutenberg 區塊編輯器的整合度,與未來性,作為主要考量。

然後,再補充官方資源與部份特點。

Web Stories 網路故事版本

可點此連結以獲得此 Web Stories 網路故事的最佳瀏覽體驗: https://facekungfu.com/web-stories/demo-blocksy-astra-oceanwp-compatibility/

快速總結 – 測速結果

前10名輕快的 WooCommerce 佈景主題(2021)

先來看一個,由快取外掛開發商WP-Rocket 發佈的測速報告

測速報告 – 前10名輕快的 WooCommerce 佈景主題(2021)via WP-Rocket

如您所見,由新秀 Blocksy 佈景主題勝出,甚至比以開發導向特性、效能聞名的 GeneratePress 更輕快, 是值得讓人多加留意參考的新東西。

推薦另一個更好、更可靠、更看好未來性的佈景主題新選擇-Blocksy

儘管如此,Astra 和 OceanWP 仍然是不錯的佈景主題,所以以下會先介紹它們(對照組 Get!),接著再談 Blocksy ,反正會得出這篇對 Blocksy 比較偏心。


OceanWP

OceanWP 是老字號的知名多用途佈景主題之一。 它們家的 Extensions(附加套件) 以及對於 WooCommerce 的相容性與整合,是它常被列入選擇清單的主要原因。

「終於」在 2021 年 1 月,宣告從今年起,發佈至少 27 個新的網站 Demo。 宣告從今年起,發佈至少 27 個新的網站 Demo 範例資料。

OceanWP 與各種編輯器的相容性

隔了一年半載才又看到 OceanWP 有些新作為。 (所以在「未來性」這項,很扣分)。 來看看它們的網站 Demo 範例資料是如何展示的吧!

OceanWP-Demo 展示沒有用篩選功能(雖然看起來像是),只是用一般的超連結…

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

網站 Demo 範例-OceanWP 付費版

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

OceanWP 新的 Demo 範例網站展示介面終於有真的篩選器了,但只是作為不同類型的網站分類篩選,整體仍然看不出是支援哪款編輯器

如上圖所示,依然令人失望啊! OceanWP 新的 Demo 範例網站展示介面終於有真的篩選器了,但只是作為不同類型的網站分類篩選,整體仍然看不出是支援哪款編輯器…

要分辨哪些 Demo 是支援哪款編輯器,很不方便,無論是針對 Gutenberg 區塊編輯器或是 Elementor, Beaver, Brizy…等頁面編輯器。

OceanWP 官方資源

OceanWP 官網:https://oceanwp.org/

OceanWP 官方影片-The fastest growing theme for WordPress

OceanWP 官方影片-The fastest growing theme for WordPress

Getting Started with OceanWP

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 款付費版可用。
Starter Websites with Astra WordPress Theme – for Gutenberg
Ready to Import Starter Websites with Astra WordPress Theme

Gutenberg 區塊範本(更新於 2021 年 3 月)

Astra 的網站 Demo – Starter Templates 2.6 加入了為 Gutenberg 而生的區塊範本!

Astra 發表於 2021 年 3 月

您可以在這篇文章了解更多相關介紹:https://wpastra.com/starter-templates-2-6/

用 Gutenberg 區塊範本,打造獨特的網站 – Astra

有多種不同的區塊範本分類,包括了關於、CTA、客戶、聯絡、常見問題、特點、服務介紹、團隊、證言…等,多種精心設計又好用的區塊範本。

可以將這些區塊範本綜合運用,來打造屬於您自己的網頁。 當然也可以簡單地新增、移除或取代區塊範本。

Astra 官方資源

Astra 官網:https://wpastra.com/

Astra 官方影片 – Introducing Astra 3.0

Astra 官方影片 – Introducing Astra 3.0 With the Most Powerful Header Footer Builder and Massive Performance Uplift

Astra Starter Sites Demo and Installation Guide

Astra Starter Sites Demo and Installation Guide

Blocksy

如果覺得 Astra 的自訂功能總是哪裡卡卡、不夠好,那麼 Blocksy 可能是你的最佳選擇! 這款佈景主題有強大的 Header 自訂功能、 不同用途的版面規劃選項,以及全域調色盤管理。 並且有直覺、易用、拖拉式的版面元素編輯器。

Blocksy 有與 WordPress 原生的自訂功能高度整合,方便使用者調整版面細節與元素。 在提供多樣的功能與調整細節的同時,也保持高效率輕量的最佳化體質。

Blocksy 與各種編輯器的相容性

Ready to Import Starter Websites with Blocksy Theme
Starter Websites with Blocksy Theme – for Gutenberg, Elementor, and Brizy

Blocksy 官方資源

Blocksy 官網:https://creativethemes.com/blocksy/

YouTube:https://www.youtube.com/channel/UCZhflWh24WFp5xrORUqgyzw

Blocksy – Free WordPress Theme Intro

Blocksy – Free WordPress Theme Intro

前後台介面皆具質感設計新趨勢,令人舒服

Blocksy Theme-超直覺的自訂功能 UI 介面
Blocksy Theme-拖拉式的 Header 編輯器
Blocksy Theme-WooCommerce 功能整合

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

Blocksy-就連 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 佈景主題與區塊編輯器建置設計而成。

Read Jazz 嚼士人蔘

https://readjazz.com/

QR Code

作者: Green

AMP, Branding, Copywriting, Marketing, Multilingual, WordPress - https://facekungfu.com/

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *