动态内容与 ACF 自定义字段（完整图文步骤）-WP独立站学院

生成摘要

AI 生成，仅供参考

一、动态内容是什么

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

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

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

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

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

动态标签的分类清单：Post、Site、Author、WooCommerce、ACF……

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

🧩 2.1 方式一：动态小部件

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

主题元素（Theme Elements）：Post Title、Post Content 等专用部件

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

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

拖一个普通 标题（Heading） 小部件。
点「标题」输入框右侧的动态标签图标。
下拉列表分类列出所有可用数据源：Post、Site、Author、Comments、ACF……
选择 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 安装与创建字段组

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

插件市场搜索 Advanced Custom Fields：安装「高级自定义字段（ACF）」
2. 左侧菜单出现 ACF，进入 Field Groups → Add New。
3. 字段组起名，如「产品参数」。

⚙️ 3.2 添加字段

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

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

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

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

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

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

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

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

四、在 Elementor 里调用 ACF 字段

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

🔗 4.1 基本调用

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

按钮的链接挂上 ACF Field（资料下载）动态标签
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，只干这一件事，轻量场景够用。