动态内容与 ACF 自定义字段（完整图文步骤）

一、动态内容是什么

如果你做过文章模板，其实已经接触过动态内容了——文章模板里的 Post Title、Featured Image 都是。现在把它讲透 🎯。

静态内容：写死在页面上的文字图片。换一篇文章，它还是它。
动态内容：一个「占位符」，显示时自动去数据库读取当前上下文的数据。换一篇文章，它自动变成那篇文章的内容。

举个例子：模板里放【动态：文章标题】，访客看文章 A 时显示「如何选择工业传感器」，看文章 B 时就自动变成「2026 出海营销趋势」——模板没动，内容随文章走。

动态内容的来源主要有五类：

• WordPress 默认字段：标题、正文、日期、作者、特色图、分类
• 自定义字段：ACF / Meta Box / Pods 创建的字段
• WooCommerce 数据：价格、库存、SKU
• 站点信息：站点标题、Logo
• 用户信息：当前登录用户名

---

二、使用动态内容的两种方式

🧩 2.1 方式一：动态小部件

Theme Builder 模板里的「Theme Elements」——Post Title、Post Content、Product Price 这类专用部件，拖进来就自动绑好数据源，在文章/产品模板里最常用。

🔗 2.2 方式二：普通小部件 + 动态标签

几乎所有小部件的内容字段旁边都有一个圆柱体图标（动态标签） 🔍：

1. 拖一个普通 标题（Heading） 小部件。
2. 点「标题」输入框右侧的动态标签图标。
3. 下拉列表分类列出所有可用数据源：Post、Site、Author、Comments、ACF……
4. 选择 Post Title——这个普通标题就变成了动态标题。

图片、按钮链接、视频地址同理：图片字段选 Featured Image，按钮链接选 Post URL，视频源选 ACF Field。

⚠️ 三条使用纪律：
1. 上下文要对：在普通「关于我们」页面里用 Post Title，读到的是这个页面自己的标题——不是错，但多半不是你要的。动态标签的正确战场是 Theme Builder 模板和 Loop 模板。
2. 类型要匹配：图片字段只能选图片类动态标签（Featured Image、ACF 图片字段），文字字段选文字类。选错类型会直接空白。
3. 预览有依据：模板编辑器里显示的是某篇真实内容的数据，别被「预览里怎么是这篇文章」迷惑——它只是在演示。

---

三、ACF：给内容加上自定义字段

WordPress 默认只有标题、正文、特色图。想给产品加「型号」「参数表」「视频链接」，给文章加「副标题」「资料下载」，就要用 ACF（Advanced Custom Fields） 创建自定义字段 🔧。

📦 3.1 安装与创建字段组

1. 后台 插件 → 安装插件，搜索 Advanced Custom Fields，安装启用（免费版够用）。

2. 左侧菜单出现 ACF，进入 Field Groups → Add New。
3. 字段组起名，如「产品参数」。

⚙️ 3.2 添加字段

以给文章加「资料下载链接」为例：

1. 点「Add Field」，填写：
2. Field Label：资料下载
3. Field Name：download_url（自动生成，记住这个 name，调用时要用）
4. Field Type：Url
5. 再加一个：规格型号 / model / Text。
6. 往下找到 Location Rules（显示位置）：设置 Post Type is equal to Post（或你的产品类型）——决定这些字段出现在哪种内容的编辑页。
7. 点「Publish」。

✅ 现在去编辑任意文章，编辑页下方会多出「资料下载」「规格型号」两个输入框。

💡 常用字段类型速查：文本 Text、长文本 Textarea、富文本 WYSIWYG、数字 Number、图片 Image、文件 File、链接 Url、开关 True/False、下拉 Select、日期 Date Picker、画廊 Gallery、关联 Relationship。按需选最贴切的，类型选对了，Elementor 调用时才能正确识别。

🗂️ 3.3 进阶：自定义文章类型

如果你的「产品」不该混在博客里，可以用 ACF 免费版直接创建自定义文章类型（Post Type）：

1. ACF → Post Types → Add New：建一个 Products 类型，开启 Archive（自动生成 /products/ 列表页）。
2. ACF → Taxonomies：建 Product Category 分类法挂到 Products 上。
3. 字段组的 Location 设为 Post Type is equal to Products。

