Astra vs OceanWP:2022 年您應該使用哪個主題?

已發表: 2021-10-11

試圖為您的 WordPress 主題在 Astra 和 OceanWP 之間進行選擇?

這是有史以​​來最受歡迎的兩個 WordPress 主題,因此您已將列表範圍縮小到一些質量選項。

但是,您如何為您的獨特情況確定正確的主題? 這就是這篇文章的主題。

為了幫助您選擇最適合您需求的主題,我將親身體驗這兩個主題並詳細比較 OceanWP 和 Astra。

總的來說,我認為 Astra 對大多數人來說是更好的主題,因為它是性能、演示站點、功能、靈活性和價格方面的最佳綜合選擇。 但是,OceanWP 可能更適合想要最多自定義選項的修補匠。

要了解這些結論的來源,請繼續閱讀完整的比較!

目錄
  1. Astra vs OceanWP:介紹
  2. 模板/演示站點
  3. 自定義選項
  4. 頁面構建器集成/頁面級控件
  5. 開發人員功能
  6. 其他顯著特點
  7. WooCommerce 集成
  8. 其他值得注意的集成
  9. 速度和性能
  10. 價錢
  11. Astra vs OceanWP:您應該使用哪一個?

Astra vs OceanWP:介紹

首先,讓我們簡要介紹一下這兩個主題。

Astra 是 WordPress.org 有史以來最受歡迎的非默認主題,它在超過 100 萬個網站上活躍——這是一項了不起的成就。 它是唯一一個通過一百萬活躍安裝計數的非默認主題。

除了擁有令人印象深刻的安裝數量外,它還在近 5,000 條評論中獲得 4.9 星評級。

阿斯特拉主題

OceanWP 也是 WordPress.org 上最受歡迎的主題之一。 在超過 700,000 個網站上活躍,它是第三大最受歡迎的非默認主題(僅次於 Elementor 的 Hello 主題和 Astra)。

與 Astra 一樣,OceanWP 在近 5,000 條評論中也獲得了 4.9 星評級。

OceanWP 主題

Astra 和 OceanWP 共享相同的基本方法。 它們是輕量級且靈活的多用途主題,可用於任何類型的網站,從博客到宣傳冊網站、電子商務商店等等。

為了幫助您構建這些網站,這兩個主題都附帶:

  • 數百個可導入的演示站點,適用於各種不同的利基市場
  • 實時 WordPress 定制器中的詳細定制選項
  • 與用於拖放設計的頁面構建器插件緊密集成

但是,儘管它們都共享相同的基本方法,但在功能、自定義選項、定價和性能方面,它們確實存在一些重要差異。

突出這些差異是本文其餘部分的目標。

模板/演示站點

現在,讓我們進入更詳細的 Astra 與 OceanWP 比較,從可導入的演示站點開始。

對於這兩個主題,您可能會從這裡開始體驗,因此從這裡開始我們的比較是有意義的。

阿斯特拉

Astra 演示站點導入器

通過配套的 Starter Templates 插件,Astra 提供了可導入的演示站點,這些站點由您選擇的四個構建器插件構建:

  • Elementor(我們的評論)
  • 海狸生成器(我們的評論)
  • 原生 WordPress 塊編輯器(古騰堡)
  • 輕快的

總的來說,您可以訪問 280 多個獨特的演示站點,其中 95 多個在免費版本中可用,其餘的需要付費代理計劃之一。

雖然設計是主觀的,但我也認為 Astra 的演示站點看起來比 OceanWP 更好,更獨特。

瀏覽 Astra 演示

海洋WP

OceanWP 演示站點導入器

與 Astra 相比,OceanWP 沒有給您太多選擇。

首先,所有的演示站點都是用 Elementor 構建的。 如果您喜歡 Elementor,那很好,但您無法選擇使用 Astra 提供的其他構建器。

其次,演示站點的數量較少,尤其是在免費版本中:您可以獲得 15 個免費 Elementor 模板和 185 個高級模板。

就個人而言,與 Astra 相比,我發現很多 OceanWP 的演示有點無聊和過時。

瀏覽 OceanWP 演示

贏家: Astra 是明顯的贏家,因為它提供了更多的演示站點,也為您提供了更多的建設者選擇。 就個人而言,我也認為 Astra 的演示站點看起來更好

自定義選項

為了幫助您定制您的網站,Astra 和 OceanWP 都在實時 WordPress 定制器中提供了豐富的選項。

老實說,這裡不可能比較每個功能,因為我們談論的是數百(或數千?)不同的自定義選項。

所以相反,我要達到最高點。

