KesionCMS V8/函数标签实现新闻列表

来自站长百科
跳转至: 导航、​ 搜索

KesionCMS V8| 安装| 使用|FAQ

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

Ksv8hsxw1.png

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

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

首先,我们来看文章列表是通过什么标签来实现的,如下图:

Ksv8hsxw2.png


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

做成html模板格式如下:


<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>


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


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

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

Ksv8hsxw3.png


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


Ksv8hsxw4.png


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


Ksv8hsxw5.png


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

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


Ksv8hsxw6.png


最后就是我们选择自定义输出样式的标签循环体,我们可以根据需要选择要输出的字段,上面我们要实现的国内新闻只需要显示文章链接及文章标题。所以我们的循环体只需要这样写:

[loop={@num}]

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

[/loop]


所以参数设置后如下图:


Ksv8hsxw7.png


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


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


<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>

将其替换为:

<div class="gn_news">

 <ul>

        {LB_国内新闻列表}

 </ul>

</div>

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


Ksv8hsxw8.png

所以要达到我们的要求,就需要通过控制CSS样式,打开模板看调用的是哪个样式表,在样式表中加入以下这些样式:

.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;}

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


Ksv8hsxw9.png

参考来源[ ]

KesionCMS V7使用手册导航

KesionCMS V8安装:

KesionCMS V8安装

KesionCMS V8使用:

基本信息设置|系统设置|系统相关使用方法设置|标签和模板制作方法|其它辅助系统设置

KesionCMS V8FAQ:

FAQ