产品发布与详情页设置

本教程介绍如何发布产品，以及产品详情页中各个内容区域的设置来源。

本主题使用 WordPress 原生文章系统管理产品内容。发布产品时，不需要单独进入产品模块，只需要在文章编辑页面中填写产品信息即可。

主题会根据【产品图集】自动判断当前内容是否为产品。

只要文章中添加了产品图集，系统就会自动调用产品详情页模板；如果产品图集为空，则该内容会按照普通新闻或博客文章显示。

---

进入产品发布页面

进入后台：

文章 → 新建文章

进入后，可以看到 WordPress 原生文章编辑页面，同时页面下方会显示主题扩展的产品设置项。

发布产品时，主要需要设置产品标题、产品分类、特色图片、产品图集、产品摘要、产品详情内容，并根据需要设置自定义按钮和产品 TAB。

---

产品标题

页面顶部的标题栏用于填写产品名称。

这里填写的内容会显示在产品详情页右侧顶部位置，也是当前产品页面的主标题。

例如填写：

健身房跑步机1

前台产品详情页会同步显示该标题。

产品标题建议使用清晰、准确的产品名称，不建议只填写编号或过短的简称。对于企业官网来说，产品标题也是搜索引擎识别产品内容的重要信息。

---

产品分类

在编辑页面右侧，可以选择产品分类。

分类用于将产品归类到不同栏目中，例如跑步机、力量器械、功能训练、康复器械等。

选择分类后，产品会自动出现在对应的产品列表页中。

如果在【主题设置 → 产品设置】中开启了产品分类显示，当前产品所属分类还会显示在产品详情页标题上方。

分类显示属于全局设置，开启后所有产品详情页都会统一生效。

---

特色图片

特色图片用于产品在列表中的封面展示。

它通常会显示在首页产品展示模块、产品列表页、相关推荐等位置。

需要注意的是，特色图片不是产品详情页左侧的轮播图。
产品详情页左侧轮播图来自【产品图集】，而首页产品模块和产品列表页中显示的封面图，主要来自【特色图片】。

设置方法：

在编辑页面右侧找到【设置特色图片】，点击后上传或选择一张产品图片即可。

建议所有产品的特色图片尺寸保持统一，例如都使用横图，或者都使用正方形图片。

虽然主题会自动适应用户上传图片的尺寸，但如果不同产品的特色图片比例差距太大，产品列表页可能会出现高低不一致、裁切不统一或排版不整齐的情况。

为了获得更好的展示效果，建议同一网站内的产品特色图片保持统一比例和风格。

例如：

如果第一个产品使用 800×800 的正方形图片，后续产品也建议使用接近 800×800 的正方形图片。

如果第一个产品使用 1200×800 的横版图片，后续产品也建议统一使用横版图片。

这样首页产品展示和产品列表页会更加整齐、美观。

---

产品图集

产品图集是产品详情页最重要的设置，也是系统判断当前内容是否属于产品的依据。

在文章编辑页面下方，可以找到【产品图集】区域。

点击【选择图片】，即可上传产品展示图片。

前台产品详情页左侧的大图轮播，就是由这里的产品图集自动生成的。

支持上传：

• 单张产品图片
• 多张产品图片
• 产品展示视频

如果上传多张图片，前台会自动生成产品轮播效果，并支持缩略图切换。

如果只上传一张图片，也会正常显示产品详情页。

只要产品图集存在内容，系统就会自动将当前文章识别为产品，并调用产品详情页模板。

如果这里保持为空，则当前内容会按照普通新闻或博客文章进行显示。

---

添加产品视频

除了上传图片之外，产品图集还支持添加视频。

点击产品图集左侧的类型选择，将默认的【图片】切换为【视频】。

切换后，可以填写产品视频的路径，同时需要设置一张视频封面图。

视频封面图也叫视频背景图，它会在产品详情页中作为视频的预览图片显示。

访客进入产品详情页时，首先看到的是封面图，点击后才会弹出视频播放窗口。

由于浏览器不会直接自动播放视频，因此建议为每个视频选择一张清晰、美观的封面图片。

一般可以使用：

• 产品主图
• 产品实拍图
• 产品使用场景图
• 视频中的代表性画面

作为视频背景图。

这样既能保持页面整体美观，也方便用户识别视频内容。

---

产品图集使用建议

为了获得更好的展示效果，建议产品图集中的图片尺寸尽量保持一致。

例如全部使用正方形图片，或者全部使用横版图片。

如果图片尺寸差异过大，虽然主题会自动适配，但轮播切换时可能会出现视觉不统一的情况。

如果同时使用图片和视频，建议将产品主图放在第一张，再添加视频内容，这样访客进入页面后，可以先看到产品外观，再根据需要点击观看产品演示视频。

对于机械设备、工业产品、健身器材等企业官网来说，适当添加产品演示视频，可以更加直观地展示产品细节和实际使用效果，提高产品页面的展示质量。

---

产品摘要

产品摘要显示在产品标题下方，用于展示产品的简短介绍。

这里适合填写产品的核心卖点、适用场景或简单说明。

例如：

商用电动跑步机采用高性能交流电机与减震跑台设计，运行平稳、噪音低，可满足健身房、酒店、学校及企业健身中心等场所的高强度使用需求。

