pp电子

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[loop={@num}]

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

[/loop]

以是参数设置后如下图：

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

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

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

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

以是要抵达pp电子要求，，，，，，就需要通过控制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;}

再刷新前台模板，，，，，，pp电子效果就可以出来了。。如下图：