模板目录与初始文件模路径与文件在开始制作之前,我们先来了解下 SHOP 的模板路径与文件SHOP 的模板文件与皮肤放置在不同的目录下模板存放在
/templates 目录下皮肤存放在
/skin 目录下下面针对默认模板做一下结构说明默认模板存放在
/templates/default 目录下1、 模块文件,文件夹中存放着可重复调用文件、模块,一般有头部、底部、侧栏等2、 框架文件,网站功能的整体框架页面对应的默认风格存放在
/skin/default 目录下1、文件夹中存放对应模板方案的图片、样式表、JS 等文件初始文件新建立一套模板的方法,复制一份默认模板方案与默认风格文件夹,放在相应的目录内,给新模板起一个名字,把两个文件夹同时更改成该名称
/templates 与
/skin 建立空的文件夹,然后把做好的 html 页面根据 iweb_sns 模板命名规则命名并存放到模板目录
登陆后台→全局设置→模板管理,找到你刚才建立的新模板选择应用模板,这样你就可以启用新的风格了建立网站框架、划分结构以默认模板为例子下面是首页设计好的效果图,我们来做一下区域划分,与常规的制作一样,成静态页面后把公共的部分分离出来,常见的有头部、底部与侧栏,引用他们到框架,用这样的语句{inc: include("shop/独立出来的文件名");/}我们可以根据上面的划分,规划出简单的布局框架如下:{inc: include("shop/header
html");/}{inc: include("shop/footer
html);/}这段代码放置于 index
html 内,调用了头部文件 header
html 与底部文件 footer
这样之后,我们需要在每个详细的区域来写入我们的模块布局,然后再把 IWEBSHOP 标签套入进去
下面是几个公共的框架页结构,分别