Bricks主题?
学完这篇,你能搞清楚 Bricks 到底是个什么东西、和 WordPress 里那些免费主题有什么区别,并且从零走完「下载 → 安装 → 激活许可证 → 配好全局样式 → 做出第一个页面」的全流程。下面以 Bricks 1.11 的界面为例,1.9 之后的版本菜单位置基本一致。
第一步:先搞清楚 Bricks 是主题还是插件
这一步是认知准备,避免你装完了却找不到「主题设置」而慌。
Bricks 的定位是「主题 + 可视化构建器」二合一:它本身就是一个 WordPress 主题,装上并启用后,页面编辑不再走古腾堡区块编辑器,而是进入 Bricks 自己的画布界面拖元素。所以它跟 Astra、GeneratePress 这类「皮肤型主题」不是一回事——你不需要再额外装 Elementor。
它没有免费版,必须去官网买授权,拿到的安装包是一个 zip 文件。同时它不能和 Elementor、Divi 在同一页面上混用,混用大概率出现样式错乱。
注意:Bricks 官方不提供免费试用版。网上那些「Bricks 破解版」通常被植入后门,别装。
第二步:安装并启用 Bricks 主题
这一步要做什么:把主题包传上服务器并启用,做完后后台左侧会多出一个「Bricks」菜单。
进 WordPress 后台,走「外观 → 主题 → 安装主题 → 上传主题 → 选择文件」,选中你下载的 bricks.zip,点「现在安装」,装完点「启用」。
服务器环境要求:PHP 8.0 以上(推荐 8.2)、WordPress 6.0 以上、memory_limit 至少 256M。
注意:如果报「无法安装这个包。主题缺少 style.css 样式表」,几乎都是因为你把 zip 解压后又重新压缩了一遍,导致 zip 里多套了一层文件夹。直接用官网下载的原始 zip 上传即可。
第三步:填许可证,打开自动更新
这一步让主题能收到更新推送,不做的话你会一直停在旧版本。
进后台左侧「Bricks → 设置 → 许可证」,把官网账户里的 License Key 粘进去,点「激活许可证」。激活成功后,同一个页面的「常规」标签里会出现自动更新相关的开关;建议保持开启主题更新,但别勾选「自动更新插件」。
注意:许可证是按站点数算的。本地测试站和生产站都激活,会各占用一个名额,先在官网后台把不用的旧站点解绑。
第四步:配置全局样式和断点
这一步定义全站的颜色、字体、间距,做完后后面所有页面都能直接复用,不用一页页改。
进「Bricks → 设置 → 主题样式」,在这里设置主色/辅色、正文与标题字体(支持 Google Fonts 和本地上传字体)、全局间距。接着打开「Bricks → 设置 → 断点」,确认默认四档是否够用:Desktop、Tablet(991px)、Mobile Landscape(767px)、Mobile Portrait(478px)。需要适配平板竖屏就再加一档。
第五步:做出第一个页面
这一步验证整条链路是否通,做完你会看到一个用 Bricks 排出来的页面。
新建一个页面,标题随便写,然后点右上角的「使用 Bricks 编辑」(Edit with Bricks),进入构建器。界面分三块:中间是画布,顶部工具栏最右边那个「+」是加元素,左侧是结构面板(Structure),能看到当前页面的元素层级。
先在画布上的 Section 里拖一个 Heading 元素,双击文字直接改内容;选中元素后左侧面板会出现「内容 / 样式 / 元素」三个标签,排版调整全在这里。改完点顶部的「保存」按钮。
注意:Bricks 会生成 CSS 文件。如果你装了缓存插件,改完样式没生效,去「Bricks → 设置 → 性能」点「重新生成 CSS 文件」,再清一遍缓存插件的缓存。
第六步:用模板做页眉页脚
这一步把页眉页脚从「每页重复画」变成「全站统一控制」。
进「Bricks → 模板 → 添加新模板」,模板类型选 Header(页脚选 Footer),进入构建器排好版,然后在「设置 → 条件」里添加条件,通常选「Entire site」让全站生效;只想让首页用不同页眉,就加条件选「Front page」。
注意:改代码前先装官方子主题(官网账户里可下载
bricks-child.zip),直接在 Bricks 主题里写自定义 PHP,主题一更新你的改动全丢。
小结
- Bricks 是付费的「主题 + 构建器」二合一,不装 Elementor,也不能和它混用。
- 安装就是普通的「外观 → 主题 → 上传主题」,报缺少 style.css 基本是压缩包层级问题。
- 激活许可证后才能正常更新,站点名额在官网后台管理。
- 先配「主题样式」和「断点」,再动手做页面,能省掉后面大量返工。
- 页眉页脚用「Bricks → 模板 + 条件」控制,代码改动一律放子主题。
原文链接:https://www.gj0.com/thread-186.html
转载请注明出处并保留本声明;内容仅代表作者观点,与本站立场无关。若本文涉嫌侵权,请联系本站处理。