總的來說,我認為 OceanWP 在它為您提供的選項方面更加靈活。 在將 OceanWP 的免費版本與 Astra 的免費版本進行比較時尤其如此——在這種情況下,OceanWP 絕對為您提供了更大的靈活性。

例如,以下是 OceanWP 免費版中的排版選項:

OceanWP 排版選項

使用免費版的 Astra,您只能獲得用於正文和 H1-H6 標題的簡單排版選項。 (不過,您還會在其他區域獲得一些其他選項。)

高級版本的差異並不大(稍後會詳細說明原因)。 但是,我想說 OceanWP 仍然更靈活一點,儘管兩者都比一般的 WordPress 主題靈活得多。

不過,這並不是普遍的,而且 Astra 肯定有一些獲勝的領域。 例如,Astra 現在提供了一個非常有用的拖放頁眉和頁腳構建器,可讓您為這些區域創建自定義佈局:

Astra 頁腳生成器

但總的來說,OceanWP 是這裡的贏家——然而,有這麼多選項的一個缺點是,與 Astra 相比,OceanWP 的定制器區域感覺有點混亂。

獲勝者:OceanWP,儘管我認為大多數 WordPress 用戶都會對它們感到滿意。

頁面構建器集成/頁面級控件

由於靈活的頁面級控件,Astra 和 OceanWP 都可以很好地與頁面構建器插件配合使用。

從本質上講,這些設置使您可以逐頁控制頁面構建器設計的畫布。

例如,您可以更改頁面的側邊欄數量或使其全寬。 或者,您可以禁用某些元素,例如頁面標題,以便您可以使用頁面構建器構建這些元素。

阿斯特拉

使用 Astra,您可以在塊編輯器的側欄中獲得一個新的Astra 設置選項。 在這裡,您可以:

  • 選擇要使用的側邊欄數量
  • 更改內容佈局
  • 禁用某些元素,例如頁眉、標題、特色圖片、頁腳等
  • 啟用透明或粘性標題
  • 選擇自定義頁眉
Astra 頁面級設置

海洋WP

使用 OceanWP,您將獲得一個新的OceanWP 設置框(您需要安裝免費的 Ocean Extra 插件才能啟用它)。 此框為您提供了大量頁面級選項。 在高層次上,您可以獲得與 Astra 相同的所有選項:

  • 更改內容佈局和寬度
  • 選擇自定義側邊欄
  • 禁用標題或標題,或使用自定義標題
  • 禁用/更改頁腳
  • 更改導航菜單甚至禁用特定元素,例如頂部欄

但是您也可以獲得一些非常重要的選項,例如添加自定義頂部或底部填充,更改徽標、顏色和版式,在頁面的各個部分注入短代碼等等。

OceanWP 頁面級控件

我認為大多數人不需要這麼多選擇。 但是,如果您喜歡自定義選項,OceanWP 絕對可以提供。

獲勝者:OceanWP 為您提供了更多頁面級別的控件,儘管我認為 Astra 在大多數情況下仍然為您提供了您需要的所有選項。

開發人員功能

對於更高級的用戶,Astra 和 OceanWP 都為您提供了使用鉤子注入內容的選項。 如果你不熟悉這個術語,鉤子基本上可以讓你在主題的不同位置注入內容。

例如,您可以在博客文章末尾自動添加號召性用語框,或在文章標題下方插入廣告。

阿斯特拉

使用 Astra Pro,您可以獲得非常有用的自定義佈局功能,可讓您創建五種類型的佈局:

  1. 標題
  2. 頁腳
  3. 404頁
  4. 掛鉤
  5. 內部帖子/頁面內容

hooks 選項是最強大的,因為它允許您在任何掛鉤位置注入自定義內容或代碼。 您還可以獲得條件選項來控制何時注入內容,例如:

  • 針對特定內容- 例如某個帖子或帖子類別
  • 特定用戶為目標——例如所有登錄用戶或僅特定用戶角色
  • 選擇何時注入內容的開始/結束日期
  • 以特定設備為目標——例如移動設備與桌面設備
Astra 自定義佈局

對於在帖子/頁面中插入內容,您還可以在隨機數量的塊之後注入內容,這對於在博客帖子中註入廣告或促銷非常有用。

如果您使用的是免費版本,您可以使用免費的 Astra Hooks 插件從定制器中插入鉤子,儘管它不如自定義佈局靈活。

海洋WP

OceanWP 中的等價物是高級 Ocean Hooks 插件,它也非常靈活。 它允許您將文本、簡碼、PHP 和 HTML 代碼等注入到 OceanWP 的任何一個掛鉤位置。

OceanWP 掛鉤

您還將獲得條件邏輯,僅根據內容(​​例如特定頁面或類別)、登錄狀態等詳細信息執行掛鉤。 為了獲得更多控制,您可以添加用戶角色驗證,以便為具有特定角色的註冊用戶執行它。

