自定义标签与内容页实战篇 邱嵩松5UCMS标签、模板与仿站教程 2-4
 

仿站我习惯以内容页、小列表页、首页、其他页这样的顺序来模仿网站，所以教程的2-4到2-7大家可以不按顺序学习。在模仿具体页面之前，我们需要安装和配置好5U，这个过程看大家需要吧，也许不久的将来我会写一个。虽然步凡大大之前说过一个，呵呵，SWF版的，但太大，加一起六十多M，不利于传播，但看看作为入门还是不错的！需要的百度找找吧，估计资源越来越少了。

那简单的说下配置，首先是安装，数据库名称跟后台目录最好改一下，为了防止被人下载入侵嘛。然后网站名称，一开始最好用动态的，便于调试，建立几个临时分类，每个分类下随便录入几篇文章，这些准备工作最好做好，这样，我们才可以专心处理模板。新版本的5U，即v1.2.2024，新增了header.html和down.html模板，只不过将其他页面经常用到的头和底分离出来，并在其他模板中include调用了，这个大家可以酌情使用，我是不大习惯分的太开，所以不用这俩模板，直接全部写在相应整块的模板中，感觉这样制作时比较省力，当然，制作完成后，大家可以根据习惯决定是否再分开，方便以后维护。

好，一般模板需要改动的地方主要分三大块：头部，中部，底部。这一节，先集中说下头部和底部，中部是重点，大家需要融会贯通才好！多练习一下，相信熟能生巧！

下载下来的页面中如果有一些JS统计代码，就删除，其他无用的JS也要删除掉。框架外部网页的，无用就删除，有用的就整合过来，方便修改。

一、头部：头部的内容主要涉及标题、描述、关键字、CSS、JS路径等，这些东西上节我们已介绍过，这里不再重复，大家也可以自己加一些其他链接进去，比如设为首页啦，收藏本站啦，RSS链接啦，当然，后边这几样也可以放底部的。

<a href="{sys:indexview}">{sys:indexname}</a> 这个意思是调用网站名称与首页地址，一般相当于导航栏里的 返回首页 大家可以按情况修改
 

 <!--menu:{ $cache=150 $table=channel }-->  <li><a href="[menu:curl]">[menu:cname]</a></li>  <!--menu--> 这段调用的是全部分类，我以前喜欢用这个，不过建议大家不用这个，自己做个自定义标签，比如用topmenu，自己写，也好排序，也好增加像论坛、商城、博客这样的自由链接，不用每次都修改模板，在后台就可以轻松搞定。

{tag:sitepath} 当前路径，用用比较好

<!--tags:{ $row=6 $cache=100 $table=tags $order=[count] desc}-->  <a href="{sys:plusurl}search/index.asp?keyword=[tags:name $function=urlencode]">[tags:name $len=4]</a>  <!--tags--> 热门关链字调用，ROW=6，代表调6个，LEN=4代表前四个字符。

<form action="{sys:plusurl}search/index.asp" method="post" name="frmsearch" id="frmsearch">
   <label>
   <input name="keyword" type="text" class="input" id="keyword" value="" style="width:140px;" />
   </label>
   <label>
   <input name="button" type="submit" class="btn" id="button" value="搜索" />
   </label>
</form>

搜索框中的LABEL标签可以省掉，修改的话，NAME部分别动，FORM部分地址别动，就不至于出错了。

二、底部：底部的东西一般就是关于我们，联系我们，版权，备案号什么的，根据实际情况，使用后台本就有的 {My:copyright} 就可以了，如果位置比较多，就多做几个自定义标签。关于它的使用，很简单，后台，标签，添加即可。然后出来三个框：

1、标签代码，这里只能是英文字母或符号，不能与其他标签重复，确定之后不可再修改，除非删除它重写新的。比如，你写个copyright,那么生成之后，列表中就会出现 {My:copyright} ，那么将这个代码放模板里，就可以生效啦，当然要放你想要放的位置。
2、标签说明，简要说是该标签的使用和用途，最好填写，写啥都成，自己能明白这标签是干啥用的就成。比如，按上面的来，你就应该写 版权说明 这样的备注。
3、HTML代码，HTML值,自定义的标签优先权最高,所以你可能调用系统标签。这里写详细HTML代码了，就是用自定义标签表示的代码，一般广告、多处使用的、经常变动的内容使用这样的自定义标签。

底部内容就是这么多，如有需要更多的东西，再添加。5U有一个关于我们的插件，可以专门用来写关于我们，联系我们这样的东西，当然，你也可以自己建立一个关于我们的分类来做，看个人习惯了。

三、中部：这是本节的重点，不好消化，大家边看教程，边对照5U自带模板article.html来看。

{field:title} 文章标题

{if:len("{field:author}")>0}作者 <span>{field:author}</span>{end if} 这里是作者调用标签，加if的作用是，如果作者名存在，则显示，不存在，则不显示，你也可以简单用{field:author}来表示作者。

{if:len("{field:source}")>0}来源 <span>{field:source}</span>{end if} 文章来源调用标签。

 浏览  <script src="{sys:plusurl}count/js.asp?id={field:id}" language="javascript"></script> 文章浏览量调用标签，{field:id}指的是当前文章ID号，{sys:plusurl}指的是插件目录，一般是plus目录

 发布时间 {field:createtime $format=yy/mm/dd} 发布时间调用，主要的是这几个,yy,mm,dd分别代表年、月、日，中间你也可以用别的符号隔开，如写成yy-mm-dd也成！如果需要小时，分钟，秒，那就用hh,nn,ss来表示。

{field:content} 具体文章内容，把目标模板的所有文章内容删除，别多也别少，能调用出文章内容

<div class="page"> {tag:page}<div style="clear:both;"></div> 调用页码标签，建议大家用全部的，然后把官方自带的CSS中的最后一部分 /* 分页 */ 下的所有内容复制到新的CSS中去，如要修改，就修改这部分，我感觉官方的这个页码样式还是挺好看的，一直没改过它，呵呵。如果大家不用的话，所有页码会挤在一起哦。

<a href="{sys:plusurl}comment/?id={field:id}">查看所有评论</a> 选用

<script language="JavaScript" type="text/javascript" src="{sys:plusurl}comment/js.asp?id={field:id}"></script>  最新评论，JS调用

发表评论部分：
        <form action="{sys:plusurl}comment/save.asp" method="post">
         <input type="hidden" name="id" value="{field:id}">
         <label for="user">昵称</label>
         <input name="user" type="text" class="input" />
         <label for="content">评论内容</label>
         <textarea name="content" cols="70" rows="6" class="textarea" onfocus="if($('sn').innerHTML.length==0){geturl('{sys:plusurl}comment/getcode.asp?'+Math.random(),'sn');}"></textarea>
         <span id="sn"></span>
         <input type="submit" name="submit" class="btn" value="发表评论" />
        </form>
这部分要注意的内容是，NAME一定不能改，onfocus=后面这段别去掉，除非你的评论不想用验证码， <span id="sn"></span>不能删除，否则还是不出验证码。

好，内容页的常用标签就介绍完毕，需要大家找些网站来实践，这里布置个简单的页面给大家试试看，http://www.fyxiaonei.com/secret/content.asp?id=235，能做出中间部分就及格了。

本教程首发于邱嵩松博客，有问题请论坛反馈http://www.fyxiaonei.com/bbs/forumdisplay.php?fid=119 下一节 我们将重点探讨各种列表的调用