主题&构建器

Powered by WordPress + Blocksy + Stackable Gutenberg Blocks

主题

WordPress 主题(Themes)非常丰富,博客网站,挑选一个满意的主题,基本上就可以直接使用,要做调整的地方不多,如 Logo、站点图标、页眉、Hero 图片、页脚等信息,但对于信息内容展示型网站,我推荐:Blocksy、Kadence 这二个主题的免费版,经过使用,基本上可以不用考虑其它的主题了

两者都是顶级轻量主题,性能相当,在功能性、灵活性、美观性、设计的现代感都很强

自定义功能类似,布局设置、多种预设配色、字体更改

拖拽式设计页眉页脚,可以多种组合,页眉可以透明、粘性设置,页脚可以自定义小工具,版权可完全修改(许多付费主题才开放的功能)

都可以导入免费的全站模板,具有完整的结构,优美的设计风格,舒适的排版,提供了良好的基础

粘性页眉:

🟢   全局页眉处设置:“固定功能” 和 “透明功能”,还有缩进再弹出效果,下部表单处设置 “吸附状态行收缩” 设置幅度

🟢   页眉处设置 “透明页眉” 和 “粘性标题”,”主行收缩高度“ 设置收缩幅度

导入全站模板:

🟢   使用 Blocksy Companion 插件导入网站模板
🟢   可以选择 Gutenberg、Elementor、Brizy 三种

🟢   使用 Starter Templates by Kadence WP 插件导入

页面构建器:

🟢   使用 Stackable 插件构建
🟢   根据不同版本,也可以使用 Elementor、Brizy(不做说明)

🟢   使用 Kadence Blocks 插件构建

其它功能:

🟢   始终有自定义重置,有些设置需要开启 Blocksy Companion 插件,建议保持开启

🟢   自定义重置,需要开启 Starter Templates by Kadence WP 插件,建议保持开启

注:此表格由 “列” 区块堆叠完成

页面构建器

页面构建器 (Page Builder)是最重要的一类插件(Plugins),古腾堡功能还比较弱,Stackable Gutenberg Blocks 插件,就非常强大了,Kadence 主题有一个配套的 Kadence Blocks 插件,也是一个增强的构建器插件,基本功能与 Stackable 差不多,二者都带有设计库,非常实用多样化

比起古腾堡,功能极大的增强,可以完全替代古腾堡

调节参数比较齐全,可以设置区块的各层级元素,非常灵活易用

内置设计库,美观、实用、多样化

响应式齐全,还可以选择是否显示

比第三方构建器轻量化,占用系统资源少

悬停功能:

🟢   丰富齐全,悬停变色/悬停微动,元素:文字、卡片、内列、图片、按钮;效果:颜色、背景、阴影、位移、飞涨

🔴   除了 ”章节“、”按钮“ 可以设置悬停变色、阴影外,其余基本缺失

支持主题:

🟢   支持其它主题,Blocksy 主题官方推荐

🟢   支持其它主题,Kadence 主题原生支持

调整参数:

🟢   很丰富,区块的每个层级几乎都可以调整

🟢   丰富,调整参数不如 Stackable 详细

网站模板使用的构建器:

🟢   Blocksy 主题导入的网站模板由 Stackable 插件构建

🟢   Kadence 主题导入网站模板由 Kadence Blocks 插件构建

图标与图标列表:

🟡   不支持图标库,但可以上传 SVG 图片,后台不显示,不能变颜色,此构建器会改变 SVG 颜色(应该是 SVG 文件问题),不好控制,示例:

  • Ubuntu
  • nginx
  • PHP
  • MySQL

🟡   图标选项正常,但不能上传 SVG 图片

🟡    “文本(高级)” 区块也支持选择图标,只是不能上传 SVG 图片

❗❗❗  用 Illustrator 导出的 SVG 图标不能够改变颜色问题,“技巧汇总” 里有详细说明
🟢   可以安装 SVG Icons①、SVG Block②、Icon List Block③ 等图标插件解决,可选可上传
🟢   ① 非常方便,”技巧汇总” 和 “SVG Icons” 专栏里有详细说明
🟢   ② 挺好用,图标列表要自己做,利用 “列” 和 “文本” 做,放图标的 “内列” 利用 “最大宽度” 控制图标大小,一个 “列” 做一个列表,再堆叠比较清晰好控制,还支持 “Fill 填色” 和 “Stroke 描边” 单独设置颜色
🟡   ③ 方便,但样式控制不够丰富,图标与内容距离无法调节

表格:

🟡   没有 ”表格“ 区块,可以使用 ”列“ 区块 ”列换行“ 选项实现,稍显麻烦,复杂表格灵活好用,用堆叠完成的复杂表格,易于管理

🟡   有 ”Table (Adv)“ 区块,功能比古腾堡稍好,不能合并单元格,复杂表格只能堆叠,二个表格相交时,下面表格上边框为 “0 px”,”行布局“ 只能简单的排列,而且 “章节” 高度随内容独立变化,用它做表格太困难

🟢   多行表格利用区块堆叠比较清楚好控制,堆叠时,下面的区块上边距上移一点,或边框设为 “0 px”,防止交界边线过粗,简单的可以使用古腾堡的表格
🟡   表格插件很多:Tableberg ①、TablePress、WP Table Builder、Ninja Tables,但都过于复杂,免费版限制还多,不是很方便,相对 ① 好用一点,可以合并单元格,还没掌握