产品摘要不建议写成很长的详情介绍。它的作用是让访客在进入页面后，快速了解这个产品是什么、适合什么场景、有什么主要优势。

更详细的内容，可以放到下方的产品详情区域中。

---

产品详情内容

产品详情内容使用 WordPress 原生编辑器编辑。

这里对应前台下方【产品详情】TAB 中的主要内容。

产品详情区域适合放置完整的产品介绍内容，例如产品说明、功能特点、细节图片、应用场景、技术说明、安装说明等。

由于这里使用的是原生图文编辑方式，可以直接插入文字、图片、表格、视频等内容。

建议采用图文结合的方式编辑产品详情，不要只堆放图片，也不要只写大段文字。

比较适合的写法是：

先用一段文字介绍产品用途，再配合产品细节图进行说明；如果有技术参数，可以使用表格形式展示；如果有应用场景，可以继续添加场景图片和说明文字。

这种内容结构更适合企业官网产品页，也更利于搜索引擎识别页面内容。

---

产品特色标签

产品摘要下方会显示一组产品特色标签，例如安全可靠、制作精良、设计定制、品质保障。

这部分内容不是在单个产品中设置，而是在主题产品设置中统一管理。

进入后台：

主题设置 → 产品设置

找到对应的特色标签设置项，即可统一修改。

修改后，所有产品详情页都会同步更新。

这个区域适合放置企业长期稳定使用的服务承诺或产品优势，不建议为单个产品频繁修改。

---

产品按钮

产品详情页中的按钮区域用于引导访客咨询、加微信、打开表单或跳转到指定链接。

按钮分为两类：

全局按钮和当前产品自定义按钮。

全局按钮在：

主题设置 → 产品设置 → 自定义按钮

中设置。

这里设置的按钮会显示在所有产品详情页中，可以设置跳转链接、弹出图片、弹出表单、一键复制四种方式。

如果所有产品都需要统一使用相同咨询入口，就应该在这里设置。

---

当前产品自定义按钮

除了全局按钮，每个产品也可以单独添加自己的按钮。

在文章编辑页面下方找到【自定义按钮】，点击【添加选项】即可新增按钮。

当前产品中添加的按钮，会在全局按钮基础上额外显示，只对当前产品生效。

例如所有产品默认都有“复制微信”和“弹出表单”按钮，而某个特殊产品还需要增加“获取报价”按钮，就可以在当前产品中单独添加。

这样既可以保持全站产品按钮统一，又可以针对特殊产品增加单独入口。

---

联系电话

产品详情页右侧的大号联系电话，在主题产品设置中统一管理。

进入后台：

主题设置 → 产品设置

找到联系电话相关设置项，填写电话标题和电话号码。

这里设置后，所有产品详情页都会统一显示该电话。（不设置则不显示）

如果企业后期更换电话，只需要在产品设置中修改一次，不需要逐个产品编辑。

---

产品 TAB 栏目

产品详情页下方支持 TAB 栏目切换。

默认会显示【产品详情】，用于展示当前产品编辑器中的详情内容。

除此之外，还可以添加资料下载、技术参数等更多 TAB 内容。

产品 TAB 分为全局 TAB 和单品 TAB。

全局 TAB 在：

主题设置 → 产品设置 → 产品 TAB 栏目中设置。

这里设置的 TAB 会默认应用到所有产品详情页。

例如所有产品都需要展示“资料下载”和“技术参数”，就可以在全局 TAB 中统一添加。

---

当前产品单独 TAB

如果某个产品需要展示不同的资料下载或技术参数，可以为当前产品单独设置 TAB。

在产品列表中，每个产品都有对应的产品 TAB 设置入口。

当当前产品设置了自己的 TAB 后，系统会优先使用当前产品的 TAB 内容，并覆盖全局 TAB。

如果当前产品没有设置单独 TAB，则继续使用主题设置中的全局 TAB。

这个逻辑可以理解为：

全局 TAB 是默认内容，适合所有产品共用。

单品 TAB 是当前产品专属内容，适合特殊产品单独展示。

---

发布产品

完成产品标题、分类、特色图片、图集、摘要和详情内容后，点击右上角【发布】按钮。

只有发布后的产品，才会在网站前台显示。

如果产品仍然是草稿状态，或者没有点击发布，前台产品列表和产品详情页都不会正常显示。

发布后，可以打开网站前台，进入对应产品分类，找到刚刚发布的产品并查看详情页效果。

---

内容设置对应关系

产品自己的内容，在当前文章中设置。

例如产品标题、产品分类、特色图片、产品图集、产品摘要、产品详情、当前产品按钮、当前产品 TAB。

所有产品共用的内容，在主题产品设置中设置。

例如产品特色标签、联系电话、全局按钮、全局 TAB、分类显示。

简单来说：

特色图片主要用于首页产品模块和产品列表页展示。
产品图集主要用于产品详情页左侧轮播展示。
产品摘要和产品详情用于当前产品内容介绍。
产品设置中的标签、电话、按钮和 TAB，则用于所有产品统一展示。

这样既能保持产品页面风格统一，也方便对特殊产品进行单独设置。