Astra 和 GeneratePress 长期以来一直是两个最受欢迎的 WordPress 主题。我们在 BTW 运行 GeneratePress,我也在几个项目中使用了 Astra
Blocksy 于 2019 年轰动一时,吸引了数千名粉丝(以及至少一名模仿者)。但是 Astra 和 GeneratePress 与 Blocksy 相比如何,我会考虑更换吗?
本文是对 Astra vs Blocksy vs Generatepress 的深入主题比较。让我们看看谁名列前茅!
剧透:Blocksy很棒,我已经在用它构建一个新的 WordPress 网站。
价格
以下是每个主题的许可和定价的快速概览。所有这些主题都使用免费增值模式,其中基本主题完全免费,专业插件插件单独出售。
他们都提供终生计划,这在我看来是一大优势。我个人已经购买了 Astra 和 GeneratePress 的终身许可。
主题 | 年度套餐 | 永久套餐 |
---|---|---|
Astra | 59 美元(无限站点) | 249 美元(无限制) |
Blocksy | 49 美元 – 1 个站点 /69 美元 – 5 个站点/99 美元 – 无限制 | $149 – 1 个站点/$199 – 5 个站点/$299 – 无限制 |
GeneratePress | 59 美元(500 个站点) | 249 美元(500 个站点) |
哪个主题在价格上胜出?
这三个主题的定价都差不多,但 Blocksy Pro 是最不慷慨的。在比较 Astra 和 GeneratePress 时,它本质上是平手(除非你实际计划建立超过 500 个站点)。
Blocksy、Astra 和 GeneratePress:相似之处
在我们深入探讨这些主题之间的区别之前,让我们先看看相同之处。我坚信“如果它没坏,就不要修复它”的格言,所有这三个主题都对某些核心功能采用了类似的方法。
结果是在主题之间切换或学习新功能时更直观的体验和更轻松的学习曲线。
这些是所有三个主题提供的共享功能:
入门网站
可导入的入门模板是亲身实践并开始构建的好方法。您可以绕过从头开始设计的繁琐过程,而是自定义专业设计的布局。
Blocksy、Astra 和 GeneratePress 都有带有多个页面构建器的预建站点。一个警告是 Generatepress 将演示站点限制为高级版本。Astra 提供了 60 多个免费的入门站点,所有 Blocksy 的模板都可以通过安装 Blocksy 配套插件免费获得。
自定义控制
喜欢或讨厌它,WordPress 定制器是大多数混合 WordPress 主题的设计中心,这些主题融合了一些网站构建器功能。所有这些主题都使用定制器来控制颜色、排版、间距和布局。
记住一些设置的位置有点学习曲线,但是在您自定义设计时的实时预览值得这个糟糕的界面。
页眉和页脚编辑器
Astra、Blocksy 和 GeneratePress 都可以让您直观地自定义您的主题页眉和页脚。您可以创建完全自定义的布局,而无需触及一行代码。正如我们稍后将讨论的那样,每个应用程序的确切 UI 略有不同。
主题挂钩(hooks)
Astra 和 GeneratePress 主题是围绕一个挂钩系统构建的,它允许您添加、删除和重新排序主题组件。Hooks 最初是由 Genesis 框架推广的,现在广泛用于像这样的超灵活主题中。
Blocksy 采用了类似的系统,每个页面和帖子模板都有多个记录良好的挂钩位置。
大多数主题挂钩都是在幕后无缝处理的,但您也可以利用各种挂钩位置来注入您自己的内容,例如 CTA 和英雄部分。
在每个主题的高级版本中,您将获得一个视觉挂钩生成器,让您可以轻松地将条件挂钩添加到您的站点(例如,在特定类别上显示横幅)。免费用户仍然可以访问挂钩,但需要使用 PHP 或像Elementor Pro这样的主题构建器来访问它们。
安装与设置
这三个 WordPress 主题的安装过程非常相似。首先,您从 WordPress 主题存储库下载基本主题。
接下来,为您的主题安装任何配套插件(例如 pro-addon)以启用其他功能。
Pro Addons 插件:
- Astra
- GeneratePress
- Blocksy
这些主题中的每一个都有免费的帮助插件,可以在基本主题中启用更多功能。这是一个概述:
Astra:使用starter sites插件导入预制演示,或使用Lightweight Sidebar Manager插件为您的主题创建多个自定义侧边栏。
Blocksy:安装 Blocksy 主题后,系统会提示您添加Blocksy 配套插件,它会添加几个额外的模型并允许您导入演示模板。
GeneratePress: GeneratePress 与GenerateBlocks集成,以使用 Gutenberg 块启用完整的站点构建功能,包括动态内容(需要付费)。
定制与设计
这些主题都使用定制器来控制网站的整体外观。从菜单到颜色、排版、侧边栏和布局的所有设置都可以在这里找到。
Blocksy、Astra 和 Generatepress 在这里感觉都非常相似。您可以获得全局颜色、详细的版式控制、多个侧边栏布局以及对您的帖子模板和博客设计的基本控制。
以下是它们的不同之处:
Astra
标头: Astra 有一个拖放式标头生成器,可让您在标头和菜单中直观地排列小部件。
颜色: Astra 具有全局颜色和调色板,但也允许您自定义几乎所有主题元素的颜色(专业升级)。
排版:包括 Google 字体支持的全局排版。专业版还允许您在本地托管 Google 字体并自动预加载您的字体以获得更好的性能。
菜单: Astra 包括一个大型菜单模块(专业版),用于视觉设计美观、用户友好的菜单。
Blocksy
标头:与 Astra 一样,Blocksy 包含一个可视标头生成器。
颜色: Blocksy 对每个主题元素都有全局颜色设置和局部颜色设置。免费版本提供颗粒状颜色控件。
排版: Blocksy 支持 Google 字体和 Adobe 字体。专业版还支持自定义字体和本地托管的谷歌字体。
博客布局和单篇文章
这些主题都可以让您控制博客和存档页面的布局,尽管 Astra 和 GeneratePress 将大部分功能限制在专业版中。
另一方面,与 Astra 或 GP 的专业版相比,Blocksy 在其免费版中拥有更好的博客布局选项。太好了。
Astra
Astra 为您的博客布局提供了三个基本模板,图像顶部、图像左侧和图像右侧。您还可以重新排列和自定义后循环本身。这是通过在定制器内拖放来完成的。
除了单列布局外,Astra 还允许您使用基于网格的多列布局来实现更多的卡片式设计。此外,您可以将其设为刚性网格或使用砖石布局。
Blocksy
Blocksy 让您可以完全控制您的存档模板和卡片设计。他们有 5 种不同的布局,您只需单击一下即可启用。此功能甚至在免费(基本)版本中可用。
您还可以自定义后循环本身中的每个项目,在简单或盒装(卡片式)设计之间切换。每个循环元素都有完整的颜色控件,您可以重新排列元素,例如帖子元、帖子标题和特色图片。
更好的是,Blocksy 为您的类别页面和一般博客页面提供了单独的控件。您可以使用 GeneratePress 的元素模块 (pro) 实现相同的目的,该模块功能更强大,但不那么快速或容易。
对于单个博客文章,Blocksy 允许您设计一个文章英雄部分并重新排序文章模板元素,例如您的图片、文章标题和元数据。同样,此功能是完全免费的。Blocksy Pro 添加了一个 hooks 模块以实现更细粒度的控制。
这使您可以为网站的不同部分创建自定义页面布局,而无需接触代码或使用Elementor Pro等主题构建器。
GeneratePress
GeneratePress 类似于 Astra 的博客布局选项,但限制更多。您可以从单列或网格布局中进行选择,并调整特色图片和帖子标题在每个循环项目中的位置。
样式控件的方式非常少,甚至间距都是从单个帖子模板继承的。如果不使用自定义 CSS,就无法实现像 Blocksy 这样的盒装卡片设计。
但是,您可以使用 GeneratePress premium 中的块元素和内容模板进行深度定制。您可以自定义博客和存档循环,甚至可以使用 Gutenberg 块设计整个帖子模板。
谁做得最好?
两个主题因其博客定制而脱颖而出。正确的选择将取决于您想要多少控制权以及您是否重视功能而不是简单性。
- 最适合初学者:Blocksy让您只需点击几下即可创建具有专业外观的博客和存档布局。
- 最强大:GeneratePress premium通过内容模板块元素具有完整的站点编辑功能。有一个学习曲线,您必须使用 BYODesign,但它非常强大。
站点库和演示内容
所有这些主题都有完全可导入的演示站点,展示主题的全部功能,同时快速启动您的设计过程。定制现有设计比从头开始构建看起来专业的东西要容易得多。
以下是对 teach 主题的概述:
主题 | 入门网站 | 页面构建器 |
Astra | 118(免费),121(专业版) | Beaver Builder、Brizy、Elementor、Gutenberg |
Blocksy | 18(免费) | Brizy, Elementor, 古腾堡 |
GeneratePress | 85(仅限专业版) | Beaver Builder、Elementor、古腾堡 |
如您所见,Astra是这里的佼佼者。他们支持最多的页面构建器 (4),并且他们的库非常庞大。您获得的预制演示数量几乎是 GeneratePress 提供数量的三倍,其中一半是完全免费的。
Astra网站图书馆
Astra 目前提供将近 240 个可导入的演示,其中整整一半是免费的。他们有各种各样的站点样式和布局,因此无论您正在构建的站点类型如何,您都应该能够找到一个很好的匹配项。
借助四个受支持的页面构建器(Brizy、BB、Elementor 和 Gutenberg),您可以获得比 GeneratePress 或 Blocksy 更好的兼容性。
导入演示:入门站点未内置到核心主题中。相反,它们是使用 Starter Sites 插件插件(免费)导入的。我很欣赏的一件事是它包含一个选项,可以在导入新站点时删除所有演示内容。
我唯一的抱怨是 Astra 将多样性置于质量之上。这里有一些优秀的演示,但质量确实因站点而异。其中一些根本就没有生产就绪,尤其是在移动就绪方面。
我更愿意拥有更少的更高质量的设计。
Blocksy入门网站
Blocksy 拥有最小的入门模板库,但它们之间的多样性是有意且经过深思熟虑的。此外,每个模板都可用于多个页面构建器。
他们的预建设计质量比 Astra 高出一步,而且看起来确实很专业。
两个突出的是Blocksy News和Product Reviews模板,它们非常适合构建具有杂志风格布局的 WordPress 新闻网站。它们将在希望快速启动新站点的博主中非常受欢迎。
GeneratePress 站点库
GeneratePress 的网站库现已发展到包括 80 多种设计。这些模板的样式并不过分,更多的是布局(与 GeneratePress 的设计理念一致)。
所有的模板都是专业版的,但是这样做的好处是允许它们使用 GenerateBlocks 与 GeneratePress Elements 高级模块的集成来展示网站构建器的功能。
尝试这些设计是学习如何使用它们构建自定义主题元素(如帖子导航模板)甚至使用古腾堡块设计完整博客和单个帖子模板的好方法。
页面构建器支持
让我们从一开始就清楚,所有这三个主题都适用于任何流行的 WordPress 页面构建器。
话虽如此,有些与特定的流行页面构建器进行了更深入的集成。
一般页面构建器兼容性
Blocksy、Astra 和 GeneratePress 都设计为高度灵活的主题。每个都可以让您重新排列主题组件,并在特定页面上有选择地禁用它们。
例如,您可以在任何页面构建器页面上将模板宽度更改为“全宽”,这样您的着陆页就不会受到主题内容容器的限制。
您还可以删除特定元素,例如每个主题都可以让您禁用任何特定页面上的标题(需要专业版)。这非常适合构建您想要限制访问者导航选项的登录页面或压缩页面。
最后,还有主题 Hooks,您可以在网站的任何地方使用它来注入页面构建器模板。
Gutenberg Block兼容性
虽然所有这些主题都与 Gutenberg Block 编辑器完美配合,但其中两个具有附加功能和更深入的 Gutenberg 集成。
GeneratePress Premium 与GenerateBlocks插件集成,并允许您使用块而不是 PHP 来设计整个页面模板。您还可以显示动态数据,包括模板标签和自定义字段。
Blocksy 主题与Stackable Pro基本集成,支持自定义字段和动态数据。但是,没有主题构建器功能。
Astra 主题目前没有针对 Gutenberg 的官方高级功能,但随着即将对 Gutenberg 的 Brainstorm Force Ultimate Addons 进行更名,我预计在不久的将来会有令人兴奋的功能。
底线:如果您想使用页面构建器来设计您的网站,那么这三个主题都是不错的选择。Astra 和 GeneratePress 特别是对像 Elementor 这样的构建器的流行补充,因为它们具有广泛的挂钩位置和快速的页面加载时间。
表现
所有测试都是在裸安装 WordPress 并激活基本主题的情况下进行的。
- 托管:我每月 12 美元的Cloudways VPS
- 缓存:禁用
- Gzip/压缩:已启用
Astra vs. Blocksy vs. GeneratePress GTMetrix 分数
公制 | Astra | Blocksy | GeneratePress |
---|---|---|---|
Fully Loaded | 950毫秒 | 1.3s | 831毫秒 |
LCP | 708毫秒 | 844毫秒 | 509毫秒 |
CLS | 0 | 0 | 0 |
TBT | 0毫秒 | 0毫秒 | 0毫秒 |
Page Size | 48.3kb/238kb | 53.1kb/248kb | 30kb/163kb |
Astra性能
Astra 表现不错,但仍然比 GeneratePress 慢一点。Astra 的页面大小明显大于 GeneratePress(因此存在差异)。
启用缓存后,满载时间降至 852 毫秒。
Blocksy 性能
Blocksy 显然是这里的落后者。它不错,但明显比 GP 和 Astra 慢。罪魁祸首可能是增加的页面大小,比 GeneratePress 大 50% 左右。
幸运的是,添加缓存后情况有了显着改善,我们以 820 毫秒的页面加载时间获得 100/99 分。
GeneratePress 性能
GeneratePress 一直非常快,但该团队最近重新编码了整个主题以使用 vanilla JavaScript(不依赖 jQuery)并针对 Core Web Vitals 进行了优化。
它在我们的测试中显示,即使没有缓存页面加载时间也远低于 1 秒。
优胜者:哪个主题的表现最好?
GeneratePress显然是这里最快的 WordPress 主题,尽管这三个主题都针对性能进行了很好的优化。
在现实世界中,差异不会那么明显,因为插件堆栈和图像优化是加载时间的主要贡献者。
无论您选择哪个主题,您都可以使用WP-Rocket等一体化优化插件显着加快您的 WordPress 网站的速度。
集成
主题不存在于泡泡中。您的站点可能有多个(可能是几十个)活动插件。这些主题中的每一个都构建了自定义集成,以便与一个或多个插件更好地协作。
Astra整合
Astra 集成了几个流行的插件。最值得注意的是:
- WooCommerce
- LearnDash
- LifterLMS
这两个 LMS 集成仅在 Astra pro 中可用,而有一些完全免费的 WooCommerce功能无需升级即可使用。
Astra 特定的 Woocommerce 功能包括:
- 无限滚动产品(专业版)
- 关闭 Canvas 侧边栏(专业版)
- 定制侧边栏
- 图库选项
- 网格视图
- 下拉购物车小部件
了解更多: Astra 如何与 WooCommerce 合作
Blocksy集成
尽管 Blocksy 是在 2019 年才推出的,但它比其竞争对手拥有更多的集成。以下是亮点:
- WooCommerce: Blocksy 的 Woocommerce 扩展是一个非常强大的集成,它添加了特定于 WooCommerce 的定制器选项,其中包括诸如画布面板之类的东西,以及定制单个产品页面的设计和布局的能力。还有一个画廊滑块和愿望清单功能。
- Adobe Fonts:在您的设计中使用 Adobe 字体(以前称为 Typekit)。
- 可堆叠:继承可堆叠块的全局颜色和排版设置(免费或专业版)。
- 工具集:在工具集套件中构建内容模板和视图时访问 Blocksy 定制器选项。
GeneratePress 集成
与其竞争对手相比,GeneratePress 的官方集成非常少。事实上,唯一具有专用集成(但很棒)的插件是GenerateBlocks。
GenerateBlocks 是由 Tom Usborne(与 GeneratePress 是同一开发人员)创建的 Gutenberg 扩展,它为 GeneratePress 添加了真正的主题构建器功能。
您可以使用 GenerateBlocks 构建整个帖子模板、自定义存档和帖子元布局,甚至包括特色图片、帖子标题等动态字段。
这是 GeneratePress 对全站点编辑的混合替代方案,虽然有一个学习曲线,但它非常强大。
了解更多:使用 Generateblocks 的动态内容模板
专业功能
所有这些主题都提供了对排版、布局和全局颜色等重要设置的细粒度控制。Blocksy 将其包含在基本主题中,而 GeneratePress 和 Astra 需要付费升级才能获得大部分控件。
但这只是赌注。让我们看看使每个主题与众不同的专业功能:
Astra
与免费版相比,Astra Pro 包含几个突出的功能:
粘性菜单:当用户滚动时,将您的主要导航固定在屏幕顶部。
超级菜单:超越简单的基于文本的菜单,构建带有图像和其他可视块的 2D 超级菜单。
Astra 自定义布局模块
直观地选择 Astra 的任何挂钩位置,根据条件(如特定类别)对其进行自定义,并注入您想要的任何类型的内容,包括:PHP、HTML、Gutenberg Blocks 或页面构建器模板。
灵活的页脚
从多个页脚布局中进行选择,并使用小部件或块对其进行自定义。
Blocksy
与免费版本相比,Blocksy Pro 添加了一系列很酷的功能。
高级标题生成器
通过指定显示条件,升级免费主题中已经非常出色的视觉标题生成器。您可以为特定页面、帖子类型或类别创建新标题,以完全自定义您网站的每个部分。
它还包括一个语言切换器小部件,非常适合多语言站点。
内容块
与 Astra 和 GeneratePress 的 Hooks 模块一样,此专业扩展允许您使用 Blocksy 的挂钩位置自动将内容块注入网站的任何位置。
它适用于 Gutenberg、HTML、PHP 或几乎任何页面构建器(包括免费页面构建器)。
您可以指定自定义条件,例如帖子类型、分类法或作者。
高级菜单
与 Astra 类似,Blocksy Pro 包含一个大型菜单生成器。但我认为 Blocksy 的版本甚至比 Astra 的更好,因为它有一些额外的功能。
超级菜单特点:
- 用块直观地设计你的大型菜单
- 使用动态条件将自定义内容块挂接到菜单中
- 将图标添加到您的菜单项
- 单个菜单项的自定义样式设置
对于想要在不接触一行代码的情况下进行细粒度控制的修补匠或设计师来说,这里的功能简直令人难以置信。
了解更多:Blocksy 高级菜单
自定义侧边栏
与 GeneratePress 不同,您不限于整个站点的单个侧边栏。您可以创建无限的自定义侧边栏,并使用自定义条件将它们挂接到站点的特定区域。例如,您可能想要一个专门用于 WooCommerce 产品页面或“评论”帖子类型的特殊侧边栏。
Blocksy 使它变得简单,并且您不需要像我用来创建动态目录小部件那样的单独插件。
排版模块
Blocksy Pro 为您提供了一些高级排版功能,包括直接从定制器使用 Adobe 字体的能力。
然而,更令人兴奋的是集成的自托管字体选项。这使您可以上传自定义字体或自行托管 Google 字体,以加快加载时间并在您的 Core Web Vitals 上获得更好的分数。
免费版
这些主题都使用“免费增值”开发模式。核心主题是免费的,但有一个专业(或高级)插件可以添加额外的功能,如基于块的标题生成器、更好的间距控制等。
- GeneratePress:极简免费版。几乎不能定制,也没有额外的功能。排版、颜色和间距控制是有限的。亲推荐。
- Astra:与 GeneratePress 类似,但包括面包屑、入门站点和可视页眉和页脚构建器。适用于简单的网站。
- Blocksy:令人难以置信的免费功能,包括完整的设计控制、多种博客布局、可调整的帖子模板、面包屑和相关的帖子模块,
GeneratePress 免费版
包括:基本排版和颜色控制,几乎没有其他内容。
GeneratePress 的免费版本非常简单,很难推荐在实时网站上使用。您可以使用基本的排版和颜色控件以及一些用于自定义站点布局的选项。
就是这样。
颜色和间距控件非常少,您将很难在不了解 CSS 的情况下创建任何看起来自定义的东西。您的博客存档甚至没有网格布局,但您可以根据需要使用 CSS 创建网格存档布局。
Astra免费版
Astra 免费主题包括:
- 入门网站(61 多个免费模板)
- 标头生成器
- 页脚生成器
- 基本字体配对
- 有限的颜色控制和全局调色板
- 自定义侧边栏(通过插件)
Astra 的免费版本比 GeneratePress 大方一点。首先,它包括可导入的入门模板(GeneratePress 没有)。您确实需要一个单独的插件来导入演示站点,但它相对较轻,并且有多个用于 Elementor、Gutenberg 和 Beaver Builder 站点的演示。
排版设置有点限制,但至少它们为您提供了一些演示字体配对供您选择。您还可以获得不错的颜色选项和一些预定义的调色板,这对非设计师来说非常有用。
您还可以获得直观的页眉生成器,它允许您将页眉元素拖放到页眉的各个小部件区域。它几乎就像一个极简主义的页面构建器,支持小部件、块和自定义 HTML。使用 Astra 可以快速轻松地构建具有专业外观的菜单。
Blocksy 免费版
Blocksy 的免费主题包含如此多的功能和自定义选项,几乎可以与其他主题的专业版相提并论。几乎没有任何免费主题接近。太好了。
这里只是您免费获得的部分示例。
- 全面的样式控制
- 布局和间距控制
- 多种博客布局(包括博客文章的网格、砌体甚至卡片设计)
- 可定制的帖子模板
- 面包屑
- 相关帖子模块
- 产品评论模块
- 拖放页眉和页脚的构建器
- 强大的标题样式选项
- 页面英雄生成器
- 社交图标
- 图像延迟加载和纵横比控制
- Woo 商务整合
老实说,除非您尝试过,否则很难体会到免费版 Blocksy 的神奇之处。在许多方面,它甚至比某些专业主题更实用。
所有这些功能的缺点是基本主题有点重(这解释了加载时间)。也就是说,这些模块中的大多数都是您不需要启用的扩展,这使您可以使 Blocksy 安装尽可能精简。
判决:哪个主题获胜?
现在应该很清楚,所有这些流行的 WordPress 主题都很棒。老实说,他们中的任何一个都很难出错。也就是说,我确实在使用它们中的每一个方面都有丰富的经验,并且根据您的用例有一些明显的优势。
假设您计划购买专业升级版,最好的两个主题是GeneratePress和Blocksy。
对于想要使用块编辑器构建整个模板的人来说,GeneratPress 确实属于自己的类别。Astra 和 Blocksy 都没有可比的功能。
将 Astra 和 Blocksy 进行正面比较时,它们的功能集非常相似,但 Blocksy 几乎在每个类别中都有优势。Blocksy 的基本版本更好,它对 WooCommerce 的支持稍强,并且更容易从头开始定制。
相比之下,Astra 确实比 Blocksy 具有更好的性能,因此如果速度是您的首要任务之一,那么值得考虑。
谁应该选择哪个主题?
Astra
在以下情况下选择 Astra:
- 您想要一个拖放标题生成器
- 您想要无限网站的更优惠价格
- 您正在考虑整个 BrainstormForce 包(所有插件 + Astra)
购买 Astra:查看当前报价
Blocksy
在以下情况下选择 Blocksy:
- 你想要最好的免费主题
- 你想要一个视觉标题生成器
- 您想使用 Adobe 字体或自定义字体
- 您不了解 CSS 并且想要最多的设计选项
- 你想要最大的功能
购买 Blocksy:查看当前报价
GeneratePress
如果出现以下情况,请选择 GeneratePress:
- 您肯定打算购买 pro
- 您想要最好的网站建设功能和古腾堡区块集成
- 你想要最好的支持
- 你懂一点 CSS(GeneratePress 的设计选项最少)
购买 GeneratePress:查看当前报价