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} a href=(king:path/) target=_blank(king:title size=20/)/a {/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}之间插入IMG height=88 alt=(king:title/) src=(king:image/) width=120 border=0/A代码就可以显示为图片了。 有相关知识的人可以很轻松的看出，KingCMS在标签的调用中，{king:article …}…{/king}之间的代码是支持html代码的，因此你可以随心所欲的设计。 友情链接的标签代码为： {king:link number=10} ??? a href=(king:path/) ??????? img alt=(king:description/) src=(king:image width=88 height=31/) height=31 height=88 / ??? /a {/king} 默认的是以图片方式显示友情链接，如果你想以文字方式显示的话，只需要把代码img alt=(king:description/) src=(king:image width=88 height=31/) height=31 height=88 /换