• 保存到桌面  加入收藏  设为首页
心得分享

OT模板教程1,不同的列表页用不同的侧边栏

时间:2012-02-20 13:48:41   作者:广东台球网   来源:网钛工作室   阅读:1518   评论:4
内容摘要:OT模板教程自定义,不同的列表页用不同的侧边栏首先,在进行修改之前,把原有模板做一个备份,这里以系统默认模板为例,先进入SKIN目录下,这里每一个文件夹对应一个模板文件,系统默认的模板文件夹是 default把整个文件夹复制一份,重命名,如我的模板文件名为...

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 广东台球网, 空多来转转,谢谢!

 

出处:网钛科技
网址:
http://otcms.com
转载时请注明出处和网址

目前网钛科技有限公司的产品如下:
1、网钛文章CMShttp://otcms.com
2、网钛互联http://www.otcms.net

3、网钛VPS教程网http://www.v0000.com

4、网钛远程桌面管理助手

5、网钛FTP数据备份助手


企业客服QQ:800166366


标签:OT模板教程  gd147.com  列表页  侧边栏  自定义  
相关评论
购买网钛CMS程序的请咨询企业QQ:800166366    网钛CMS作者QQ:877873666    阿里旺旺: 点击这里给我发消息sunyi3210
Powered by OTCMS V2.30