帝国cms 评论插件（仿畅言评论）

帝国模板之家 2020-08-25 帝国cms插件 ℃ 评论

帝国cms 评论插件

大部分网站都会开放评论功能区，可以改善用户与网站的互动，增加用户黏性，提高网站的活跃度。用户可以通过访问网站页面参与主题讨论，并留言保持文章新鲜感。帝国cms也自带了评论模块，但是用户体验太差了，今天，帝国模板之家小编给大家分享一个，非常炫酷的评论插件，模仿的是畅言评论。下面讲解一下如何安装此插件，五步搞定，非常简单易学，你绝对值得拥有！

插件效果图如下：

第一步：将cy文件复制到根目录的skin/文件夹下

帝国cms 评论插件（仿畅言评论）

第二步：内容页添加

<link type="text/css" rel="stylesheet" href="[!--news.url--]skin/cy/css/chanyan.css"/>

第三步：替换评论表单：

代码如下：

<div class="module-cmt-header">
    <div class="clear-g section-title-w">
        <div class="title-user-w">
            <div node-type="user" class="clear-g user-wrap-w user-login">
                <span node-type="user-name" class="wrap-name-w">来一发：</span>
            </div>
        </div>
    </div>
    <div class="section-cbox-w">
        <div class="cbox-block-w clear-g">
            <div node-type="block-head-w" class="block-head-w block-head-login">
                <div node-type="avatar" class="head-img-w">
                    <a href="javascript:void(0);">
                        <img node-type="user-head" src="[!--news.url--]skin/cy/images/noavatar.gif" width="42" height="42" alt="">
                        <div node-type="head-img-ie-mask" class="head-img-ie-mask"></div>
                    </a>
                    
                                    </div>
  
            </div>
            <div node-type="login-select" class="block-post-w">
<!-- 放置cbox初始状态 -->
<script>
          function CheckPl(obj)
          {
          if(obj.saytext.value=="")
          {
          alert("您没什么话要说吗？");
          obj.saytext.focus();
          return false;
          }
          return true;
          }
          </script>
          
<form action="[!--news.url--]e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">

 <div class="module-cmt-box">
    <!-- 展开状态 -->
    <div class="post-wrap-w">
        <div class="post-wrap-border-l"></div>
        <div class="post-wrap-border-r"></div>
        <div node-type="post-wrap-main" class="post-wrap-main">
            <div class="post-wrap-border-t">
                <div node-type="post-wrap-border-t-l" class="post-wrap-border-t-l"></div>
                <div node-type="post-wrap-border-t-r" class="post-wrap-border-t-r" style="margin-left: 115px;"></div>
            </div>
            <div class="wrap-area-w">
                <div class="area-textarea-w">
            <textarea name="saytext" id="saytext" placeholder="有事没事说两句..." class="textarea-fw textarea-bf"></textarea>
                </div>
            </div>
        </div>
        <div class="clear-g wrap-action-w">
           <div class="action-function-w">
    <ul class="clear-g">
    <input name="nomember" type="checkbox" id="nomember" value="1" checked="checked" style=" width: 18px;height: 18px;"/><span style="padding-left: 4px;padding-right: 10px;">匿名评论</span>
<input name="key" placeholder="请输入验证码" type="text" size="10" style="padding-left: 42px;border: 1px solid #4398ED;border-radius: 12px;color: #000;font-family: 'Open Sans',sans-serif;font-size: 1em;height: 28px;padding: 0 10px;">
<img src="[!--news.url--]e/ShowKey/?v=pl" align="absmiddle" style="width:60px" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='[!--news.url--]e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新" /> 
</ul>               
            </div>
            <div class="clear-g action-issue-w">
                <div class="issue-btn-w">
                    <a href="javascript:void(0)">
                        <button node-type="issue" class="btn-fw"></button>
                    </a>
                </div>
 
            </div>
            
        </div>
    </div>
</div>
<input name="id" type="hidden" id="id" value="[!--id--]" />
<input name="classid" type="hidden" id="classid" value="[!--classid--]" />
<input name="enews" type="hidden" id="enews" value="AddPl" />
<input name="repid" type="hidden" id="repid" value="0" />
<input type="hidden" name="ecmsfrom" value="[!--titleurl--]">

</form>
<div class="list-comment-empty-w">
                </div>
                
            </div>
        </div>
    </div>
</div>
<div node-type="module-cmt-list" class="module-cmt-list section-list-w">
    
    <div class="cmt-list-type">
        <ul class="clear-g type-lists">
                <li class="type-list active">评论</li>
        </ul>
        <div class="cmt-list-border"></div>
        <div class="cmt-list-number">
            <span class="comment-number"><span class="cy-number"><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=2"></script></span>人参与,<span class="cy-number"><script type="text/javascript" src="[!--news.url--]e/public/ViewClick/?classid=[!--classid--]&id=[!--id--]&down=2"></script></span>条评论</span>
        </div>
    </div>

第四步：替换评论JS调用模板

帝国cms 评论插件（仿畅言评论）

代码如下：

<div class="list-block-gw list-newest-w">
        <div node-type="cmt-list-title" class="block-title-gw">
            <ul class="clear-g">
                <li>
                    <div class="title-name-gw title-name-bg">
                    <div class="title-name-gw-tag"></div>最新评论</div>
                </li>
            </ul>
        </div>
        <div node-type="cmt-list" id="cy-cmt-list">
