• 网站首页
  • 安装指南
  • 模板设计
  • 模块说明
  • 常见问题
  • 优化技巧
  • 开发指南
  • 帮助中心
  • JIEQI CMS使用技巧
    • -生成静态页面
    • -广告与广告积分
    • -多服务器同步设置
    • -模板制作方法
    • -制作自定义页面
    • -页面显示配置语法
    • -常用文件说明
    • -采集规则说明
    • -定时采集配置方法
    • -Discuz!论坛整合说明
    • -常见问题总结
您所在的位置:JIEQI CMS 设计使用手册 > JIEQI CMS使用技巧 > 模板制作方法

模板制作方法

模板制作流程

打开浏览器,输入http://localhost/jieqi16_090826(jieqi16_090826是解压之后文件夹的名称),点击导航栏上面的网站管理进入后台,系统管理>系统定义,找到网站风格设置, 修改网站风格设置的名称,保存设置,点击左上边的网站首页,进入前台。

网站布局


这是网站的布局,只需修改所对应的样式,既可改变页面的宽度、高度等等...

页面布局的样式:

#wrapper // 总页面容器
#left  // 左边列
#right // 右边列
#centers // 中间列(一共为三列时)
#centerm // 中间列(一共为二列时)
#centerl // 中间列(一共为一列时)
#content // 主体内容

.main // 整页宽度的内容容器
.m_top // 网页最顶部(通常放快速导航链接)
.m_head // 网页头部(通常包括网站LOGO和BANNER)
.h_logo // 网站LOGO
.h_banner // 网站BANNER
.h_link // BANNER旁边的链接
.m_menu // 菜单栏
.m_foot // 网页底部

.block // 区块容器
.blocktitle // 区块标题
.blockcontent // 区块内容
.blocknote // 区块底部修饰

模板文件路径

JIEQI CMS 模板文件主要存在于以下几个目录中,更改相应的文件就能改变页面显示效果。注:为使更改后的模板生效,我们需要对相应的区块经行刷新 或者清理区块缓存。

modules/article/templates       //文章系统模板
modules/article/templates/blocks    //文章系统区块模板
modules/forum/templates       //论坛系统模板
modules/forum/templates/blocks    //论坛系统区块模板
templates              //公用页面模板(例如用户档案)
templates/blocks          //公用页面区块模板
themes/default           //主要风格模板

主要模板:

一般修改如下几个主要模板就能改变前台页面的大部分显示效果:
    modules/article/templates/index.html      // 目录页面
    modules/article/templates/style.html      // 章节内容
    modules/article/templates/fulltext.html     // 全文阅读
    modules/article/templates/articleinfo.html    // 书籍摘要页面
    themes/default/theme.html          // 动态页面公用模板
常用语法以及函数讲解

模板中标签的格式为{?XXX?},注意使用。

1、循环语句:
格式:{?section name=i loop=$var columns=1?}{?/section?}
说明:该语句以{?section name=i loop=$var columns=1?}开始,并以{?/section?}结束
举例:{?section name=i loop=$jieqi_cmblocks?}
   ……
   {?/section?}
解释:上例中表示的是,如果中间下方的区块存在,则在此处循环显示
2、判断语句
格式:{?if ... ?}...{? else ?}...{?elseif?}...{?/if?}
说明:该语句为判断语句
举例:{?if $jieqi_cmblocks[i].title != ""?}
   ……
   {?/if?}
解释:如果中间下方的区块的标题有内容,则显示这个区块的标题

3、截取字符串方法
函数:1、truncate - 截取固定长度字符串,参数一(必要):截取后长度,参数二:附加字符串。
格式:eg:$var=123456789;模板里面调用函数: {?$var|truncate:5?} | {?$var|truncate:5:"......"?}
输出:12345 | 123......

4、替换字符串
函数:str_replace - 字符串替换,参数一:查找的字符串,参数二:替换为字符串
格式:eg:$var=’//www.jieqi.com‘;模板里面调用函数: {?$var|str_replace:"www":"demo"?}
输出: http://demo.jieqi.com

5、处理时间函数
函数:date - 把数字类型的时间格式化成字符串,参数一:格式化字符串
格式:eg:$time=1198226131;模板里面调用函数: {?$time|date:"Y-m-d H:i:s"?}
输出:2007-12-21 16:35:31

6、专用于生成子目录名字的函数
函数:subdirectory - JIEQI CMS 里面专用于生成子目录名字的函数,针对数字的处理,无参数。输出格式类似 "/12",其中"/" 是表示开始一个子目录,"12"是子目录名字。
格式:eg:$id=3456;模板里面调用函数:/files/article/html{?$id|subdirectory?}/{$id?}/index.html
输出:/files/article/html/3/3456/index.html