其它功能:

🟡   背景只能选择:图片、视频,有点局限
🔴   免费版没有区块 “复制样式”,但能把 “列” 链接在一起修改

🟢   背景选择丰富,有:图片、渐变、轮播、视频
🟢   可以复制样式

注:此表格由 “列” 区块堆叠完成

其它构建器

WordPress 插件里,有很多网页构建器,除了古腾堡,比较出名的有:Elementor、Brizy、Beaver 等,功能大同小异,但普遍资源占用高,免费版有不少限制,不推荐

最早还使用过 Colibri 的主题和构建器,非常容易上手,但免费版功能限制比较多,如:不能修改版权(Remove Footer Credit 可以实现修改)、不能添加视频、标签、轮播、图片库、面包屑,无悬停效果,简单网站也够用,最早刚刚入门时,用它做过几个网站,现在还使用良好

制作编辑网站页面,使用 ”主题 + 构建器“ 组合最方便,通过 AI 查询,把目前市面上主流的多种组合,做了一个比较,供参考研究:

AI 对比资料

📊 跨主题构建器兼容性参考

AstraBlocksyGeneratePressKadence
Spectra⭐⭐⭐⭐⭐
原生支持
⭐⭐⭐
兼容
⭐⭐⭐
可用
⭐⭐⭐
可用
Kadence Blocks⭐⭐⭐
兼容
⭐⭐⭐⭐
深度兼容
⭐⭐⭐
兼容
⭐⭐⭐⭐⭐
原生支持
GenerateBlocks⭐⭐⭐
兼容
⭐⭐⭐
兼容
⭐⭐⭐⭐⭐
原生支持
⭐⭐⭐
兼容
Stackable⭐⭐⭐
兼容
⭐⭐⭐⭐
官方集成
⭐⭐⭐
兼容
⭐⭐⭐⭐
深度兼容
Qubely⭐⭐⭐
兼容
⭐⭐⭐⭐⭐
官方捆绑
⭐⭐⭐
兼容
⭐⭐⭐
兼容

📊 核心性能对比表

主题体积HTTP请求数实测加载速度PageSpeed 移动分资源占用评级
GeneratePress + GenerateBlocks30KB6-8个470-639ms100⭐⭐⭐⭐⭐ (极低)极简但强大,资源控制王者
开发者的工具,学习成本高
Kadence + Kadence Blocks40-45KB9-12个589ms100⭐⭐⭐⭐⭐ (很低)免费版功能全、集成度高
综合实力最强 🏆 推荐
Blocksy + Stackable48KB15-18个800ms-1s99⭐⭐⭐⭐ (低)免费功能非常慷慨 🏆 推荐
口碑极佳的“水桶”组合
Blocksy + Qubely48KB18-22个1-1.2s95-98⭐⭐⭐ (中)Qubely 免费版功能最强大
份额小维护风险高
Astra + Spectra50KB20-25个2.1s92⭐⭐ (中高)功能多了就臃肿,网站模板数
量庞大,免费版限制较多

⚠️ 避坑指南

不要选这些组合:
❌ Elementor + 任意主题 – Elementor 免费版功能阉割严重,速度慢
❌ Divi(任何版本)- 没有免费版,且资源占用大,前端加载大量CSS/JS,即使缓存后仍偏重
❌ OceanWP 免费版 – 虽然功能多,但加载慢(0.89秒),对新手来说设置太复杂
❌ WP Bakery – 虽然内存轻,但编辑体验老旧,前端渲染慢

推荐组合

推荐 1:Blocksy 主题 + Stackable 插件 + Blocksy Companion 插件
成为首选的理由:功能最强,占用资源、加载速度都不错,属优秀水平,免费版功能就很齐全,调整参数详细,使用方便,悬停效果多,请访问 Demo 网站

Powered by Blocksy+Stackable
Powered by Blocksy+Stackable

推荐 2:Kadence 主题 + Kadence Blocks 插件 + Starter Templates by Kadence WP 插件
被誉为 “黄金组合”,占用资源、加载速度更好,免费版功能也一样齐全好用,网站模板数量略多,不需要花哨的悬停功能就选它,请访问 Demo 网站

Powered by Kadence+Kadence Blocks
Powered by Kadence+Kadence Blocks

使用二者做了同样的本站,熟悉编辑逻辑后,都很好用,Stackable 的标识更清楚,细节更完美,Kadence Blocks 使用不太顺手,有些设置缺失,Blocksy 后台的反应速度快不少,前端速度没有感觉到差别,体验与 AI 结果不尽相同,我个人更喜欢:

Blocksy + Stackable

网站主机

   云服务器
   2 vCPU,4G RAM,5Mbps
   Linux

软件环境

   Ubuntu 24.04.1 LTS
   nginx 1.29.4
   MySQL 9.0.1
   PHP 8.5.2

建站工具
  • WordPress
  • Blocksy
  • Stackable Gutenberg Blocks
  • Blocksy Companion
备选方案
  • Kadence
  • Kadence Blocks
  • Starter Templates by Kadence WP

搭建网站入门经验,也是一个样板网站,结构虽然简单,却美观大气,并完美适配不同设备显示效果,足以胜任信息展示的企业网站

  • Shanghai, China
  • 021 16162828
  • 13801602828