獲勝者:阿斯特拉。 雖然 Ocean Hooks 也非常強大,但我認為 Astra 的自定義佈局功能更加靈活,這要歸功於諸如時間安排和隨機內容插入等功能。

其他顯著特點

OceanWP 的一個獨特之處在於它的高級版本包括許多擴展,以幫助您添加前端功能,例如彈出窗口和 cookie 通知。

總的來說,OceanWP 為您提供了以下附加組件:

  • 登錄彈出窗口
  • 添加到購物車頁面後的 WooCommerce 彈出窗口
  • 餅乾通知
  • 模態窗口(插入任何內容)
  • 文件夾
  • Instagram 提要
  • 粘性內容
  • 自定義 Elementor 小部件

Astra 的高級版更側重於添加額外的主題自定義選項,而不是為您提供這樣的獨特前端功能。

OceanWP 中的這些額外功能很不錯,但它們是您可以通過第三方插件解決的問題。 例如,如果您選擇 Astra,您可以使用專用的 Instagram 提要插件或 cookie 通知插件。

獲勝者:OceanWP。

WooCommerce 集成

Astra 和 OceanWP 都為 WooCommerce 電子商務插件提供深度支持。

首先,您可以在定制器中獲得選項來控制您的在線商店。 但是這兩個主題還為您提供了有用的 WooCommerce 特定功能:

阿斯特拉海洋WP
WooCommerce 定制器選項
下拉式購物車
產品過濾器的畫布側邊欄
內置產品快速查看
自定義 WooCommerce 彈出窗口
浮動添加到購物車按鈕
無干擾結賬

獲勝者:OceanWP 有一些優勢,因為它有一些獨特的功能,儘管這兩個主題都是 WooCommerce 商店的絕佳選擇。

其他值得注意的集成

當談到 WooCommerce之外的顯著集成時,Astra 具有優勢,這要歸功於其他電子商務平台的內置集成和一些流行的 LMS 插件,包括:

  • 數字電子商務的簡單數字下載
  • LearnDash 在線課程(閱讀我們的 LearnDash 評論)
  • 用於在線課程的 LifterLMS(閱讀我們的 LifterLMS 與 LearnDash 比較)

如果您使用這些插件之一,Astra 會在定制器中為您提供專用選項來控制插件內容的外觀。 例如,使用 LearnDash,您將獲得控制課程外觀的選項,Astra 甚至提供了一些由 LearnDash 提供支持的演示站點。

但是,OceanWP 也可以很好地與所有這些插件配合使用。 例如,如果您使用 OceanWP 創建 LearnDash 課程,那麼開箱即用的課程看起來仍然非常棒。

主要區別在於您沒有獲得那些內置的定制器設置來讓您自定義課程的工作方式。

獲勝者:Astra 在 WooCommerce 之外有更多的內置集成。

速度和性能

在定價之前我要考慮的最後一個功能區域是 Astra 與 OceanWP 的速度比較。

為了了解它們的比較,我僅使用基本主題(不是演示站點)測試了 Astra 與 OceanWP 的速度。 雖然這對於一個真實的站點來說是不現實的,但我認為這是從性能角度來看 Astra 和 OceanWP 如何疊加的最公平的方式。

以下是 Astra 的 WebPageTest 的結果:

Astra 速度和性能與 OceanWP

而且,對於 OceanWP:

OceanWP 速度和性能與 Astra

讓我們將腳本和頁面大小歸零:

阿斯特拉海洋WP
頁面大小39 KB 127 KB
HTTP 請求7 15

所以——至少在他們的“開箱即用”狀態下,Astra 比 OceanWP 更輕量級。

不過要記住的一件事是,OceanWP 包含自己的腳本和样式面板,可讓您手動禁用 CSS 和 JavaScript 文件,這可以幫助您縮小頁面大小和 HTTP 請求。 對於高級用戶來說,這是一個非常好的選擇,但我認為普通用戶可能很難優化這裡的東西而錯過了好處:

OceanWP 腳本和样式

獲勝者:Astra 是更輕量級的主題,但如果高級用戶深入研究腳本和样式工具,他們可以“瘦身”OceanWP。

價錢

最後,讓我們談談定價方面的 OceanWP 與 Astra。

這兩個主題都可以在 WordPress.org 上免費獲得。 然後,如果您想添加更多功能,您可以購買高級版本。

免費版本

對於簡單的網站,您也許可以使用免費版的 Astra 或 OceanWP。 但是,對於任何嚴重的用例,我建議考慮這兩個主題的高級版本。

