织梦手机版畅言如何添加？-织梦建站-盈思创科技

下面是详细的步骤,请跟随操作：

（图片来源网络，侵删）

准备工作

注册畅言账号：如果你还没有畅言账号，请先前往畅言官网注册并登录。
获取APP ID：登录畅言后台，创建一个新的站点，在站点管理中，你会得到一个唯一的 APP ID,这个ID是配置畅言的核心。
下载畅言代码：在站点管理页面，找到“代码获取”或类似选项，复制PC端的评论代码，代码通常包含一个 APPID 的变量。

第一步：修改手机模板文件

这是最关键的一步,我们需要在手机版的评论页面模板中引入畅言的JS文件。

找到手机模板文件：
- 登录你的网站后台。
- 进入【模板】->【手机模板】。
- 找到评论页面所使用的模板，通常是 article_article.htm（文章详情页）或 list_article.htm（文章列表页，但评论一般只在详情页），我们以 article_article.htm 为例。
定位评论区域：
- 打开 article_article.htm 文件，找到 {dede:field.body/} 或类似标记,这是文章正文内容所在的位置。
- 在文章正文内容之后，通常会有一个 {dede:include filename="comment.htm"/} 这样的标签，这是用来调用评论模板的,你需要将畅言的代码插入到这个位置之后。

插入畅言JS代码：

（图片来源网络，侵删）

在 {dede:include filename="comment.htm"/} 这一行代码的下方,添加以下JS代码。

<!-- 畅言评论箱PC版代码 -->
<div id="SOHUCS"></div>
<script charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/changyan.js" ></script>
<script type="text/javascript">
window.changyan.api.config({
appid: '你的APPID',   // 这里替换成你在畅言后台获取的APPID
conf: 'prod_xxxxxxxxxxxxxxxxxxxxxx' // 这里替换成你在畅言后台获取的配置ID
});
</script>

如何获取 conf 值？
- 回到畅言后台，你刚才获取代码的页面，会有类似这样的代码：
```
window.changyan.api.config({
    appid: 'xxxxxxxxxx',
    conf: 'prod_xxxxxxxxxxxxxxxxxxxxx'
});
```
- 复制整个 conf: '...' 后面的值，替换掉代码中的 prod_xxxxxxxxxxxxxxxxxxxxxx。

隐藏或删除默认评论：
- 为了避免页面出现两个评论框（一个是织梦自带的，一个是畅言的）,你需要隐藏或删除织梦默认的评论调用。
- 找到 {dede:include filename="comment.htm"/} 这一行，直接删除它，或者用HTML注释标签  将其注释掉。
保存并更新：
- 保存对 article_article.htm 文件的修改。
- 进入【生成】->【一键生成所有栏目】，重新生成你的手机版页面,使修改生效。

第二步：修改PC端模板（可选但推荐）

虽然你的问题主要关于手机版，但为了网站体验的统一,强烈建议你也在PC端模板中加入畅言。

找到PC模板文件：
- 进入【模板】->【默认模板管理】。
- 找到PC端的文章详情页模板，通常是 article_article.htm。
插入畅言代码：
- 和手机端一样，在 {dede:include filename="comment.htm"/} 的下方，插入和上面完全一样的畅言JS代码。
隐藏默认评论：
- 同样地，删除或注释掉 {dede:include filename="comment.htm"/}。
保存并更新：

保存文件,并重新生成PC端页面。

第三步：检查与测试

清除缓存：
- 有时浏览器或CDN会缓存旧文件，导致修改不生效，请清除浏览器缓存，或者按 Ctrl + F5 强制刷新页面。
- 如果你的网站开启了全站静态,请确保已经重新生成相关页面。
访问手机版页面：
- 用手机访问你的文章详情页（确保URL是手机版的，你的域名/m/view.php?aid=xxx）。
- 滚动到页面底部,你应该能看到畅言的评论框了。
测试评论：

尝试发表一条评论，看看是否能正常显示，畅言通常需要审核,所以评论可能不会立即显示。

常见问题与注意事项

样式不匹配（最常见的问题）：
- 畅言默认的样式可能和你的手机主题风格不符（比如字体大小、颜色、按钮样式等）。
- 解决方法：你可以通过 CSS 覆盖畅言的默认样式，畅言的评论框外层通常有一个 div 包裹，其ID为 #SOHUCS,你可以通过这个ID来定制样式。
- 在手机模板的 <head> 部分或CSS文件中添加以下代码，可以修改评论框的字体和颜色：
```
/* 修改畅言评论框的字体和颜色 */
#SOHUCS .wrap-box, #SOHUCS .txt-box, #SOHUCS .list-box {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
#SOHUCS .wrap-box .(SCHEME-wrap) .(SCHEME-head) .(SCHEME-title) {
    color: #333; /* 修改标题颜色 */
}
```
APPID 或 CONF 填写错误：

请务必检查后台复制的APPID和CONF是否完整且正确,多一个或少一个字符都会导致无法加载。
JS文件路径问题：
- 通常直接使用畅言官方提供的 https://changyan.sohu.com/upload/changyan.js 路径即可，如果加载失败,可以尝试检查网络或刷新缓存。
只显示在文章页：
- 确保你修改的是文章详情页模板（article_article.htm），而不是列表页模板（list_article.htm）,评论功能通常只在详情页才有意义。

按照以上步骤操作，你应该就能成功在织梦手机版中集成畅言评论系统了，如果遇到问题，请仔细检查每一步,特别是代码的粘贴位置和参数的填写。

织梦手机版畅言如何添加？

准备工作

第一步：修改手机模板文件

第二步：修改PC端模板（可选但推荐）

第三步：检查与测试

常见问题与注意事项

相关文章

目录[+]