[!--empirenews.listtemp--] 
<div class="clear-g block-cont-gw">
    <div class="cont-head-gw">
        <div class="head-img-gw">
            <a node-type="photo">
                <div class="img-corner"></div>
                <img src="[!--news.url--]skin/cy/images/noavatar.gif" width="42" height="42">
            </a>
        </div>
    </div>
    <div class="cont-msg-gw">
        <div class="msg-wrap-gw">
            <div class="wrap-user-gw global-clear-spacing">
                                <span class="user-time-gw">[!--pltime--]</span>
                <span node-type="nickname" class="user-name-gw"><a>[!--username--]</a></span>
                                
                <span class="user-address-gw">[<i>ip：</i>[!--plip--]]</span>
                            </div>
            
            
            <div class="wrap-issue-gw">
                <p class="issue-wrap-gw"><span class="wrap-word-gw">[!--pltext--]</span></p>
                <div class="cy-see-more">
                    <span></span><i></i>
                </div>
            </div>
            <!-- 图片展示 -->
            
            <div node-type="btns-bar" class="clear-g wrap-action-gw">
                <div node-type="action-click-gw" class="action-click-gw global-clear-spacing">
                  
                    <i class="gap-gw"></i>
                    <span node-type="support" class="click-ding-gw">
                       <a href="JavaScript:makeRequest('[!--news.url--]e/pl/doaction.php?enews=DoForPl&plid=[!--plid--]&classid=[!--classid--]&id=[!--id--]&dopl=1&doajax=1&ajaxarea=zcpldiv[!--plid--]','EchoReturnedText','GET','');"><i class="icon-gw icon-ding-bg"></i><em id="zcpldiv[!--plid--]" class="icon-name-bg">[!--zcnum--]</em></a>
                    </span>
                    <i class="gap-gw"></i>
                    <span node-type="oppose" class="click-cai-gw">
                       <a href="JavaScript:makeRequest('[!--news.url--]e/pl/doaction.php?enews=DoForPl&plid=[!--plid--]&classid=[!--classid--]&id=[!--id--]&dopl=0&doajax=1&ajaxarea=fdpldiv[!--plid--]','EchoReturnedText','GET','');"><i class="icon-gw icon-cai-bg"></i><em id="fdpldiv[!--plid--]" class="icon-name-bg">[!--fdnum--]</em></a>
                    </span>
                <i class="gap-gw"></i><span class="click-prop-gw"><span class="prop-span"><a></a></span></span></div>
                
            </div>
                    </div>
    </div>
</div>
[!--empirenews.listtemp--]

</div>
</div>

最后一步：内容页调用（在你要调用的地方直接调用即可）

<div class="changyan">
            <!--PC版-->
<a id="changyan_area"></a>
<div id="SOHUCS" sid="11192"><div id="SOHU_MAIN">

[!--temp.pl--]
<!-- 评论列表  S -->
 <!-- 最新评论 -->
<script src="[!--news.url--]e/pl/more/?classid=[!--classid--]&id=[!--id--]&num=10"></script>

</div>
<!-- 评论列表  E -->
</div></div>
</div>

以上就是帝国cms仿畅言评论插件的安装步骤，大家做网站的时候，一定要做好评论系统，因为这个对用户活跃度是非常重要的，一个页面评论数量越多，页面活跃度也就越高，越容易上排名，这一点大家一定要注意。更多帝国插件请关注帝国模板之家。

本文标签：

转载请注明来源：帝国cms 评论插件（仿畅言评论）

本文永久链接地址：https://www.moyouyouw.cn/code/362.html

郑重声明：本站所有主题/文章除标明原创外，均来自网络转载，版权归原作者所有，如果有侵犯到您的权益，请联系本站删除，谢谢！我们不承担任何技术及版权问题，且不对任何资源负法律责任。

立即下载赞 ()

这世上无忧无虑的人，反而相对寿命会长点。

上一篇

帝国cms7.5附件同步七牛云存储插件
下一篇

帝国cms从文本批量导入会员插件

--查看详细--

ECMS190-课桌椅公寓床家具类帝国cms模板（响应式自适应手机端）

售价： 399 35 ℃ 0 评论
--查看详细--

ECMS189-品牌钢琴乐器销售类帝国cms模板（独立手机端）

售价： 399 69 ℃ 0 评论
--查看详细--

ECMS188-营销型工商代办财税服务类网站帝国cms模板（独立手机端）

售价： 399 34 ℃ 0 评论

帝国cms插件

帝国cms 评论插件（仿畅言评论）

ECMS190-课桌椅公寓床家具类帝国cms模板（响应式自适应手机端）

ECMS189-品牌钢琴乐器销售类帝国cms模板（独立手机端）

ECMS188-营销型工商代办财税服务类网站帝国cms模板（独立手机端）

已有位小伙伴发表了看法

欢迎你发表评论

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

帝国cms插件

帝国cms 评论插件（仿畅言评论）

ECMS190-课桌椅公寓床家具类帝国cms模板（响应式 自适应手机端）

ECMS189-品牌钢琴乐器销售类帝国cms模板 （独立手机端）

ECMS188-营销型工商代办财税服务类网站帝国cms模板（独立手机端）

我猜你还喜欢这些...

已有 位小伙伴发表了看法

欢迎 你 发表评论

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

ECMS190-课桌椅公寓床家具类帝国cms模板（响应式自适应手机端）

ECMS189-品牌钢琴乐器销售类帝国cms模板（独立手机端）

已有位小伙伴发表了看法

欢迎你发表评论