编辑“KesionCMS V8/函数标签实现新闻列表”

{{KesionCMS V8 top}}

为了标签更好的管理，首先我们要先建个目录进行管理。点击标签->标签管理->添加目录，在弹出的对话框中选择标签目录所属的目录，自己命名标签目录的名称，主要是为了方便管理标签，以后要找标签比较方便查找。比如我们是为了讲解标签而用的标签则命为标签教程。如果做[[网站]]过程中有文章，图片功能，可以分为文章标签，图片标签。如下图：

[[Image:Ksv8hsxw1.png|center|900px]]

点击“确定”按钮添加成功。

接下来，我们就可以开始建标签了。

首先，我们来看'''文章列表是通过什么[[标签]]来实现的'''，如下图：

[[Image:Ksv8hsxw2.png|center]]


这种效果我们在网页中是最常见的。

做成[[html]]模板格式如下：

 
<pre>
<div class="gn_news">

 <ul>

 <li><a target="_blank" href="#">报告称农民鲜有仇富心理 尊严感或继续下降</a></li>

 <li><a target="_blank" href="#">我国艾滋感染者和病人约78万 6成感染者不知情</a></li>

<li><a target="_blank" href="#">湖南大学新任校长：任内不报课题不带研究生</a></li>

<li><a target="_blank" href="#">江西新余一家私营煤矿矿筒坠井致6人遇难</a></li>

<li><a target="_blank" href="#">广东惠州货柜车断裂分体坠入京九线 致2人受伤</a></li>

<li><a target="_blank" href="#">广西百万饮水工程成摆设 不到一个月便断水</a></li>

 </ul>

</div>
</pre>
 

即我们要把灰色背景中的内容通过调用标签来实现。那么如何来建标签，通过标签来实现呢，接下来我们讲下标签的创建方法。

 
'''首先，我们后台添加国内这个栏目，然后在这个栏目下添加文章'''。我们新建万能列表标签来调用。

点击系统函数标签 –>万能列表创建新标签，标签名称自己命名，主要为了好区分好管理。我们调用的是国内新闻，所以我们取名为国内新闻列表，标签目录即我们刚才建的标签教程。选择范围即要选择系统的模型，我们是要调用国内新闻下面的文章，所以我们选择文章系统国内新闻栏目。排序方法可以根据需要选择，有这么多种可以选择，如下图：

[[Image:Ksv8hsxw3.png|center]]

 

属性控制即是否调用的是推荐，滚动，头条，热门等属性的文章，我们根据需要设置，如果调用的是最新文章则都不需要打勾。文档数量比如输入10即调用最新添加的10条新闻。标签字数如30即调用15个汉字。输出格式也有多种可以选择，可根据需要进行选择。一般如果懂自定义建议选择自定义样式输出，更加灵活。如下图：


[[Image:Ksv8hsxw4.png|center]]


日期格式也有非常多种可以选择，根据网站的需要选择是否调用日期。如果不调用则这边不选择，标签循环体中不调用日期字段；如果需要调用日期则要选择一个日期格式，然后在标签循环体中调用日期的字段。如下图：


[[Image:Ksv8hsxw5.png|center]]


指定地区看文章是否要调用各分地区的，如果不用则不选择。前提是添加文章的时候也有指定所属地区。

简介字数即当我们要调用有带文章简介内容时需要设置的字符数，在循环体中调用简介字段，文章系统会自动提取文章的前200个字作为简介。调用简介效果如下图：


[[Image:Ksv8hsxw6.png|center]]


最后就是我们选择自定义输出样式的标签循环体，我们可以根据需要选择要输出的字段，上面我们要实现的国内新闻只需要显示文章[[链接]]及文章标题。所以我们的循环体只需要这样写：
<pre>
[loop={@num}]

<li><a href="{@linkurl}" target="_blank">{@title}</a></li>

[/loop]
</pre>
 

所以参数设置后如下图：


[[Image:Ksv8hsxw7.png|center|900px]]


点击确定增加按钮保存标签。


再返回到模板里面, 我们找到国内这个栏目，找到这段代码，如下：

 
<pre>
<div class="gn_news">

 <ul>

 <li><a target="_blank" href="#">报告称农民鲜有仇富心理 尊严感或继续下降</a></li>

 <li><a target="_blank" href="#">我国艾滋感染者和病人约78万 6成感染者不知情</a></li>

<li><a target="_blank" href="#">湖南大学新任校长：任内不报课题不带研究生</a></li>

<li><a target="_blank" href="#">江西新余一家私营煤矿矿筒坠井致6人遇难</a></li>

<li><a target="_blank" href="#">广东惠州货柜车断裂分体坠入京九线 致2人受伤</a></li>

<li><a target="_blank" href="#">广西百万饮水工程成摆设 不到一个月便断水</a></li>

 </ul>

</div>
</pre>

将其替换为:

<pre>
<div class="gn_news">

 <ul>

        {LB_国内新闻列表}

 </ul>

</div>
</pre>

这时刷新前台[[模板]]，可能我们看到的效果我们要的最终效果不同，比如没有行距控制，没有前面的小图标，没有自己希望的这种文字颜色。如下图所示：

  

[[Image:Ksv8hsxw8.png|center]]

所以要达到我们的要求，就需要通过控制[[CSS]]样式，打开模板看调用的是哪个样式表，在样式表中加入以下这些样式：
<pre>
.gn_news{}

.gn_news ul{padding:8px;}

.gn_news li{height:30px;line-height:30px;background:url(dot.jpg) no-repeat 0px 8px;padding-left:10px;}

.gn_news a{color:#369; font-size:14px;}

.gn_news a:hover{color:#ff3300; text-decoration:none;}
</pre>

再刷新前台模板，我们的效果就可以出来了。如下图：


[[Image:Ksv8hsxw9.png|center]]

== 参考来源 ==
*http://www.kesion.com/help/
{{KesionCMS V8}}

[[category:KesionCMS V8使用手册]]