dede玩图集淘宝客教程怎么用？-建站教程-锦华智联科技

图集功能详解：如何创建和管理精美的图片内容。
淘宝客功能详解：如何配置和调用淘宝客商品。
实战：图集 + 淘宝客的完美结合：如何将两者结合，制作出高转化率的导购图文。

第一部分：DedeCMS 图集功能详解

图集功能是 DedeCMS 的一个核心亮点，它能让您以画廊的形式展示多张图片，非常适合产品展示、美图分享、旅游攻略等内容。

（图片来源网络，侵删）

图集模型的创建与启用

默认情况下,DedeCMS 可能没有启用“图集”模型，或者它属于“文章”模型下的一个特殊类型，我们需要确保它能正常使用。

检查模型：进入后台 核心 -> 内容模型管理，检查是否存在“图集”模型，如果不存在，你可能需要重新安装或手动添加（较新版本通常已集成）。
栏目设置：创建一个新栏目（好物推荐”），在“栏目类型”中选择“图片集”，这样，这个栏目下的所有文章都会默认使用图集功能。

如何发布一篇图集文章

发布图集是整个流程的核心。

进入发布页面：在后台 常用 -> ，选择你刚才创建的“图片集”栏目。
填写基本内容：
- 为你的图集起一个吸引人的标题,夏日清爽穿搭，5款T恤推荐”。
- TAG标签：填写相关关键词，如“T恤”、“夏日穿搭”、“女装”等，利于SEO。
- 缩略图：上传一张最能代表整个图集的图片作为封面图，这张图会列表页显示。
上传图集图片（关键步骤）：
1. 找到“图集内容”区域，点击“上传图集”按钮。
2. 在弹出的窗口中,你可以选择本地图片、远程图片或FTP上传，一次性上传所有属于这个图集的图片。
3. 上传成功后,图片会显示在下方的列表中。
编辑图片描述：
1. 在图片列表中,你可以为每一张图片单独添加标题和描述，第一张图可以描述为“白色纯棉T恤，百搭舒适”，第二张可以描述为“条纹T恤，青春活力”。
2. 这个描述非常重要,它不仅会显示在图片下方，还会被搜索引擎抓取，是SEO的关键。
设置图集展示方式：
- 在发布页面的下方,通常有“模板”选项，你可以选择不同的展示模板，比如幻灯片展示、缩略图列表展示等，选择一个最适合你网站风格的模板。
发布：填写完所有信息后，点击“发布”即可。

前台展示效果

在前台,访问这篇图集文章，用户会看到一个图片画廊，可以点击缩略图切换大图，并看到每张图片的详细描述，这种视觉冲击力远比纯文字文章强。

第二部分：DedeCMS 淘宝客功能详解

DedeCMS 内置了淘宝客插件，可以方便地调用淘宝联盟（原淘宝客）的商品数据。

（图片来源网络，侵删）

淘宝客的配置

在开始调用商品之前,必须先完成配置。

获取淘宝客PID：
1. 登录淘宝联盟。
2. 进入“我的推广” -> “我要推广”，找到你的PID，这是一个一串字母和数字的组合，是你的身份标识。
后台配置：
1. 进入 DedeCMS 后台 核心 -> 淘宝客配置。
2. 基础设置：
  - 淘宝客PID：填入你在淘宝联盟获取的PID。
  - 推广方式：选择“通用”，这是最常用的方式。
  - AppKey：在淘宝联盟的“账户信息” -> “授权管理”中创建一个应用，获取AppKey，如果找不到，部分旧版Dede可能不需要，可以跳过。
3. 高级设置：
  - 缓存时间：建议设置为 3600 秒（1小时），淘宝客商品信息会变动，缓存可以避免频繁请求淘宝联盟，提高网站速度。
  - 默认排序：可以选择“综合”、“销量”、“价格”等，决定调用商品的默认排序方式。
4. 保存设置。

如何调用淘宝客商品

配置完成后,你可以在任何需要的地方调用商品，主要有两种方式：

使用官方提供的“淘宝客”标签 这是最简单直接的方式，通常用于在文章内容页或特定页面展示相关商品。
- 标签代码：{dede:taobaoke itemid='0' cid='0' type='0' row='4'} ... {/dede:taobaoke}
- 参数说明：
  - itemid：指定推广的特定商品ID，0表示不指定。
  - cid：指定推广的特定分类ID，0表示不指定。
  - type：0表示通用推广，1表示单品推广。
  - row：显示的商品数量。
  - col：每行显示的商品数量。
- 使用方法：在你需要展示商品的自定义模板文件（如 article_article.htm）中，将这段标签代码放在你想要的位置。

使用“自定义页面”制作淘宝客专题页 这是更强大、更灵活的方式，适合制作一个专门的“好物推荐”列表页。

在后台 常用 -> 自定义页面，点击“增加页面”。
页面名称：女装T恤热销榜”。

：直接将淘宝客标签代码粘贴进去。

