阿宁blog
阿宁blog

将您懂的、您知道的全部写在这里

admin2018-04-09 人围观 ZoomlaCMS教程

摘要 使用ZoomlaCMS搭建网站时,文章的评论功能是必不可少的。 模板中文章评论的方法可以总结为三种: 1、使用zoomlaCMS互动模块进行制作 2、使用zoomlaCMS标配的评论系统 3、使用第三方评论系统插件,如搜狐畅言等

使用ZoomlaCMS搭建网站时,文章的评论功能是必不可少的。

模板中文章评论的方法可以总结为三种:

1、使用zoomlaCMS互动模块进行制作

2、使用zoomlaCMS标配的评论系统

3、使用第三方评论系统插件,如搜狐畅言等


下面逐一讲述一下

一、使用zoomlaCMS互动模块进行制作

180409222923627.jpg


逐浪后台依次进入:内容-> 互动模块,右侧点击“添加互动模块”。

在这里,添写一下模块名称,其中模型表名会自动获取。需要特点注意的是,给文章添加评论功能,就一定要在信息类别这里选择“内容”选项

互动类型选择“评论”。其他默认到最后提交保存。

blob.png



回到互动模块列表,只需要把下图中的调用标签复制,放在内容页模板相对应的位置即可。

blob.png


二、使用zoomlaCMS标配的评论系统

要单纯使用评论功能,这个方法是相当简单的,将下方代码放在内容页模板相对应位置即可实现。

<iframe id="comm_ifr" scrolling="no" onload="this.height = $(this).contents().height() + 'px';" src="/Comments/CommentFor?ID=这里为内容ID" width="100%" align="middle" height="467px" frameborder="0"></iframe>


目前这套评论系统的模板样式尚未开放自由替换模板,要修改成自己的样式,就得下一番功夫了。

这里简单说一下本文下方评论模块样式修改的过程。

【需要修改的文件】

1、根目录下/views/Comments/CommentFor.cshtml————意译:主要显示评论模块的模板页面(42-123行)

   根目录下/views/Comments/CommentFor_List.cshtml————意译:评论列表的html代码(80-108行)

  以上两个文件所注位置,将html代码替换成自己的html代码,将@标记的内容放到相应位置即可。

  至此,还没有结束 ,仅仅替换了html代码,刷新会发现,样式乱作一团。

  再看CommentFor.cshtml中第10行 Layout = "~/Views/Shared/_empty.cshtml";。这里可以是为当前页面应用了一个母版文件。

2、根目录下/views/Shared/_empty.cshtml文件修改

   建议将文件复制一份重命名,然后加到CommentFor.cshtml文件第10行,修改为 Layout = "~/Views/Shared/_你定义的文件名.cshtml";

   _empty.cshtml的修改就简单多了,在第8行左右,修改link标签,引入自己的css样式文件保存


一个符合自己期望样式的评论系统就修改好了。


三、使用第三方评论系统插件,如搜狐畅言等

   这第三种方法就没啥好说的了,之所以提到搜狐畅言,是我们可以直接在zoomlaCMS后台依次进入 内容-->评论管理,就可以看到官方集成了畅言插件

按照提示进行注册设置,拿到代码放进模板就可以了。


23点05分,东拉西扯就写到这儿了。

有疑问欢迎加群:117942452(QQ群)并@zoomla阿宁进行交流