「wordpress」
共 58 篇相关教程
如何在 Bricks Builder 中使用 ACF（Advanced Custom Fields）
教程：ACF 负责存结构化数据，Bricks 负责用动态数据把它漂亮地展示出来。讲清怎样在 Bricks 里调用 ACF 字段。
Ray Chan·2026 / 08 / 20·约 3 分读如何在古腾堡编辑器中设置图片点击放大
教程：用古腾堡自带的灯箱能力，让访客在文章里点图片后弹层放大查看，无需装插件，阅读体验更顺。
Ray Chan·2026 / 08 / 20·约 3 分读Post SMTP 插件配置 Gmail 邮箱转发网站消息
教程：网站询盘/通知邮件常发不出，用 Post SMTP 走 Gmail 代发稳定可靠。讲应用专用密码、SMTP 参数与测试验证。
Ray Chan·2026 / 08 / 20·约 3 分读Bricks 无障碍指南：让网站对所有人都可用
教程：Bricks 无障碍指南（Accessibility）——语义化 HTML、ARIA 地标、图片替代文本、键盘导航、焦点样式与菜单键盘操作，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 18·约 3 分读Bricks CSS Grid 布局完全指南：grid-template 与可视化栅格构建器（Visual Grid Builder）
教程：从 Bricks 1.6.1 起，任意布局元素都能用 CSS Grid 做二维布局。本文讲清 Grid Container / Grid Item、grid-template-columns/rows、fr 单位、implicit grid、minmax、auto-fill/auto-fit、repeat，以及 Visual Grid Builder 的可视化拖拽、断点与查询循环支持。
Ray Chan·2026 / 08 / 18·约 5 分读Bricks 自定义元素开发入门：扩展 Element 类，写一个自己的元素
教程：Bricks 自定义元素开发入门——扩展 Bricks Element 类创建自己的元素，含控件定义、前端渲染、注册加载与代码签名机制，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 18·约 3 分读Bricks 全局类完全指南：Global CSS Classes、Class Manager 与导入管理器
教程：系统讲解 Bricks 的全局类体系——在元素面板上创建与分配 Global CSS Classes、用 Global Class Manager 管理分类/锁定/导入导出，以及 Bricks 1.12 引入的全局类导入管理器如何解决导入冲突，配合真实代码示例与最佳实践。
Ray Chan·2026 / 08 / 18·约 4 分读HTML/CSS 转 Bricks：把现成代码直接粘贴成原生元素
教程：HTML/CSS 转 Bricks——把网页库或 AI 生成的 HTML/CSS 直接粘贴进构建器，自动生成原生元素、全局类与全局变量，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 18·约 3 分读Bricks Popup Builder 与 Interactions 交互实战：弹窗、触发器与 JavaScript 钩子
教程：Bricks 的 Popup Builder 把弹窗做成一类模板，配合 Interactions（Bricks 1.6 起）用触发器+动作+目标驱动前端交互。本文讲清弹窗模板、Popup 设置、开关生命周期、弹出限制、AJAX 弹窗，以及 Interactions 的触发器/动作/目标、浏览器存储、JavaScript 函数与自定义事件。
Ray Chan·2026 / 08 / 18·约 4 分读Bricks 主题样式与 Style Manager 实战：Theme Styles、变量、色彩与设计系统
教程：Bricks 的 Theme Styles 是站点级样式默认值，由条件决定在哪些页面生效、按样式层级被更具体的样式覆盖；Style Manager 则把主题样式、类、变量、色彩、排版/间距比例、Framework 与设置集中到一个面板。本文讲清两者的心智模型、条件解析、加载方式与最佳实践。
Ray Chan·2026 / 08 / 18·约 4 分读Bricks + WPML/Polylang 多语言站搭建指南
教程：Bricks + WPML/Polylang 多语言站搭建——覆盖两个插件的环境准备、翻译页面与模板、组件翻译、语言切换器与常见问题排查，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 18·约 3 分读把任意自定义 WP_Query 循环接入 Bricks 查询循环
教程：把任意自定义 WP_Query 循环接入 Bricks 查询循环——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 18·约 3 分读GSAP 在 Bricks 中的实战案例：一个时间轴串起六种动画
教程：GSAP 在 Bricks 中的实战案例：一个时间轴串起六种动画——gsap 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 18·约 3 分读Bricks 中入门 GSAP（用 data 属性在构建器里管理动画）
教程：Bricks 中入门 GSAP（用 data 属性在构建器里管理动画）——gsap 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 18·约 3 分读在 Bricks 中使用 IsotopeJS 创建筛选器（第四部分）：AJAX 筛选与无限循环、排序、列表视图与禁用动画
实战技巧：在 Bricks 中使用 IsotopeJS 创建筛选器（第四部分）：AJAX 筛选与无限循环、排序、列表视图与禁用动画——animation 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 18·约 3 分读在 Bricks 评论表单中移除姓名与网站字段
教程：在 Bricks 评论表单中移除姓名与网站字段，并保持邮箱为必填项，含完整 PHP 与 CSS 代码。
Ray Chan·2026 / 08 / 18·约 3 分读Bricks 内容切换器：纯 CSS 方案（radio + :has 实现标签切换）
实战技巧：Bricks 内容切换器：纯 CSS 方案（radio + :has 实现标签切换）——css 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读把任意自定义 WP_Query 循环接入 Bricks 查询循环
教程：把任意自定义 WP_Query 循环接入 Bricks 查询循环——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 编辑器界面微调合集（自定义 CSS）
教程：Bricks 编辑器界面微调合集（自定义 CSS）——css 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 建站从零到上线：完整实战指南（适配 Bricks 2.3.x）
教程：Bricks 建站从零到上线：完整实战指南（适配 Bricks 2.3.x）——建站教程 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Oxygen 用户迁移 Bricks 生存指南
教程：Oxygen 用户迁移 Bricks 生存指南——oxygen 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks vs Breakdance 2026：性能优先派的巅峰对决
对比评测：Bricks vs Breakdance 2026：性能优先派的巅峰对决——breakdance 横向实测帮你选型，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks vs Divi 2026：性能与控制力的对决
对比评测：Bricks vs Divi 2026：性能与控制力的对决——divi 横向实测帮你选型，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 中使用 Core Framework
教程：Bricks 中使用 Core Framework——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读WordPress 自定义图片字段头像
教程：WordPress 自定义图片字段头像——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 构建器自定义键盘快捷键：单键插入元素 + Alt+H 切换 :hover
教程：Bricks 构建器自定义键盘快捷键：单键插入元素 + Alt+H 切换 :hover——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 自定义 WooCommerce 账户中心：完整搭建教程
Bricks 自定义 WooCommerce 账户中心：完整搭建教程——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 区块草稿状态控制：一键把区块设为「草稿」不渲染
教程：Bricks 区块草稿状态控制：一键把区块设为「草稿」不渲染——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读GSAP 在 Bricks 中的实战案例：一个时间轴串起六种动画
教程：GSAP 在 Bricks 中的实战案例：一个时间轴串起六种动画——gsap 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读HappyFiles 文件夹图片的 Bricks 查询循环：三种取图方案
教程：HappyFiles 文件夹图片的 Bricks 查询循环：三种取图方案——happyfiles 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 查询循环布局切换开关
教程：Bricks 查询循环布局切换开关——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 自适应桌面导航栏（溢出自动收纳到 More）
教程：Bricks 自适应桌面导航栏（溢出自动收纳到 More）——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读如何将 Bricks 的 Ctrl/Cmd+Shift+V 快捷键改为前端预览
教程：如何将 Bricks 的 Ctrl/Cmd+Shift+V 快捷键改为前端预览——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读在 Bricks 中使用 IsotopeJS 创建筛选器（第四部分）：AJAX 筛选与无限循环、排序、列表视图与禁用动画
实战技巧：在 Bricks 中使用 IsotopeJS 创建筛选器（第四部分）：AJAX 筛选与无限循环、排序、列表视图与禁用动画——animation 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读从 Bricks 编辑器排除元素：bricks/builder/elements 过滤器详解
教程：从 Bricks 编辑器排除元素：bricks/builder/elements 过滤器详解——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读单次 AJAX 调用从 API 导入自定义文章：特色图 + 自定义字段
教程：单次 AJAX 调用从 API 导入自定义文章：特色图 + 自定义字段——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 中同步两个可嵌套轮播（主轮播 + 缩略图联动）
实战技巧：Bricks 中同步两个可嵌套轮播（主轮播 + 缩略图联动）——slider 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 中调用 API 入门（以 Chuck Norris 语录为例）
教程：Bricks 中调用 API 入门（以 Chuck Norris 语录为例）——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 中入门 GSAP（用 data 属性在构建器里管理动画）
教程：Bricks 中入门 GSAP（用 data 属性在构建器里管理动画）——gsap 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 构建器快捷键添加元素
教程：Bricks 构建器快捷键添加元素——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 手风琴（Nestable）：第一项桌面端展开、移动端收起
实战技巧：Bricks 手风琴（Nestable）：第一项桌面端展开、移动端收起——Bricks 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读用麦当劳点餐理解 JavaScript Promise（订单承诺类比）
教程：用麦当劳点餐理解 JavaScript Promise（订单承诺类比）——javascript 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读从 Elementor/Divi 迁移到 Bricks：完整分步指南
迁移指南：从 Elementor/Divi 迁移到 Bricks：完整分步指南——migration 老站平滑迁移不丢数据，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读把色板选择器移到颜色弹窗顶部
实战技巧：把色板选择器移到颜色弹窗顶部——Bricks 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读[笔记] JavaScript 模块（ES6 Modules）
教程：[笔记] JavaScript 模块（ES6 Modules）——javascript 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读用按钮 data 属性填充 BricksExtras 弹窗中的 WS Form 表单字段
实战技巧：用按钮 data 属性填充 BricksExtras 弹窗中的 WS Form 表单字段——form 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读在 Bricks 中查询以特定字母开头的文章
教程：在 Bricks 中查询以特定字母开头的文章——Bricks 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 页脚滑动露出效果（Sticky Footer Reveal）
实战技巧：Bricks 页脚滑动露出效果（Sticky Footer Reveal）——Bricks 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 查询循环输出 ACF 图片字段的 Alt、Caption、标题数据
教程：Bricks 查询循环输出 ACF 图片字段的 Alt、Caption、标题数据——acf 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 中输出 ACF Relationship 关联文章的数量
教程：Bricks 中输出 ACF Relationship 关联文章的数量——acf 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读ACF Relationship 字段 + Bricks 查询循环：显示关联文章
教程：ACF Relationship 字段 + Bricks 查询循环：显示关联文章——acf 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks Query Loop 高亮当前文章：给循环项加 data-current 属性
教程：Bricks Query Loop 高亮当前文章：给循环项加 data-current 属性——query loop 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks Query Loop：精选文章置顶且不重复（PHP 查询实现）
教程：Bricks Query Loop：精选文章置顶且不重复（PHP 查询实现）——query loop 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks Query Loop 按 Meta Box Group 的 Radio 子字段筛选文章
教程：Bricks Query Loop 按 Meta Box Group 的 Radio 子字段筛选文章——query loop 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks Query Loop 加载更多（Load More）按钮教程
Bricks Query Loop 加载更多（Load More）按钮教程——query loop 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks Query Loop 只输出自定义字段里指定的文章 ID
教程：Bricks Query Loop 只输出自定义字段里指定的文章 ID——query loop 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks Templates Query Loop：在查询循环里显示模板截图
教程：Bricks Templates Query Loop：在查询循环里显示模板截图——query loop 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks Terms 查询预过滤：只输出未来年份（bricks/terms/query_vars）
教程：Bricks Terms 查询预过滤：只输出未来年份（bricks/terms/query_vars）——terms query 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读