Elementor + CPT UI：轻松创建属于你的网站自定义文章类型！

在 WordPress 的世界里，默认的“文章”和“页面”类型并不能满足所有网站的内容需求。
如果你正在使用 Elementor 搭建网站，想为不同类型的内容（比如“案例展示”、“产品目录”、“解决方案”、“团队成员”等）创建独立的内容模块，那么 CPT UI（Custom Post Type UI） 插件就是你的最佳帮手！

本文将带你一步步了解如何使用 CPT UI 创建自定义文章类型（Custom Post Type, 简称 CPT），并在 Elementor 中灵活调用与设计这些内容。

一、什么是自定义文章类型（CPT）？

WordPress 默认有两种内容类型：

• Posts（文章）：用于博客内容。
• Pages（页面）：用于静态页面，如“关于我们”、“联系我们”等。

但对于一个复杂的网站来说，这远远不够。
例如，你可能希望创建：

• 一个 “产品” 内容类型，用于展示你的商品。
• 一个 “案例” 内容类型，用于展示项目成果。
• 一个 “团队成员” 类型，用于展示公司员工。

这就是 自定义文章类型（CPT） 的用途——
它让你自由定义新的内容结构，组织网站信息更加清晰、专业。

二、为什么选择 CPT UI + Elementor 搭配？

CPT UI 是 WordPress 中最流行、最易用的自定义文章类型管理插件。
它无需编写代码，只需几次点击，就能创建出新的文章类型与自定义分类法（Taxonomy）。

而 Elementor 则负责“可视化展示”部分，让你用拖拽的方式自由设计这些内容的布局。
两者结合，堪称 内容结构 + 页面设计的完美组合。

✅ 优点总结：

• 无需写代码；
• 界面直观；
• 支持自定义分类（如“产品分类”、“项目类型”）；
• 完全兼容 Elementor；
• 可配合 ACF 或 Pods 添加更多字段。

三、如何使用 CPT UI 创建自定义文章类型

步骤 1：安装并启用 CPT UI 插件

在后台进入：
插件 → 安装插件 → 搜索 “Custom Post Type UI” → 安装并启用

步骤 2：创建新的自定义文章类型

打开左侧菜单 CPT UI → 添加/编辑文章类型

填写关键字段：

• Post Type Slug（文章类型别名）：例如 products
• Plural Label（复数名称）：例如 “Products”
• Singular Label（单数名称）：例如 “Product”

然后可以配置一些选项：

• 是否支持特色图片（Featured Image）
• 是否支持自定义分类
• 是否显示在后台菜单中
• 是否公开（public）

✅ 提示：如果你希望后续用 Elementor 设计模板，一定要勾选 “具有存档页面”（Has Archive）。

点击 保存文章类型 即可。

四、创建自定义分类（Taxonomy）

在同一个菜单下，选择 “添加/编辑分类法”，例如创建一个 product-category 分类法，用于为产品分组。
你可以设置：

• 是否为层级结构（类似分类 vs 标签）
• 是否绑定到刚刚创建的文章类型（如“products”）

保存后，你的自定义文章类型就拥有了类似“文章分类”的功能！

五、在 Elementor 中调用自定义文章类型

现在回到 Elementor：

1. 新建一个 模板 → 选择 “存档（Archive）” 或 “单篇（Single）” 模板。
2. 在模板设置中选择刚才创建的文章类型（如 products）。
3. 使用 Elementor 的 动态标签（Dynamic Tags） 调用内容，例如标题、特色图片、分类名称、自定义字段等。
4. 设计完成后保存模板，访问前端，你就能看到美观的自定义内容布局！

如果你使用的是 Elementor Pro，可以通过 Theme Builder（主题构建器） 功能，为每种自定义类型设置不同的模板。

六、进阶玩法：结合 ACF 打造更丰富的内容结构

如果你希望自定义文章类型拥有更多字段（例如“价格”、“型号”、“客户名称”、“完成日期”），可以搭配使用 ACF（Advanced Custom Fields） 插件。
它能让你的每个产品或案例页面更加结构化，并通过 Elementor 动态标签进行可视化输出。

示例：

产品名称：{{ Post Title }}
价格：{{ ACF 字段 “price” }}
产品图片：{{ Featured Image }}

七、SEO 优化建议

• 在 CPT UI 中启用 公开查询（publicly_queryable），确保搜索引擎能索引这些内容；
• 为每种自定义文章类型设置独立的 Slug（如 /products/、/cases/）；
• 使用 Yoast SEO 或 Rank Math 等插件为每个 CPT 定义 自定义标题和描述模板；
• 使用网站地图插件（如 Google XML Sitemap Generator）确保新类型被自动包含。

八、总结

通过 CPT UI + Elementor 的组合，你可以轻松打造一个模块化、结构清晰、视觉出色的 WordPress 网站，无论是企业官网、作品集网站还是产品展示平台，都能轻松驾驭！