这套「ACF 建类型 + Elementor 做模板」的组合，能在不装 WooCommerce 的情况下搭出轻量的产品展示系统——适合纯展示、不在线交易的企业站。

---

四、在 Elementor 里调用 ACF 字段

字段有了，把它接到模板上 🔌。

🔗 4.1 基本调用

1. 打开你的 Single Post 模板（Theme Builder）。
2. 拖一个 按钮小部件 到正文下方。
3. 按钮文字写 下载产品资料。
4. 点 Link 右侧的动态标签图标 → 选 ACF Field。
5. 再点一下链接框里的 ACF Field，打开设置：Key 里选择 download_url。

6. 更新模板。

效果：凡是填了「资料下载」字段的文章，详情页自动出现可点的下载按钮；没填的文章按钮链接为空（可配合显示条件隐藏，见 4.3）。

🖼️ 4.2 不同类型的调用示例

• Text（型号）：标题/文本部件 → 动态标签选 ACF Field，Key 选 model
• Image（视频封面）：图像部件 → 图片动态标签选 ACF Field
• Url（视频地址）：视频部件 → 视频源动态标签选 ACF Field
• True/False：配合显示条件控制区块出现（见 4.3）

👁️ 4.3 按字段值控制显示

需求：「资料下载」没填的文章，不要显示下载按钮区域。

• 模板级：Theme Builder 模板的显示条件按文章类型、分类、登录状态分流（发布时设置）。
• 部件级：Elementor Pro 原生有部件级显示条件（Display Conditions），但条件项是页面上下文（作者、日期、登录状态等），不能按 ACF 字段值判断。「字段为空就隐藏」这种需求需要扩展插件：Dynamic Content for Elementor（Dynamic.ooo），选中部件 → Dynamic Visibility → 设条件 ACF Field download_url is not empty；它家还有个免费的单功能插件 Dynamic Visibility for Elementor，只干这一件事，轻量场景够用。

---

五、实战：产品详情页加参数区

目标：给产品文章加一个「型号 + 资料下载」参数区 🎯。

🔧 5.1 建字段

按本文 3.2 建好 model 和 download_url 两个字段，应用到 Post。

✍️ 5.2 填数据

编辑 2–3 篇文章，在编辑页下方填入型号和下载链接。

🎨 5.3 改模板

1. 打开 Single Post 模板。
2. 在 Post Content 下方加一个容器：背景浅灰、Padding 30px、圆角 8px。
3. 容器里放：
4. 标题小部件 → 动态标签 → ACF Field → model，Before 设 型号：（动态标签的 Advanced 里可以设前后缀文字）
5. 按钮小部件 → 链接动态标签 → ACF Field → download_url
6. 更新模板。

✅ 5.4 验证

• 填了字段的文章：参数区正常显示，按钮可点。

– 没填字段的文章：显示「型号：」空着——要么给所有文章补齐数据，要么按 4.3 隐藏。

---

六、常见问题排查

⛔ 6.1 动态标签下拉里找不到 ACF Field

• ACF 插件没启用，或字段组没发布。
• Elementor Pro 没激活——动态标签是 Pro 功能。
• 字段组的 Location Rules 没包含当前模板对应的内容类型。

⛔ 6.2 字段填了但前端空白

• Key 选错：ACF Field 设置里的 Key 必须对应字段的 Field Name（download_url），不是 Label。

– 类型不匹配：Url 字段接到了文本部件上，或图片字段接到了按钮链接上。
– 预览上下文不对：模板预览用的那篇文章恰好没填字段——换一篇填了的文章看，或在模板设置里换 Preview 对象。

⛔ 6.3 文章编辑页看不到自定义字段输入框

• Location Rules 设错了内容类型。
• 编辑页下方的「显示选项（Screen Options）」里字段组被取消了勾选。

⛔ 6.4 迁移站点后字段数据丢失

• ACF 字段定义存在数据库里，整站迁移（含数据库）不会丢。
• 只导入了内容没导字段组：用 ACF 自带的导出/导入（JSON）同步字段定义。

⛔ 6.5 动态内容影响 SEO 吗

正常渲染的动态内容（服务器端输出 HTML）对 SEO 完全友好，搜索引擎看到的就是最终文字。需要担心 SEO 的是用 JS 异步加载内容的插件，Elementor 的动态标签不在此列。