OT模板教程
自定义,不同的列表页用不同的侧边栏
首先,在进行修改之前,把原有模板做一个备份,
这里以系统默认模板为例,
先进入SKIN目录下,这里每一个文件夹对应一个模板文件,
系统默认的模板文件夹是 default
把整个文件夹复制>份,重命名,如我的模板文件名为GD147
然后来到系统后台,刷新,激活模板,
现在就可以开始修改你的模板了!
进入模板管理页,在开始之前,我还在系统管理页做了一点修改:
系统后台,template.asp 文件
找到这个文件,用记事本打开,在下方可以见到/统对模板文件的命名定义,
ExtToCN="未定义网页"
Select Case filename
Case "index.html": ExtToCN="<span style='color:red;'>首页模板</span>"
Case "top.html": ExtToCN="<span style='color:red;'>默认页头模板</span>"
Case "topCSS1.html": ExtToCN="<span style='color:red;'>首页头CSS调用</span>"
Case "topCSS2.html": ExtToCN="<span style='color:red;'>列表页头CSS调用</span>"
Case "topCSS3.html": ExtToCN="<span style='color:red;'>内容页头CSS调用</span>"
Case "bottom.html": ExtToCN="<span style='color:red;'>默认页尾模板</span>"
Case "bottom1.html": ExtToCN="<span style='color:red;'>首页尾模板</span>"
Case "bottom2.html": ExtToCN="<span style='color:red;'>列表页尾模板</span>"
Case "bottom3.html": ExtToCN="<span style='color:red;'>内容页尾模板</span>"
Case "list.html": ExtToCN="<span style='color:red;'>列表页模板</span>"
Case "list1.html": ExtToCN="<span style='color:red;'>列表右侧模板1</span>"
Case "list2.html": ExtToCN="<span style='color:red;'>列表右侧模板2</span>"
Case "list3.html": ExtToCN="<span style='color:red;'>列表右侧模板3</span>"
Case "message.html": ExtToCN="<span style='color:red;'>留言本模板</span>"
Case "news.html": ExtToCN="<span style='color:red;'>默认内容页模板</span>"
Case "news1.html": ExtToCN="<span style='color:red;'>内容页模板1</span>"
Case "news2.html": ExtToCN="<span style='color:red;'>内容页模板2</span>"
Case "news3.html": ExtToCN="<span style='color:red;'>内容页模板3</span>"
Case "news4.html": ExtToCN="<span style='color:red;'>内容页模板4</span>"
Case "news_right.html": ExtToCN="<span style='color:red;'>默认右侧模板</span>"
Case "news_right1.html": ExtToCN="<span style='color:red;'>内容右侧模板1</span>"
Case "news_right2.html": ExtToCN="<span style='color:red;'>内容右侧模板2</span>"
Case "news_right3.html": ExtToCN="<span style='color:red;'>内容右侧模板3</span>"
Case "web.html": ExtToCN="<span style='color:red;'>单篇页模板</span>"
Case "webFull.html": ExtToCN="<span style='color:red;'>全屏单篇页模板</span>"
Case "sitemap.html": ExtToCN="<span style='color:red;'>网站地图模板</span>"
End Select
这是我修改后的命名方式,命名后,你只要在模板内加入对应的文件,系统会显示你的命名,这样可以更方便的管理模板!
好了准备工作完毕,现在开始,以列表页为例:
打开列表页模板,进入编辑后,如果你没有改动过,那么里面的内容会是这样:
(注:为了方便显示,在所有的"{"后面加了个空格,如复制使用,请去掉!)
{ otcms:load file="top.html"}
<!-- [OTCMS] -->
<div class="height10"></div>
<div class="clear"></div>
<div id="mainBody">
<div class="areaL" id="newsList">
{ otcms:function name="OTCMS_NewsList" areaName="{ otcms:itemName}" mode="{ otcms:itemMode}"
num="{ otcms:itemNum}" typeStr="{ otcms:itemTypeStr}" level="{ otcms:itemLevel}"}
</div>
<div class="areaR">
{otcms:load file="news_right.html"}
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
{otcms:load file="bottom.html"}
解释一下上面的代码,
{otcms:load file="top.html"} 呼叫头部页,
<!-- [OTCMS] -->
<div class="height10"></div> 分隔行层
<div class="clear"></div> 分隔行层
<div id="mainBody"> 中间部分层名称
<div class="areaL" id="newsList"> 中间左边正文层名称
--------------正文开始----------------
{ otcms:function name="OTCMS_NewsList" areaName="{ otcms:itemName}" mode="{ otcms:itemMode}"
num="{ otcms:itemNum}" typeStr="{ otcms:itemTypeStr}" level="{ otcms:itemLevel}"}
--------------正文结束----------------
</div>
<div class="areaR"> 中间右边层名称
{ otcms:load file="news_right.html"} 呼叫右侧页,
</div>
<div class="clear"></div>分隔行层
</div>
<div class="clear"></div>分隔行层
{ otcms:load file="bottom.html"} 呼叫尾部页,
很明显的看出整个列表页面的组成!
如何修改?如果只是换掉呼叫右侧的页面,我也不用搞那么多的自定义页面了,
我要做的&,不同的列表页,就呼叫不同的右侧页,
这里要用到OT内置标签: { otcms:rightMenuItemID} 这个标签的意思是分类ID,
OT公布的标签说明也太不认真了,连例子都没一个,说明也不清楚!
为了找这个标签,我在群里问了好久,没人理我,踩一下佐罗,害我好&!
回归正题
以我的广东台球网为例 www.gd147.com
我要为我的栏目名叫球房的分类做一个右侧页,在文章管理--栏目管理中看到,球城的ID为57,注意,这里的ID是一级分类,不是二级分类!
在模板中加入判断语句
{ if 33 = 57} 如果当前一级分类的ID为57
{ //球房右侧}
{ otcms:load file="list1.html"} 呼叫列表1
{ elseif 33 = 42} 如果当前一级分类的ID为42
{ //友в也鄛
{ otcms:load file="list2.html"} 呼叫列表2
{ else} 其它列表分类
{ //通用右侧}
{ otcms:load file="list3.html"} 呼叫列表3
{ /if}
把这里的判断语句放在中间右侧层里,就可以了!
注意,OT的判断好像只s持最多三个判断,但可以叠加使用,如果你要判断多个分类,请用如下格式:
{ if 33 = 57}
{ otcms:load file="list1.html"}
{ else}
{ if 33 = 42}
{ otcms:load file="list42.html"}
{ /if}
{ if 33 = 11}
{ otcms:load file="list11.html"}
{ /if}
{ if 33 = 12}
{ otcms:load file="list12.html"}
{ /if}
{ /if}
今天就到这里,下一篇,教你修改CSS模板表,配合模板,自定义列表页右侧分类导航
效果例:
http://www.gd147.com/news/?list_57.html
这里把原来在右侧上方的分类导航移到了正文上方,而且,后台开关有效哦,可以在后台关闭!
我的网站:www.gd147.com 广东台球网, 空多来转转,谢谢!
3、网钛VPS教程网:http://www.v0000.com
企业客服QQ:800166366