🆕 Bricks 2.4 已发布:查询循环性能提升 40%,迁移教程同步更新 →
~/brickswiki $ grep -r "css" ./guides/

「css」

共 10 篇相关教程

tutorial

Bricks 全局类完全指南:Global CSS Classes、Class Manager 与导入管理器

教程:系统讲解 Bricks 的全局类体系——在元素面板上创建与分配 Global CSS Classes、用 Global Class Manager 管理分类/锁定/导入导出,以及 Bricks 1.12 引入的全局类导入管理器如何解决导入冲突,配合真实代码示例与最佳实践。

Ray ChanRay Chan·2026 / 08 / 18·约 4 分读
tutorial

HTML/CSS 转 Bricks:把现成代码直接粘贴成原生元素

教程:HTML/CSS 转 Bricks——把网页库或 AI 生成的 HTML/CSS 直接粘贴进构建器,自动生成原生元素、全局类与全局变量,适合外贸独立站与 WordPress 开发者。

Ray ChanRay Chan·2026 / 08 / 18·约 3 分读
tutorial

Bricks 元素 Style 设置详解——背景、排版、边框、间距一站调

教程:Bricks 元素的 Style 选项卡里每一项(背景 / 排版 / 边框 / 间距 / 阴影 / 变换)是干嘛的、怎么设?一篇讲清。

Ray ChanRay Chan·2026 / 08 / 15·约 3 分读
tips

Bricks 内容切换器:纯 CSS 方案(radio + :has 实现标签切换)

实战技巧:Bricks 内容切换器:纯 CSS 方案(radio + :has 实现标签切换)——css 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。

Ray ChanRay Chan·2026 / 08 / 12·约 3 分读
tips

Bricks Accordion (Nestable) 图标旋转:展开/收起状态箭头切换

实战技巧:Bricks Accordion (Nestable) 图标旋转:展开/收起状态箭头切换——accordion 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。

Ray ChanRay Chan·2026 / 08 / 12·约 3 分读
tutorial

Bricks 编辑器界面微调合集(自定义 CSS)

教程:Bricks 编辑器界面微调合集(自定义 CSS)——css 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。

Ray ChanRay Chan·2026 / 08 / 12·约 3 分读
tips

Bricks Masonry 手风琴:Accordion(Nestable)里的瀑布流查询循环

实战技巧:Bricks Masonry 手风琴:Accordion(Nestable)里的瀑布流查询循环——query loop 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。

Ray ChanRay Chan·2026 / 08 / 12·约 3 分读
tips

Bricks 吸顶元素:用 position: sticky 让任意元素滚动吸顶

实战技巧:Bricks 吸顶元素:用 position: sticky 让任意元素滚动吸顶——css 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。

Ray ChanRay Chan·2026 / 08 / 12·约 3 分读
tutorial

Bricks 用 ACF Checkbox 字段渲染自定义 SVG 图标列表

教程:Bricks 用 ACF Checkbox 字段渲染自定义 SVG 图标列表——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。

Ray ChanRay Chan·2026 / 08 / 11·约 3 分读
tutorial

Bricks 让 WooCommerce 数量输入框与加入购物车按钮并排

教程:Bricks 让 WooCommerce 数量输入框与加入购物车按钮并排——woocommerce 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。

Ray ChanRay Chan·2026 / 08 / 11·约 3 分读