iitding | 发表于:10-09-04 09:15 [添加收藏] 楼主 [回复] #Top# |
---|---|
人气:582
积分:1
金币:18324
|
KingCMS的模板文件在系统管理目录下的templates文件夹下,默认有两个文件夹,分别是images(图片文件夹)和inside(内部模板文件夹),至于外部模板则是在templates文件夹下的那些文件,一般有home.htm(首页模板)、default.htm(默认模板)等,随个人设计的不同,外部模板也有所不同,KingCMS的外部模板可以只有1个文件,也可以有多个文件。 至于KingCMS外部模板的制作,很简单,你可以直接用DW或是FP简单的做出来,也可以直接找个网站把页面另存后修改也可以,外部模板只是网页的框架而已,基本上是所见既所得的效果,至于网页的内容都是由内部模板实现的。本教程只介绍如何在外部模板中套用KingCMS的模块代码以实现其功能。 1、home.htm(首页模板) 效果如下图所示:
一般网页都可以分为网页头部、主体部分及版权部分,头部主要是网站的导航部分、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" />换成(king:title /)即可。 4是网站统计本分,你可以直接调用站点信息标签 {king:info} {/king} 首页中基本上就这些东东。 2、default.htm(默认模板) 这个模板的作用是显示网站各个版块的列表页面的,也可以用做显示用户注册、登陆、搜索等系统页面的模板,效果如图2所示。这个页面的头部和底部与首页基本没有太大的区别,在此仅介绍中间主体部分的标签调用方法。 (图2) 在这个模板中,1部分是直接调用的内部模板,只需要在这里插入代码{king:inside/}以调用内部模板就可以了。这一部分的所有效果都是依靠内部模板来实现的。默认的内部模板是纯文字的方式来显示列表的,如果你想要其他效果,比如显示缩略图等,那就需要修改内部模板文件夹(inside)下的article[list]文件夹下的相应文件,一般默认的是default.htm文件。内部模板的修改只要按照html规范进行修改即可。各个内部模板的具体作用Sin.CS在“模板制作要求.txt”文件中有相应介绍。 2是相关分类导航部分,即当前分类的下级分类列表,标签为: {king:submenu class="article" union="2,3"} 说明: class属性值可以为article,news,bbs 如果不指定就读取所有的下级栏目 3与4部分的标签就是首页中的通用文章标签。 5是位置导航标签,代码为{king:guide/} 3、art.htm(文章页面模板) 这个模板也可以省略,直接用default.htm(默认模板)模板也可以,我在此把他独立出来是因为我把内部模板中的“相关文章”显示部分移动到外部模板中了(即图3中的3)。 这个页面基本上所用的标签和default.htm模板一样,其中,3相关文章的标签为: {king:article type="realte" number="6"} ·<a href="(king:path/)" title="(king:title/)">(king:title size="30"/)</a><BR> {/king}
(图3) 模板设计好了,接下来简单的讲一下如何在系统中设置模板。 进入系统的栏目中心,在新建栏目或修改栏目时做如下设置或修改: (图4) 1、 栏目类型:根据需要选择,一般网站的主要栏目都选择文章系统,“网站招聘”选择“招聘信息”,“网站介绍”等页面选择“单页面”,外部连接或其他非系统页面选择“超级链接”。 2、 列表页模板:就是这一版块的文章列表所使用的模板,在本例中是模板default.htm 3、 内容页模板:就是文章内容显示页面的模板,在本例中是模板art.htm 4、 栏目显示:有3个复选项,选择后即可加入到相应的导航菜单中,可以重复显示。 5、 快截菜单:一般各个版块的下级版块选择此项,选择后在中心栏目的下拉菜单中会显示。 6、 打开方式:选中就在新窗口中打开 7、 地图显示:选种就在“网站地图”页面中显示。
Ta最近还发表过
[使用]
CHM怎么没有内容
(17-04-23)
[疑问]
谁有“Sp2包附带的新demo模板”分享下
(16-07-27)
[疑问]
请教下三级循环怎么写?
(16-07-27)
[其他]
Kingcms很给力,昨天上的网站,百度今天就ok了
(16-05-03)
[其他]
看看女朋友咋样,群友鉴定!!!
(16-04-27)
随机阅读
[建议]
现在 还有没有 动态 ?
(16-04-06)
[疑问]
后台充值续费应用了 但是没反应 K币已经花了
(16-01-02)
[使用]
请问商城模型,添加新字段
(14-03-30)
[使用]
哪里有ASP版的使用案例?
(13-08-07)
[疑问]
文章的评论难道只能在静态页面下才能显示出来吗???
(12-10-25)
|
苦树 | 发表于:10-09-04 11:48 沙发 [回复] #Top# |
---|---|
人气:25
积分:213
金币:12185
|
百度图片不显示。
|
sanwen | 发表于:10-09-04 11:59 板凳 [回复] #Top# |
---|---|
人气:74
积分:227
金币:2181
|
全部是叉叉。。。
|
KingCMS.Info | 发表于:10-09-04 15:13 4楼 [回复] #Top# |
---|---|
人气:34
积分:85
金币:952
|
很可怜的教程....
|
iitding | 发表于:10-09-04 15:15 5楼 [回复] #Top# |
---|---|
人气:582
积分:1
金币:18324
|
回复:沙发
汗 去捣捣图片·· |
iitding | 发表于:10-09-04 15:20 6楼 [回复] #Top# |
---|---|
人气:582
积分:1
金币:18324
|
⊙﹏⊙b汗···发的帖子不能编辑吗···
|
greensea | 发表于:10-09-20 19:27 7楼 [回复] #Top# |
---|---|
人气:55
积分:137
金币:480
|
注册到现在。看帖50页纪念
|
xydirk | 发表于:10-09-21 12:19 8楼 [回复] #Top# |
---|---|
人气:28
积分:845
金币:1161
|
这个是asp教程吧?和php通用吗?
|
iitding | 发表于:10-09-21 15:11 9楼 [回复] #Top# |
---|---|
人气:582
积分:1
金币:18324
|
Reply: 8楼
这是asp的· |
xydirk | 发表于:10-09-21 15:17 10楼 [回复] #Top# |
---|---|
人气:28
积分:845
金币:1161
|
Reply: 9楼
和php的通用吗?比如那个{king:guide/} |