Skip to main content

กำลังโหลด...

Southern Whale
รับ SEO Audit ฟรี
终身版 · 100 网站 Library For Bricks Builder

getframes.io · By Kevin Geary

Frames for Bricks [终身版]

为 Bricks Builder 打造的 300+ section library — 基于 ACSS 构建、accessible、BEM-organized、设计时间减少 70%

Southern Whale 价格 · 终身版
1,000 泰铢/ 终身使用
14,000+ 泰铢 (getframes.io 原价 399 美元)
Frames for Bricks WordPress 300+ section library Kevin Geary — Southern Whale 终身许可证激活服务
300+
Section 模板
100
License 网站数
A+
代码质量评级
4.8/5
评分 (850+ 评测)

Frames for Bricks 是什么

让建站时间减半的专业级 Section Library

Frames for Bricks 是 Bricks Builder 的 section/component library,拥有 300+ 现成 section — hero、testimonial、pricing、FAQ、CTA、footer 等。每个 section 都由 WordPress 教育领域世界级人物 Kevin Geary 设计和编写代码

Frames 的独特之处在于每个 section 都基于 Automatic.css (ACSS) framework 构建 — 完美响应、typography scaling 正确、accessibility 通过 WCAG、code quality 达到 A+。不仅仅是 "现成模板",而是企业级 design system,通过 BEM class structure 易于定制

对使用 Bricks Builder 的代理商和 freelancer 而言,Frames 是 productivity multiplier — 设计时间减少 70%+、交付速度翻倍、每个项目的设计品质一致。最重要的是 license 为终身版,一次付款可用 100 个网站,长期 ROI 极高

Frames 的亮点

为什么 Bricks Agency 使用 Frames

设计时间减少 70%+

无需从零设计 section,使用 Kevin Geary 设计好的 Frame — 调整品牌色/文字即可使用,把开发时间从几周缩短到几天

🎨

基于 ACSS 构建 — 自动响应

每个 Frame 都使用 Automatic.css framework 构建 — 在所有屏幕完美响应,typography scaling 正确,spacing rhythm 一致,无需修改 media query

默认 Accessible

每个 section 均通过 WCAG accessibility 标准 — focus state、ARIA labels、semantic HTML 正确 — 使用 Frames 的网站可直接承接需要合规的 enterprise client

🧱

BEM 组织 + Unstyled Base

Class 结构采用 BEM 约定 — 易于定制,无奇怪的 preset style 需要清除。Frames 设计为市场上最易定制的产品

👨‍🎨

Kevin Geary 设计品质

Kevin Geary 是 designer + developer 兼 WordPress 教育领军人物 — 每个 Frame 在 code quality 与 design taste 上都达到 A+ 标准

💎

终身版 + 100 网站

License 可用于 100 个网站 + 终身更新 — 1,000 泰铢相比 getframes.io 直购 399 美元,节省约 93%

Section 分类

常用 Section 类别

300+ sections 按专业建站常用分类整理 — 选取拼装成页面只需 30 分钟

🏠
Hero Sections
多种风格 Hero sections — split layout、full-width image、video bg、animated gradient,CTA 一应俱全
💬
Testimonials
Testimonial blocks — card grid、slider、social proof、video testimonial,带 schema markup
💰
Pricing Tables
2-tier 到 5-tier 定价表 — annual/monthly toggle、对比表、highlight 主推方案
FAQ Sections
多种形式 FAQ — accordion、双列、支持搜索,带 SEO 用的 FAQPage schema
📞
CTA Blocks
全套 Call-to-action sections — banner、popup、inline、sticky bottom,带转化优化
🦶
Footers
现成 Footer — multi-column、newsletter signup、social links、payment badges、sitemap 布局
🧭
Headers / Navigation
精美 Header + mega menu — transparent、sticky、mobile drawer、集成搜索栏
📊
Stats / Features Grids
Feature grids、stats counter、icon boxes — animated on scroll,响应式精准调优
📝
Forms + Contact
Contact form layouts、multi-step forms、newsletter optin — 与 WordPress 表单插件集成

真实评测 · 你需要了解的局限

购买 Frames 前必须了解的事

Frames 是强大的 tool 但存在 dependency + 限制 — 我们如实写出局限,帮你做出正确决定

1. 需先有 ACSS license

Frames 基于 Automatic.css framework 工作 — 没有 ACSS,Frames 无法使用。Southern Whale 单独提供 ACSS license 1,000 泰铢 — 两者合计需 2,000 泰铢

2. 仅限 Bricks Builder

主版 Frames 仅支持 Bricks Builder(另有 Etch 版本)— 使用 Elementor 或 Oxygen 不兼容

3. 不是 Elementor 式 Template Kit

Frames 是 'section library'(用于拼装页面),不是 Elementor template kit 那种 'full page template' — 需要自行 section by section 组装页面

4. 需理解 ACSS 基础变量

