金狮贵宾会

登录
开通试用
KesionCMS 资助
资助首页 在线手册 - 问题汇总

1、函数标签实现新闻列表

0 2011/11/29 17:18:27

为了标签更好的治理,, ,,,,首先我们要先建个目录举行治理。。。。点击标签->标签治理->添加目录,, ,,,,在弹出的对话框中选择标签目录所属的目录,, ,,,,自己命名标签目录的名称,, ,,,,主要是为了利便治理标签,, ,,,,以后要找标签较量利便查找。。。。好比我们是为相识说标签而用的标签则命为标签教程。。。。若是做网站历程中有文章,, ,,,,图片功效,, ,,,,可以分为文章标签,, ,,,,图片标签。。。。如下图:

 

1、函数标签实现新闻列表 第 1 张

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

 

接下来,, ,,,,我们就可以最先建标签了。。。。

 

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

1、函数标签实现新闻列表 第 2 张

 

 

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

 

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

 

即我们要把灰色配景中的内容通过挪用标签来实现。。。。那么怎样来建标签,, ,,,,通过标签来实现呢,, ,,,,接下来我们讲下标签的建设要领。。。。

 

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

点击系统函数标签 –>万能列表建设新标签,, ,,,,标署名称自己命名,, ,,,,主要为了好区分好治理。。。。我们挪用的是海内新闻,, ,,,,以是我们取名为海内新闻列表,, ,,,,标签目录即我们适才建的标签教程。。。。选择规模即要选择系统的模子,, ,,,,我们是要挪用海内新闻下面的文章,, ,,,,以是我们选择文章系统海内新闻栏目。。。。排序要领可以凭证需要选择,, ,,,,有这么多种可以选择,, ,,,,如下图:

1、函数标签实现新闻列表 第 3 张

 

属性控制即是否挪用的是推荐,, ,,,,转动,, ,,,,头条,, ,,,,热门等属性的文章,, ,,,,我们凭证需要设置,, ,,,,若是挪用的是最新文章则都不需要打勾。。。。文档数目好比输入10即挪用最新添加的10条新闻。。。。标签字数如30即挪用15个汉字。。。。输特殊式也有多种可以选择,, ,,,,可凭证需要举行选择。。。。一般若是懂自界说建议选择自界说样式输出,, ,,,,越发无邪。。。。如下图:

1、函数标签实现新闻列表 第 4 张

日期名堂也有很是多种可以选择,, ,,,,凭证网站的需要选择是否挪用日期。。。。若是不挪用则这边不选择,, ,,,,标签循环体中不挪用日期字段;;;若是需要挪用日期则要选择一个日期名堂,, ,,,,然后在标签循环体中挪用日期的字段。。。。如下图:

1、函数标签实现新闻列表 第 5 张

指定地区看文章是否要挪用各分地区的,, ,,,,若是不必则不选择。。。。条件是添加文章的时间也有指定所属地区。。。。

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

1、函数标签实现新闻列表 第 6 张

最后就是我们选择自界说输出样式的标签循环体,, ,,,,我们可以凭证需要选摘要输出的字段,, ,,,,上面我们要实现的海内新闻只需要显示文章链接及文章问题。。。。以是金狮贵宾会循环体只需要这样写:

[loop={@num}]

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

[/loop]

 

以是参数设置后如下图:

 

1、函数标签实现新闻列表 第 7 张

 

点击确定增添按钮生涯标签。。。。

 

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

 

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


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

  

1、函数标签实现新闻列表 第 8 张


以是要抵达金狮贵宾会要求,,,,,,就需要通过控制CSS样式,,,,,,翻开模板看挪用的是哪个样式表,,,,,,在样式表中加入以下这些样式:
.gn_news{}
.gn_news ul{padding:8px;}
.gn_news li{height:30px;line-height:30px;background:url(/bqhmb/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;}

再刷新前台模板,,,,,,金狮贵宾会效果就可以出来了。。。。如下图:

 

1、函数标签实现新闻列表 第 9 张

 

100%
金狮贵宾会·宾至如归-尊贵显赫 金狮贵宾会·宾至如归-尊贵显赫 金狮贵宾会·宾至如归-尊贵显赫
【网站地图】
1、函数标签实现新闻列表_KESION 金狮贵宾会-Kesi