Astra 和 OceanWP 在他們的免費和專業計劃中使用不同的功能鎖定策略:

  • OceanWP 免費版為您提供了幾乎所有的定制器選項。 如果您購買高級版,您主要會獲得新的演示站點和前端功能,例如彈出窗口、條件掛鉤工具、cookie 通知等。
  • Astra 在免費版本中限制了定制器選項,但仍然為您提供了很多模板。 要訪問所有定制器選項和其他一些高級功能,您需要使用 Pro。

在 Astra 與 Astra Pro 比較表中,您可以看到很多差異都涉及基本的自定義選項:

與 OceanWP 相比,Astra free vs Pro

而對於 OceanWP,區別主要在於新的前端功能:

與 Astra 相比,OceanWP 免費 vs Pro

因此,如果您專門查看免費版本,我會說:

  • 如果您想要最多的自定義選項,請使用 OceanWP。
  • 如果您想要最多的演示,請選擇 Astra。

專業版

在溢價定價方面,這兩個主題之間有一個很大的區別:

  • Astra 的所有計劃都允許在無限制的站點上使用。
  • OceanWP 的所有計劃都有網站限制——三個、六個或 50 個網站,具體取決於計劃。

以下是每個的起始價格:

  • Astra – 第一年在無限網站上使用 47 美元(之後,您的許可證以 59 美元續訂)
  • OceanWP – 每年 54 美元,最多可在三個站點上使用

Astra 將 47 美元的價格稱為“限時優惠”。 然而,在我寫這篇文章的時候,他們已經在一年多的時間裡運行這個 47 美元的“限時”交易,所以我認為在這一點上稱之為“價格”是公平的。 但是,此特價僅適用於您的第一年。 如果您想續訂年度許可證,您將支付 59 美元。

雖然 OceanWP 有一個高級版本(稱為 Ocean Core Extensions Bundle),但 Astra 還提供包含其開發人員的其他插件的捆綁包,例如 WP Portfolio、Elementor OR Beaver Builder 的 Ultimate Addons、Convert Pro、Schema Pro 等。

但是,要訪問 Astra 的高級演示網站,您需要至少購買 169 美元的 Essential Bundle。 因此,如果您也想要高級模板,那麼與 OceanWP 相比,這將使 Astra 更加昂貴(即使您將通過 Astra 的 Essential Bundle 獲得一些額外的插件,這也增加了價值)。

獲勝者 Astra,除非您也需要高級演示。

Astra vs OceanWP:您應該使用哪一個?

現在對於重要的問題,當談到作為 Astra 的 OceanWP 時,您應該選擇哪一個?

好吧,首先有一些好消息:

無論您選擇哪個主題,您都不會做出“錯誤”的決定。 這些都是很好的主題,所以很可能,無論哪種方式,你都會很開心。

但是,如果我不得不向大多數人推薦其中一個選項,我會說 Astra 是我的首選。

原因如下:

  • 就開箱即用的性能而言,它更輕巧
  • 它有更多的演示站點,您可以從不同的構建器中進行選擇。 您還可以在免費版本中獲得更多演示。
  • 雖然 OceanWP 在自定義選項方面可能略有優勢,但 Astra對於絕大多數人來說仍然具有足夠的靈活性
  • Astra 的 Customizer 體驗更加人性化
  • Astra 的新拖放頁眉/頁腳構建器非常好。
  • 它對更多插件進行了更深入的集成,例如 LifterLMS 和 LearnDash。
  • 對於高級用戶, Astra 的自定義佈局功能比 Ocean Hooks 更靈活一些。
  • 如果您需要多個站點的主題,它會更實惠,因為它允許無限的站點使用。

獲得阿斯特拉

然而,這只是對“大多數”人的建議。 我確實認為在某些特定情況下您可能需要 OceanWP:

  • 您想使用免費主題並從頭開始配置所有內容。 OceanWP 的免費版為您提供了更多的自定義選項。 而且由於您是從頭開始構建的,因此您不會關心缺少演示站點。
  • 您想要所有這些細節的自定義選項。 在定制器選項和頁面級控件方面, OceanWP 確實為您提供了更大的靈活性。 我認為大多數人不需要這種額外的靈活性。 但如果你這樣做,OceanWP 可能會更好。
  • 您正在建立一個 WooCommerce 商店。 我認為OceanWP 對於 WooCommerce 來說更靈活一些,儘管 Astra 也很棒。

獲取 OceanWP

要查看混合中的另一個主題,您可以查看我們的三向 GeneratePress 與 Astra 與 OceanWP 比較。

或者,您也可以瀏覽我們最快的 WordPress 主題的完整集合。

對我們的 Astra 與 OceanWP 比較有任何疑問嗎? 使用這些主題中的任何一個? 讓我們在評論中知道!