KingCMS3.0模板新手教程-模板新手教程

[来源:1573net.com] [作者:tyx8023] [日期:2007-11-24] [热度:]

KingCMS模板新手教程,应部分网友的要求,简单的介绍一下如何用KingCMS盗用别人的模板
注意:盗用别人的模板的前提是必须有一定的HTML语言基础,最好再懂点CSS知识。
由于KingCMS5.0还缺很多插件,暂时还不适合做模板,所以本教程主要针对KingCMS3.0版本.
首先找到一个合适的网站,本例选用的是“站长网”的“学院频道(http://edu.admin5.com/)”。

本站原创www.1573net.com liyongbin,转载请保留此句


1、另存网页待用。
   一般网页只需要另存两个页面就可以了,分别是首页、列表页,所以,我们现在分别找到
“站长网学院频道”的如下栏目,然后另存一下。
   (1)“站长网学院频道”首页 (“http://edu.admin5.com/”)-----------另存为home.htm
   (2)“网页制作”下的“Dreamweaver”版块的列表页面“http://edu.admin5.com/browse/128/index.shtml”
-------------另存为default.htm
    把这三个网页另存一下代用。
2、对刚刚另存的网页进行处理。
   这一过程要用到HTML语言知识,另外,由于“站长网”的页面结构采用的是DIV+CSS,所以还必须知道一定的CSS知识。
如果不知道现在就去学学再来看本教程吧。
   对网页的处理,简单的讲就是把刚刚另存的网页中除了页面结构外的多余的内容或是代码清除,经过这一处理后,
刚刚另存的网页就应该只剩框架了。另外,刚另存的时候每个网页分别以自己的文件名建了个文件夹来存放所要调用的文件,
如图1,


所以,在这一步骤中我们还要把两个文件所调用的CSS文件拷贝到一个目录下调用(其他文件都用不到,可以直接删除),
具体做法是:新建一个"images"文件夹,把“default.files”或是“home.files”文件夹下的“world.css”文件拷贝到"images"文件夹下,然后删除“default.files”
和“home.files”文件夹,再把“default.htm”和“home.htm”中的如下语句“<LINK href="*/world.css" type=text/css rel=stylesheet>”
换成<LINK href="images/world.css" type=text/css rel=stylesheet>。处理完后文件夹结构如图2。



   此外,还有一点要非常注意,因为KCMS采用的是UTF-8的编码,所以在修改完上述两个文件后,还要记得把文件编码修改为
“UTF-8”,否则在生成页面的时候中文将显示为乱码。
如图3。



以下为处理后的效果图,大家可以参考一下(因为首页和列表页结构差不多,所以我只做了列表页的效果图)。
如图4


本站原创www.1573net.com liyongbin,转载请著名出处


3、套用标签。
   这一部分很简单,你所需要的所有代码都可以在管网“帮助”栏目(http://www.kingcms.com/Help/index.htm)中
找到。

常用的就是系统标签、通用文章标签、和广告标签。

下面具体讲讲如何套用标签。
在图4中可以看到页面各个部分应放什么标签。
(1)LOGO:就是网站的LOGO,对应标签为“系统标签中”的“{king:sitelogo/}”或是“{king:logo/}”
(2)广告:就是调用广告标签,{king:ad name="GGAD" /},如果不会就去看看
http://www.kingcms.com/Help/2006-9-5/6954592747.htm
(3)中心栏目:调用系统标签中的中心导航“{king:menu/}”或是“{king:centermenu/}”
(4)搜索:下面是一个简单的搜索代码,直接插入就可以了。
<form name="form1" method="get" action="{king:page/}search.asp">   
   <input type="text" name="query" value="" maxlength="150" size="29" />   
      <INPUT class="button" type="submit" value="搜索">
   <input type="hidden" name="space" value="0" />
   <input type="hidden" name="classid" value="2" />
      <input type="hidden" name="rn" value="10" />
      <input type="hidden" name="king" value="kingcms" />    
</FORM>
(5)栏目名称:就是下面列表部分所属的栏目的名称,在列表页中可以由内部模板来完成,但首页中必须自己用
HTML代码写,并且最好加个连接到该栏目。
(6)内容部分:就上图中的“{king:inside/}”部分。
     在首页中,这部分主要是针对各个版块调用最新文章,所以在“home.htm”模板中,这一部分直接插入通用文章标签代码:
{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为排除调用,即调用指定栏目外的其他栏目下面的文章。

说明中写的很清楚,所以就不多废话了。

     在列表模板“default.htm”中,这一部分直接插入代码“{king:inside/}”来调用内部模板即可。

(7)侧边栏目:侧边栏目一般都是网页的扩展版块,一般包括“最新文章”、“热门文章”、“推荐文章”、“广告”
等等,其中“最新文章”、“热门文章”、“推荐文章”可以直接用(6)中的“通用文章标签”即可,“广告”直接插入广告
标签。
(8)底部栏目:调用系统标签中的“底部导航”标签{king:bottommenu/}或{king:botmenu/}或{king:menubot/}
(9)版权:调用系统标签中的“ 网站底部 信息”标签{king:bottominfo/}或{king:bottom/}或{king:sitebottom/}

模板调用及其他问题可以看看我以前写的教程 http://www.1573net.com/KingCMS/KingCMS3-0MoBanZhiZuoXinShouJiaoCheng-MoBanZhiZuoJiaoCheng/

一网情深,为您提供免费的网络学习资源