Bricks 主题集成了一个更快、更可定制和更高效的工具，用于可视化设计整个WordPress站点。它颠覆了 WordPress 主题的传统模式，Bricks 安装后默认未预制任何布局，而是交给用户像搭积木一样完全自定义，大家设计出来的网站不再千篇一律。
编辑器演示
Bricks 主题简介
Bricks 主题推行的是一个全新的理念，按传统的认知而言与其说它是一款主题，不如说它是一款功能强大的可视化编辑器插件。
但它相较于 Elementor 或是 WPBakery Page Builder 之类的插件而言速度实在是无比快速。不论是生成的前端页面，还是后台的编辑器，性能体验都非常出色。
直观地创建整个网站
和其它页面编辑器一样，可以方便的编辑从页眉到页脚，以及介于两者之间的任何内容。在构建器中自定义网站的每一个角落…很快就会忘记正在使用 WordPress
不仅可以设计视觉界面，还可以方便的插入动态数据。同时很多的智能功能可帮助在更短的时间内构建更好的网站。
主题样式
通过主题样式在整个站点中很方便创建和维护一致的设计系统。所有这些都是可视化的，实时的。可为布局、颜色、链接、排版和所有元素自定义样式。
还能根据需要创建多种主题样式，然后在网站上设置条件以显示某些样式。
兼容古腾堡
可以将 Gutenberg 数据转换为 Bricks 数据，反之亦然。允许继续在 Bricks 中编辑古腾堡页面，反之亦然。无锁定效果！
视频无处不在
嵌入来自 YouTube、Vimeo、WordPress媒体库或任何外部 URL 的视频。将背景视频添加到部分、行和列。还可在可自定义的灯箱中打开视频，配置自己的、完全可定制的视频播放器。
内置搜索引擎和社交媒体设置
在构建器中可以为任何页面调整各种与 SEO 相关的设置。包括永久链接、网站标题、元描述、关键字和其它与SEO有关的设置。
还可以通过定义标题、描述和图像来完全控制页面在社交媒体上共享时的显示方式。
Bricks 主题 v1.6.1 更新日志
CSS 网格布局
Woocommerce：AJAX“添加到购物车”按钮（单个产品）
DD标签：{woo_product_stock_status}（对元素条件有用）
DD 标签 {woo_product_stock} 支持‘value’过滤器
页面设置 > SEO：“文档标题”设置
设置：Style > Layout > Flex 下的“Direction”（对于非布局元素）
搜索元素：添加覆盖“标题标签”设置
搜索元素：将“for”属性添加到表单标签（a11y）
视频元素：iframe“标题”设置
删除背景颜色：从“a”透明（normalizeCSS）改进
WooCommerce：相关产品 CSS 断点问题
WooCommerce：缺少订单收据模板 woocommerce_receipt_ 操作挂钩
整个网站上的身体标签上的 WooCommerce 类
WooCommerce：产品元素在图像链接上有错误的 aria-label
粘性标头：背景颜色过渡缺少 .brxe-block 选择器
叠加/渐变：#id > * 的特异性问题
弹出窗口和交互：JS 控制台错误
弹出窗口 A 合并/添加到弹出窗口 B 等。
分页循环中缺少弹出样式
帖子元素：构建器中的初始加载不正确的样式
帖子元素：画布上为空的砌体布局
视频元素：未呈现 Vimeo URL 的动态数据
视频元素：查询循环中未生成叠加图像样式（前端）
图片库：标题位置
图标 SVG 在所有子项上继承 CSS 属性导致未知边框
图标框元素：未使用主题样式“图标对齐”（外部文件）
地图元素：如果 jQuery 未在当前页面上使用，则关闭大图像
自定义 CSS：插入元素的“根”选择器被原始元素的 ID 覆盖
Nestable Slider：选择类型“淡入淡出”，只有第一张幻灯片可见
Sticky Header .slide-up 导致内容向上跳
Bricks 主题 v1.6.0 更新日志
在特定图像上禁用 Bricks 延迟加载（通过 loading=eager HTML 属性）
按钮元素：解析“外部 URL”（组合链接）中的动态数据标签
视频元素：支持组合URL（文本+动态数据）
支持评论分页
WooCommerce 添加到购物车：为可变产品添加“清除”选项
搜索引擎优化：将“标题”标签添加到图像（如果自定义标题是通过媒体库添加的）
图片库元素：通过“data-id”属性添加附件 ID
过滤器：bricks/registered_post_types_args（允许用户在构建器中显示非公开 CPT）
动态数据过滤器“:raw”跳过解析标签
样式设置：“光标”（在样式>布局>杂项下）
社交分享元素：单独设置图标、背景和颜色
跳过 HTML 属性设置为 loading=eager 的延迟加载背景图片
主题样式：为所有布局元素提供“column-gap”和“row-gap”控件
进度条元素：将动态数据选择器添加到“百分比”设置
Builder：自动扩展包含 CSS 函数的数字输入
代码元素：“无包装渲染”设置
动态数据过滤器：url（例如 ACF 字段类型“文件”以输出纯 URL）
转换器选项：进入动画到交互
功能：为单个用户设置“无访问权限”，并为 SVG 上传和代码执行设置下拉菜单
主题风格：为按钮大小“默认”提供“填充”设置
在构建器中转换网络安全的 CSS var 颜色（例如“红色”等）
发布内容元素：当 WordPress 内容为空时不呈现
帖子元素：将同位素过滤器排版应用于“ul”而不是“li”
发布社交分享元素：由于 XML 标记导致的验证错误
更新：swiperJS 从 8.0.6 到 8.4.4
更新：splideJS 从 4.0.7 到 4.1.4
画布：如果活动元素不可见，则隐藏元素操作按钮（显示：无）
帖子内容元素：删除 Bricks 默认的“ol”和“ul”样式
Bricks 设置：禁用自动完成（例如远程模板 URL + 密码字段）
TranslatePress：图像翻译（原因：延迟加载）和构建语言
查询循环：在移动断点上使用元素 ID 代替自定义 CSS 中的类
全局类上的叠加/渐变不会为位置添加 .has-overlay：相对
导航菜单元素：必需的图标设置在移动优先上不可用
主题样式：悬停样式始终显示在画布上
生成器：较低断点的值显示为较高断点的占位符
内部容器设置：占位符显示来自父容器的值
动画类在运行后不会被删除（在生成器中）
基本文本：导致换行
模板元素：注意：未定义索引（templates.php 第 258 行）
导航菜单：溢出问题
移动优先：删除的伪类在没有选择器的 CSS 中留下值
Windows：“在活动元素之后插入元素”快捷方式不起作用
.brx-header-Left 类名拼写错误
空购物车模板：购物车清空后不显示
可嵌套滑块：即使“显示箭头”关闭，也会显示自定义箭头
RTL：构建器工具提示位置
WooCommerce 产品价格：缺少样式
滑块：交换内容对齐图标
延迟加载导致 {featured_image} 404
标题元素：分隔符对齐图标错误的轴
Shape Divider：移动设备上的三角形凹面分割/缝隙
生成器：删除最后一个形状分隔符，不能正确清除设置
“将砖块数据转换为古腾堡块”设置不起作用
SEO 页面设置：标题和永久链接未更新
“警告：未定义的数组键”（assets.php 第 2214 行）
生成器：移动断点上未显示汉堡包切换
自定义标签“table”使用 display:flex 而不是“table”
分页元素：如果查询设置为 Posts 元素查询，则 AJAX 不起作用
形状分隔线：链接图标元素使用位置：相对于形状分隔线
右/左标题：未在画布上设置自定义宽度
轮播：断点上的“要滚动的项目”会跳过其他断点上的幻灯片
图像元素：覆盖与标题冲突
滑块元素：应用默认的最小高度：50vh 到 .swiper-slide 而不是根
交互：动画延迟不起作用/内容加载延迟不允许小数
不使用设置大小的动态背景图像（前端）
元素条件：ACF 真/假问题
删除了动态数据标签“woo_product_excerpt”格式
添加到查询循环内的购物车元素重定向到单个产品页面
启用 zlib 压缩的导出模板为空
产品元素：选中“特价”显示所有产品
代码元素：构建器中的 CSS 在启用代码执行的情况下不正确
查询循环：如果 ACF Repeater 字段嵌套在 ACF 关系循环中，则上下文错误
帖子元素：通过构建器内的模板元素加载时出错
弹出触发器“鼠标离开窗口”在 Firefox/Safari 中不起作用
Learndash：面包屑添加到 Bricks 元素（使用 the_content 过滤器）
动态数据：“featured_image”显示填充内容中的特色图片（如果当前页面不存在特色图片）
Bricks 主题使用帮助：https://academy.bricksbuilder.io/
