phpwind9-0风格模板开发文档0-1beta版.docxVIP

阿里云计算有限公司phpwind9.0风格模板开发文档ued龙文2012/9/17目录前言31．风格模板种类41.1.整站（site）41.2.版块（forum）41.3.门户（portal）41.4.空间（space）42．后台界面相关52.1.模板设置路径52.2.本地安装52.3.界面管理62.4.风格相关设置63．开发相关目录73.1.涉及到风格模板的相关文件73.2.风格类型文件夹说明73.3.风格包的基础结构73.4.外部Template的作用83.5.模板包里配置文件说明84．风格包相关文件104.1.Css104.2.images10前言本文主要对phpwind9.0的模板体系进行详细的说明，并附带一些实战案例进行讲解和分析。本文的目标对象是站长和风格模板开发者，为站长提供后台的相关设置知识，为开发者提供相关的结构知识，文章内会附带大量专业术语。风格模板种类整站（site）整站风格相当于我们早期版本的论坛风格，负责整个站点的视觉体系和表现，它包含所有的基础页面。版块（forum）根据大量实际的需求和调查应运而生，也是老版本版块风格选择进化而来。它承载着我们所追求主旨里面的多变，它可以让版块变成市面上各种流行的界面元素：瀑布流、微论坛、新闻文章、分类信息、生活频道等等。门户（portal）与老版本的性质一样，都是具有单一的频道性质，优点是p9在体验优化上进行了大量改进，并且在体系上可以选择是否继承整站，亦能作为专题来使用。在前台有导入和导出效果，大大简化了操作步骤，并且模块设置上，做了大量的工作，功能更丰富。作者本人也非常喜欢门户的相关功能。空间（space）产品上的目标是打造轻量级的个人信息展示页，类似轻博客。注：每个种类下，一个文件夹就是一个风格。后台界面相关2.1.模板设置路径登陆后台，点击一级导航 云平台在选择左侧菜单 模板管理2.2.本地安装通过上述操作后，选择本地安装，进入本地安装页面。点击上传按钮，选择本地已有的模板包进行安装即可出现在相关类型的模板列表里。界面管理位置就在 模板管理 本地安装的后面。主要有3个大类型，全局、头部、全局共用模块。能更换站点的logo，背景，字体和字大小等等，如果懂得多的话，还能调整颜色，添加比较好看的图片，实现站点的个性化定制。当然，这个不会对风格原文件有影响，它的原理就是新增相关的css来替换掉风格里面的css。所以，如果你后台设置了相关样式，替换风格后某些地方没变，那么就需要你到后台去删除掉了。就实用性来说，比87绝对是很大的一个进步。我想不怎么会模板的站长，你们会喜欢的。风格相关设置整站的风格，只能选择一个，所以选择后就是那个。个人空间，全部显示，可以指定一个为默认风格。版块风格是安装后，到版块那边选择。门户模板目前是需要创建一个新页面，然后通过前台菜单导入。开发相关目录3.1.涉及到风格模板的相关文件res不属于模板体系的一些相关静态文件存放，比后台、安装等等template模板的html文件库themes所有风格包目录风格类型文件夹说明进入themes我们会发现有5个文件夹Extres应用包里的资源文件存放Forum版块风格Portal门户风格Site整站风格Space空间风格风格包的基础结构P9的所有风格类型文件夹格式都是同一的，这样能减少大量学习的成本，并且开发也方便。这里以默认的default风格为例，旗下有4个文件夹对应开发的相关文件。整站对应的调用路径变量：Cssmailto:%7b@theme:site.css%7d{@theme: css}Imagesmailto:%7b@theme:site.images%7d{@theme: images}Jsmailto:%7b@theme:site.js%7d{@theme: js}门户对应的调用路径变量：Css{@G:design.url.css}Images{@G:design.url.images}Jsmailto:%7b@G:design.url.js%7d{@G:design.url.js}空间对应的调用路径变量：Css{@theme:css}Images{@theme:images}Js{@theme:js}版块对应的调用路径变量：Css{@theme:css}Images{@theme:images}Js{@theme:js}注：如果想在空间里引用当前整站风格的路径，可以这么写{@theme:site.css}，其他同理。外部Template的作用与themes同级别的template是作为风格模板文件的补充，也可以说是一个文件库，原理就是当风格里面没有相关文件的话，系统会自动到库里面去查找补充。这样就可以做到风格的html文件不必每个都必须存在。所以风格里面的template文件和文件夹