<h2>本周女装T恤热销推荐</h2>
<p>以下商品均来自淘宝联盟，点击即可购买。</p>
<div class="taobaoke-list">
    {dede:taobaoke itemid='0' cid='16' type='0' row='20' col='5'}
    <li>
        <a href="[field:link/]"><img src="[field:pic_url/]" alt="[field:title/]"></a>
        <h3>[field:title/]</h3>
        <p>价格：￥<span class="price">[field:price/]</span></p>
        <a href="[field:link/]" target="_blank" class="buy-btn">去看看</a>
    </li>
    {/dede:taobaoke}
</div>

注意：cid 的值需要你手动去淘宝联盟找到对应分类的ID。

生成页面,然后你就可以在网站的导航栏或其他地方链接到这个自定义页面。

第三部分：实战：图集 + 淘宝客的完美结合

我们将前两个部分结合起来,打造一篇“图文并茂、引导购买”的高质量淘宝客文章。

目标：制作一篇“夏日穿搭”图集文章，在展示图片的同时，在文章下方推荐文中模特同款或相似的商品。

步骤 1：创建图集文章

按照第一部分的教程,发布一篇图集文章，标题为“5套超显瘦的夏日穿搭，懒人必备！”。

上传5张精美的穿搭图片。
为每张图片写上详细的搭配说明，“第一套：白色T恤 + 牛仔短裤 + 小白鞋，经典不出错，适合日常通勤。”
开头或结尾,可以加一段引导语：“喜欢这些穿搭吗？点击下方图片可以看大图哦！心动的姐妹，可以直接购买同款好物！”

步骤 2：在图集文章中插入淘宝客商品

这是最关键的一步,我们需要在文章内容页模板中，让淘宝客商品和图集内容巧妙地结合。

找到文章内容页模板：通常是 /templets/default/article_article.htm。建议先复制一份备份，以防修改出错。

编辑模板文件：

在 {dede:field.body/} 标签的后面，添加淘宝客标签。{dede:field.body/} 会输出图集的所有内容。
为了美观,我们最好用 div 把淘宝客商品包裹起来，并加上一些CSS样式。

<!-- 这是图集内容，DedeCMS会自动生成 -->
{dede:field.body/}
<!-- 在图集内容下方，我们添加淘宝客推荐 -->
<div class="related-products">
    <h3>喜欢这套穿搭？来看看这些同款好物吧！</h3>
    <div class="product-list">
        {dede:taobaoke itemid='0' cid='16' type='0' row='6' col='3'}
        <div class="product-item">
            <a href="[field:link/]" target="_blank">
                <img src="[field:pic_url/]" alt="[field:title/]" />
            </a>
            <h4>[field:title/]</h4>
            <div class="price">￥[field:price/]</div>
            <a href="[field:link/]" target="_blank" class="buy-button">购买</a>
        </div>
        {/dede:taobaoke}
    </div>
</div>

添加CSS样式（可选但推荐）：在模板文件中找到 <head> 标签，在里面添加 <style> 标签，为商品列表添加样式，让它看起来更美观。

<style>
.related-products { margin-top: 40px; padding: 20px; background: #f9f9f9; border-radius: 8px; }
.related-products h3 { text-align: center; color: #333; margin-bottom: 20px; }
.product-list { display: flex; flex-wrap: wrap; justify-content: space-around; }
.product-item { width: 30%; margin-bottom: 20px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); padding: 10px; }
.product-item img { width: 100%; height: auto; }
.product-item h4 { font-size: 14px; margin: 10px 0; height: 40px; overflow: hidden; }
.price { color: #ff4400; font-weight: bold; font-size: 16px; }
.buy-button { display: inline-block; background: #ff4400; color: #fff; padding: 5px 15px; border-radius: 5px; text-decoration: none; }
</style>

更新模板：在后台 模板 -> 默认模板管理 中，找到 article_article.htm，点击“更新”。

最终效果

当你访问这篇图集文章时,用户会看到：

上半部分是一个精美的图集,可以点击查看每一套穿搭的细节和说明。
下半部分是一个整齐排列的商品推荐区,展示的是与穿搭相关的淘宝商品。
用户在欣赏完图片后,可以非常方便地点击“购买”按钮，跳转到淘宝商品页面，一旦产生购买，你就能获得佣金。

总结与进阶技巧

内容为王必须优质、原创、有吸引力，高质量的图片和文案是吸引用户和转化的基础。
精准分类：在调用淘宝客时，尽量使用 cid 参数指定分类，确保推荐的商品与你的图集主题高度相关，提高转化率。
SEO优化：图集的标题、TAG、图片描述都要包含核心关键词，这样既能获得搜索引擎流量，也能让淘宝客标签更精准地抓取商品。
性能优化：图集图片较多，注意压缩图片大小，避免网站加载过慢。
A/B测试：可以尝试不同的商品展示数量、排序方式和文案，看哪种组合的点击率和转化率更高。

通过“图集 + 淘宝客”的组合，你就可以打造出既有视觉吸引力又有商业价值的优质内容，是 DedeCMS 做淘宝客网站的绝佳选择，祝你玩得开心，赚得盆满钵满！

dede玩图集淘宝客教程怎么用？