百度分享插件织梦CMS版哪里下载？-织梦建站-盈思创科技

百度官方已经不再单独提供“织梦CMS专用”的插件安装包，取而代之的是一个更通用、更灵活的JavaScript代码集成方式，这种方式的好处是，无论您的网站是什么系统（WordPress、织梦、帝国CMS，甚至是静态HTML），都可以通过添加几行代码来实现分享功能,并且官方会持续更新和维护。

（图片来源网络，侵删）

我们的核心任务就是：获取百度分享的通用JS代码，并将其正确地部署到您的织梦CMS模板中。

第一步：获取百度分享代码

这是最关键的一步,代码从这里来。

访问百度分享官网
- 打开浏览器，访问百度分享的官方网站：https://share.baidu.com/
配置分享样式和功能
（图片来源网络，侵删）
- 进入网站后，您会看到各种配置选项，根据自己的需求进行选择：
  - 分享样式：这是您在网站上看到的分享按钮的样式，推荐选择 “浮层样式” 或 “图文样式”，它们比较美观且不占用太多空间，新手可以直接使用默认的“浮层样式”。
  - 分享位置：可以选择“自动”或“指定容器”。“自动”通常会在页面右侧或底部显示一个悬浮按钮。
  - 分享大小：可以选择大、中、小。
  - 分享图标：可以选择默认图标或自定义图标。
  - 开启统计数据：如果您想查看各平台的分享次数,可以勾选此项。
获取代码
- 在页面的最下方，有一个 “获取代码” 按钮。
- 点击后，页面会展开，显示一段 JavaScript 代码。请完整复制这段代码，它通常是这样的结构：
```

<div class="bdsharebuttonbox">
<a href="#" class="bds_more" data-cmd="more"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
</div>
```
```

第二步：将代码集成到织梦CMS模板中

获取到代码后，我们需要将它织入到您的网站模板中，最推荐的位置是文章页详情模板,这样每篇文章都可以被独立分享。

登录织梦后台

使用您的管理员账号登录织梦CMS后台。
（图片来源网络，侵删）
找到并编辑文章页模板
- 在后台左侧菜单栏，找到 【模板】 -> 【默认模板管理】。
- 在模板列表中，找到并点击 【文章页模板】 对应的 【修改】 按钮，这个文件通常名为 article_article.htm。
定位插入位置
- 打开 article_article.htm 文件后，按 Ctrl+F 搜索 {dede:field.body/},这个标签是文章正文内容所在的位置。
- 最佳实践：将分享按钮放在文章内容的末尾，或者文章内容的开头,这里以放在末尾为例。
- 在 {dede:field.body/} 标签的后面，您可以找到 </article> 或 </div> 等结束标签附近，将第一步复制的 第一部分 HTML 代码（即包含 bdsharebuttonbox 的 div）粘贴进去。
示例：
```
<article class="article-content">
    {dede:field.body/}
    
    <div class="bdsharebuttonbox">
        <a href="#" class="bds_more" data-cmd="more"></a>
        <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
        <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
        ... (其他分享按钮)
    </div>
</article>
```

插入JavaScript加载脚本

我们需要将 第二部分 JavaScript 代码 插入到模板的底部，这样可以确保页面内容加载完毕后再加载分享脚本,提高页面加载速度。
在 article_article.htm 文件的末尾，在 </body> 标签的前面，粘贴您复制的 JavaScript 代码。

示例：

</article>
<!-- 网站其他内容... -->
<!-- 在 </body> 标签前插入百度分享的JS脚本 -->
<script>
    window._bd_share_config = {
        "common": {
            "bdText": "{dede:field.title/}", // 自动获取文章标题
            "bdDesc": "{dede:field.description function='html2text(@me)'/}", // 自动获取文章摘要并去除HTML标签
            "bdUrl": "{dede:field name='phpurl'/}/view.php?aid={dede:field.id/}", // 自动获取文章链接
            "bdPic": "{dede:field.litpic/}" // 自动获取文章缩略图
        },
        "share": [{
            "bdSize": 16
        }],
        "selectShare": {
            "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]
        }
    };
    with(document) 0 == (getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>
</body>
</html>

重要提示：我已经对 _bd_share_config 中的内容进行了优化，使用织梦的内置标签（如 {dede:field.title/}）来自动填充分享的标题、链接和图片，这样当用户分享时，分享的内容就是当前正在浏览的文章,而不是固定内容。

更新并生成
- 保存对 article_article.htm 文件的修改。
- 为了让修改立即生效，建议去 【主页】 -> 【开始生成HTML】 -> 【更新所有栏目】 和 【更新所有文档】，或者,您可以只更新几篇文章进行测试。

第三步：测试与常见问题解决

测试
- 前往您的网站,打开任意一篇文章页面。
- 滚动到页面底部,应该能看到您添加的百度分享按钮了。
- 点击任意一个分享图标（如“分享到新浪微博”），会弹出分享确认窗口,说明功能已经正常工作。
常见问题
- 问题1：分享按钮不显示。
  - 原因：JS脚本未加载或路径错误。
  - 解决：检查是否将JS代码正确放到了 </body> 标签前，检查浏览器控制台（按F12）是否有JS加载失败的错误信息，确保您的网站没有被防火墙或某些插件阻止访问 bdimg.share.baidu.com 域名。
- 问题2：分享的内容是固定的，不是当前文章。
  - 原因：在 _bd_share_config 中没有使用织梦标签，而是写死了 bdText, bdUrl 等内容。
  - 解决：按照第二步第4点的示例代码，将固定的文本替换为 {dede:field.title/} 等织梦标签。
- 问题3：样式错乱。
  - 原因：您的网站CSS样式可能与百度分享的默认样式冲突。
  - 解决：可以通过在百度分享官网配置时选择不同的样式，或者通过自定义CSS来覆盖样式，通常情况下,默认样式不会有太大问题。

虽然不再有现成的“织梦插件”，但通过官方提供的通用JS代码集成方式，我们可以更灵活、更稳定地为织梦CMS网站添加百度分享功能,核心步骤就是：

在百度分享官网获取代码。
将HTML部分插入到文章模板的正文区域。
将JS部分插入到文章模板的底部（</body> 前），并使用织梦标签动态获取文章信息。
更新网站并测试。

希望这份详细的指南能帮助您成功集成百度分享功能！

百度分享插件织梦CMS版哪里下载？

第一步：获取百度分享代码

第二步：将代码集成到织梦CMS模板中

第三步：测试与常见问题解决

相关文章

目录[+]