要将 Frames 调整到匹配品牌,需要会修改 ACSS variables(primary color、typography scale 等)— 没用过 ACSS 的人初期可能困惑

适合的场景

  • 以 Bricks Builder + ACSS 为主力技术栈的代理商
  • 希望加快交付的 Freelancer — 使用现成 section 拼装页面
  • 需要专业设计的 corporate / SaaS landing page
  • 需要 accessibility 合规(WCAG)的网站
  • 需要在所有项目中保持设计一致性的团队
  • 希望快速获得 premium 品质网站的客户

不适合的场景

  • 未使用 Bricks Builder — Frames 仅限 Bricks
  • 不想额外购买 ACSS(必需)
  • 需要现成 full-page template — Frames 是 section,需自行组装
  • 做有独特设计的个人网站 — Frames 过于多余

价格 · 终身版

一次性 1,000 泰铢 · 终身使用

Frames for Bricks Lifetime
1,000 泰铢
/ 终身使用 · 100 网站
原价
14,000+ 泰铢
节省约 93%
  • 正版 Frames Lifetime License — 通过官方服务器激活
  • 300+ section templates 全部分类齐全 — hero、pricing、CTA 等
  • 可用 100 个网站 + 终身自动更新
  • 团队提供 install + activate license + setup Frames manager
  • 激活后 7 天技术支持 + 中文版入门指南
通过 LINE 订购

PromptPay / 银行转账 · 可开具发票

激活流程

24 小时激活流程

1

通过 LINE 联系并提交信息

提交:网站 URL + WordPress Admin 的 Username/Password + 告知是否已安装 ACSS + Bricks(Frames 需要两者)

2

确认价格 + 完成付款

团队检查网站并确认 1,000 泰铢(或包含 ACSS 合计 2,000)· 客户通过 PromptPay 或银行账户转账

3

Install + Activate

Southern Whale 团队 install Frames plugin · 激活终身 license · 演示如何将 Frame insert 到 Bricks page(耗时 15-20 分钟)

4

交付 + 使用指导

通知客户激活完成 · 建议立即修改 WP-Admin 密码 · 提供中文版指南 + Frames demo gallery + Kevin Geary YouTube 链接

重要说明:Frames 必须搭配 ACSS + Bricks Builder · 若尚无 ACSS,详见 /cn/plugins/automatic-css/ · 若尚无 Bricks,详见 /cn/plugins/bricks-builder/

FAQ

常见问题

Frames for Bricks 是什么? +
Frames 是 Bricks Builder 的 section/component library,提供 300+ 现成 section — hero、testimonial、pricing、FAQ、CTA、footer 等。每个 section 都基于 ACSS framework 构建,accessible、BEM-organized。由 Kevin Geary(Automatic.css 同作者)创建 — 通过 drag-and-drop 形式放入 Bricks Builder 后调整匹配品牌
1,000 泰铢终身版包含哪些? +
包含:(1) Frames for Bricks 终身 License,可用于 100 个网站,(2) 全部 300+ section templates 的访问权,(3) 团队提供首次安装 + 激活 License + 配置 Frames manager,(4) 终身自动更新 + 新功能 — 无任何年费,(5) 激活后 7 天技术支持。不包含:ACSS license(需另购 1,000 泰铢)、Bricks Builder license
终身版真的可以一辈子使用吗? +
是的 — Frames 官方销售的就是 Lifetime License,一次付款即可终身获得 update + 新 Frame。getframes.io 终身版原价约 399 美元(约 14,000 泰铢)— Southern Whale 仅需 1,000 泰铢,节省约 93%
为什么还要另购 ACSS? +
Frames 基于 ACSS variables + classes 工作 — 若没有 ACSS,拖入的 Frame 会显示异常(因为使用了不存在的 class)。这是 Kevin Geary 的设计决策 — 为了让每个 section 一致并支持未来的 ACSS update。Southern Whale 推荐 ACSS + Frames 组合购买,合计 2,000 泰铢
可以用于 Elementor 或 Oxygen 吗? +
不行 — 主版 Frames 仅限 Bricks Builder。(另有 Etch 版本,因为 Kevin Geary 自研了 builder)。如使用 Elementor,推荐 Templately 或 Envato Templates
与 Bricksforge 有何不同? +
Bricksforge 为 Bricks 添加新 element + 功能(animation、form、popup 等)— 是 builder 的 'power-up'。Frames 添加 pre-built section 内容 — 是 'design asset'。两者可以一起使用且不冲突。Bricksforge = 功能增强,Frames = 现成 section
可以退款吗? +
激活后前 7 天内,若出现我们无法解决的技术问题,可获得 100% 退款。如果是偏好问题(不喜欢 Kevin Geary 的设计风格)则不退款,因为终身 license 已绑定到 domain — 建议先在 getframes.io 查看 Frames demo 后再决定

准备好用 Frames 加快交付了吗?

立即通过 LINE 联系我们 · 24 小时内完成 Frames Lifetime 激活