KingCMS模板制作新手教程.doc

注：需要模板改造的可留言联系我！（有偿服务）KingCMS的模板文件在系统管理目录下的templates文件夹下，默认有两个文件夹，分别是images（图片文件夹）和inside（内部模板文件夹），至于外部模板则是在templates文件夹下的那些文件，一般有home.htm（首页模板）、default.htm（默认模板）等，随个人设计的不同，外部模板也有所不同，KingCMS的外部模板可以只有1个文件，也可以有多个文件。 我设计的模板中，内部模板大部分是沿用的系统自带的模板，由于页面效果的需要，对部分内部模板文件做适当的修改是必要的，在此不做赘述，各位在后期的模板开发中会有所体会的。我的外部模板主要有以下3个文件：home.htm（首页模板）、default.htm（默认模板）、art.htm（文章页面模板）。至于KingCMS外部模板的制作，很简单，你可以直接用DW或是FP简单的做出来，也可以直接找个网站把页面另存后修改也可以，外部模板只是网页的框架而已，基本上是所见既所得的效果，至于网页的内容都是由内部模板实现的。本教程只介绍如何在外部模板中套用KingCMS的模块代码以实现其功能。1、home.htm（首页模板）效果如下图所示：（图1）一般网页都可以分为网页头部、主体部分及版权部分，头部主要是网站的导航部分、LOGO、广告等等；主体部分是网页主要内容的显示部分；版权部分是友情链接、底部链接及版权描述等等。如上图所示。在KingCMS模板中，网站导航有三种，即“顶部导航”、“中心导航”和“底部导航”，这两种导航的区别在于“中心导航”是带下拉菜单的，就想官方网站上的那个导航一样，而“顶部导航”则不带。“底部导航”则是在页面底部所显示的导航部分。KingCMS在页面生成后这三个导航均为JS文件，默认保存在系统目录下的page文件夹下的menu文件夹中，分别为menu_zh-cn.js（中心导航）、topmenu_zh-cn.js（顶部导航）、bottommenu_zh-cn.js（底部导航）。这三种导航在页面中的调用方法为：中心导航 king:centermenu/ 等同于king:menu/顶部导航 king:topmenu/ 等同于king:menutop/底部导航 king:bottommenu/ 等同于king:botmenu/或king:menubot/在图1中，123部分的代码是调用的通用文章标签：king:article type=new union=2,3 number=10(king:title size=20/)/king说明：1) type=new type属性共有5个可选项：new / 最新(默认值) | elite / 推荐 | hot / 热门 | chill / 冷门 | head / 头条2) union=Value1,Value2，union属性指定的是栏目的ID值，即调用指定栏目下面的所有文章，默认调用所有文章。3) intersection=Value1,Value2 ， intersection属性指定的是栏目ID，即调用同时属于几个栏目的文章，不能和union属性同时使用4) subtract=Value ， subtract为排除调用，即调用指定栏目外的其他栏目下面的文章。用法在说明中写的很清楚，要是还看不懂就没办法了。此外，在3中显示的是图片，这种效果只需要在king:article /king之间插入代码就可以显示为图片了。有相关知识的人可以很轻松的看出，KingCMS在标签的调用中，king:article /king之间的代码是支持html代码的，因此你可以随心所欲的设计。友情链接的标签代码为：king:link number=10 /king默认的是以图片方式显示友情链接，如果你想以文字方式显示的话，只需要把代码换成(king:title /)即可。4是网站统计本分，你可以直接调用站点信息标签king:info栏目总数：(king:countmenu/)主题贴总数：(king:counttopic/)回帖总数：(king:countboard/)文章总数：(king:countarticle/)用户总数：(king:countuser/)连接总数：(king:countlink/)来源网站数：(king:countrefer/)评论总数：(king:countcomment/)精华贴总数：(king:countbesttopic/)IP访问量总数：(king:countip/)pv访问量总数：(king:countpv/)起始统计日期：(king:startdate/)今日添加文章数：(king:articletoday/)今日ip：(king:todayip/)今日pv：(king:todaypv/)昨日ip：(king:yestip/)昨日pv：(king:yestpv/)本月ip：(king:monthip/)本月pv：(king:monthpv/)上月ip：(king:ultimoip/)上月pv：(king:ultimopv/)新加入会员：(king:newuser/)/king首页中基本上就这些东东。2、default.htm（默认模板）这个模板的作用是显示网站各个版块的列表页面的，也可以用做显示用户注册、登陆、搜索等系统页面的模板，效果如图2所示。这个页面的头部和底部与首页基本没有太大的区别，在此仅介绍中间主体部分的标签调用方法。（图2）在这个模板中，1部分是直接调用的内部模板，只需要在这里插入代码king:inside/以调用内部模板就可以了。这一部分的所有效果都是依靠内部模板来实现的。默认的内部模板是纯文字的方式来显示列表的，如果你想要其他效果，比如显示缩略图等，那就需要修改内部模板文件夹（inside）下的articlelist文件夹下的相应文件，一般默认的是default.htm文件。内部模板的修改只要按照html规范进行修改即可。各个内部模板的具体作用Sin.CS在“模板制作要求.txt”文件中有相应介绍。2是相关分类导航部分，即当前分类的下级分类列表，标签为：king:submenu class=article union=2,3(king:menuname/)/king说明：class属性值可以为article,news,bbs 如果不指定就读取所有的下级栏目union属性为栏目id,如果不指定,则为当前栏目下面的所有栏目,如果union=0,则调用根目录下面的栏目3与4部分的标签就是首页中的通用文章标签。5是位置导航标签，代码为king:guide/3、art.htm（文章页面模板）这个模板也可以省略，直接用default.htm（默认模板）模板也可以，我在此把他独立出来是因为我把内部模板中的“相关文章”显示部分移动到外部模板中了（即图3中的3）。这个页面基本上所用的标签和default.htm模板一样，其中，3相关文章的标签为：king:article type=realte number=6 (king:title size=30/)/king对于系统的各种标签，Sin.CS在官网的帮助页面中有所介绍/help/大家有空可以好好看看，对你一定会有很大的帮助的。（图3）模板设计好了，接下来简单的讲一下如何在系统中设置模板。进入系统的栏目中心，在新建栏目或修改栏目时做如下设置或修改：（图4）1、 栏目类型：根据需要选择，一般网站的主要栏目都选择文章系统，“网站招聘”选择“招聘信息”，“网站介绍”等页面选择“单页面”，外部连接或其他非系统页面选择“超级链接”。2、 列表页模板：就是这一版块的文章列表所使用的模板，在本例中是模板d