Phpwind 9.0 风格模板开发说明图文教程

风格类型

phpwind9.0版本有4种风格类型,目录如下图


整站(site)

整站风格相当于我们早期版本的论坛风格,负责整个站点的视觉体系和表现,它包含所有的基础页面。


版块(forum)

根据大量实际的需求和调查应运而生,也是老版本版块风格选择进化而来。它承载着我们所追求主旨里面的多变,它可以让版块变成市面上各种流行的界面元素:瀑布流、微论坛、新闻文章、分类信息、生活频道等等。


门户(portal)

与老版本的性质一样,都是具有单一的频道性质,优点是p9在体验优化上进行了大量改进,并且在体系上可以选择是否继承整站,亦能作为专题来使用。在前台有导入和导出效果,大大简化了操作步骤,并且模块设置上,做了大量的工作,功能更丰富。


空间(space)

产品上的目标是打造轻量级的个人信息展示页。


---------------------------------------------------------


相关文件夹

在根目录www的目录下
  • res(不属于模板体系的一些相关静态文件存放,比后台、安装等等)
  • template(模板的html文件库)
  • themes(所有风格包目录)



风格类型文件夹说明

进入themes我们会发现有5个文件夹
  • Extres(应用包里的资源文件存放)
  • Forum(版块风格)
  • Portal(门户风格)
  • Site(整站风格)
  • Space(空间风格)



风格包的基础结构

phpwind9的所有风格类型文件夹格式都是统一的,这样能减少大量学习的成本,并且亦方便开发。
这里以默认的default风格为例,旗下有4个文件夹对应开发的相关文件。



文件夹详情

  1. images(图片包)
    • album(相册)
    • app(应用)
    • common(公共图片)
    • editor(帖子内容输出专用)
    • forum(版块和帖子页)
    • icon(小图标)
    • like(喜欢)
    • medal(勋章)
    • message(消息)
    • profile(设置)
    • slide(图片幻灯)
    • tags(话题)
    • task(任务)
    • tips(提示)
    • vote(投票)
    • logo.png(站点logo)
    • preview.jpg(风格缩略展示图)
  • css(样式表)
    • album.css(相册
    • announce.css(公告独立页)
    • app.css(应用)
    • common.css(全局样式表(头尾效果、全局背景等))
    • core.css(初始化/全局的公用控件)
    • create.css(门户-创建自定义页面)
    • editor_content.css(帖子内容输出样式(编辑器和帖子阅读页))
    • fans.css(关注/粉丝/找人/访问脚印)
    • forum.css(版块页面(包含列表和阅读页))
    • fresh.css(新鲜事)
    • invite.css(邀请注册)
    • like.css(喜欢)
    • management.css(帖子管理
    • medal.css(勋章)
    • message.css(消息)
    • post.css(发帖页)
    • profile.css(设置/前台管理)
    • register.css(注册流程)
    • tag.css(话题)
    • task.css(任务)
  • js(风格包专属js,根据情况出现,默认风格没有)
  • template(风格html文件,根据情况出现,具体使用见外部Template的作用



  • 路径调用变量

    • 整站对应的调用路径变量:Css({ @ theme : css })
    • Images({ @ theme : images })
    • Js({ @ theme : js })
    门户对应的调用路径变量:
    • Css({ @G :design.url.css })
    • Images( { @ G : design.url.images })
    • Js({ @G :design.url.js })
    空间对应的调用路径变量:
    • Css({ @theme :css })
    • Images({ @theme :images })
    • Js({ @theme :js })
    版块对应的调用路径变量:
    • Css({ @theme :css })
    • Images({ @theme :images })
    • Js({ @theme :js })
    注1:如使用,请清理变量内多余空格
    注2:如果想在空间里引用当前整站风格的路径,可以这么写{ @ theme :site.css},其他同理。
    注3:所有的css文件都在css/dev里面,这是开发版本,只有当后台 工具 -> 缓存管理 -> 开启css压缩后 会在css文件夹里面再生成一个压缩后的文件夹build,用于存放压缩后的css文件



    外部Template的作用

    与themes同级别的template是作为风格模板文件的补充,也可以说是一个文件库,原理就是当风格里面没有相关文件的话,系统会自动到库里面去查找补充。这样就可以做到风格的html文件不必每个都必须存在。所以风格里面的template文件和文件夹都必须和外部的template相同,作为映射。
    举个例子,如果我这套风格想修改read_run.htm这个文件,那么在外部template那的位置是template/bbs/read_run.htm, 则模板里面也必须有相同的文件夹,那么创建后的目录就是: 我的风格/template/bbs/read_run.htm



    配置文件Manifest.xml说明

    模板里还剩下最后一个不认识的文件:Manifest.xml。这个在老版本是没有的,那么他出现在这里主要为了解决什么,下面我们来看看它里面都有什么?
    • (风格名称)
    • (安装后的文件夹名)
    • (风格版本号)
    • (对应程序的版本)
    • (是应用还是风格)
    • (简单的缩略图)
    • (风格类型,是整站还是空间等)
    • (风格说明,总要说几句吧,这么辛苦做出来的风格)
    • (对应编码)
    • (作者的地址)
    • (作者)
    • (作者邮箱)
    • (作者图标)
    Manifest不仅声明了系统版本,风格版本等等,还强调开发的作者和作者的链接,希望能带给开发者声望和荣誉。


    握手

    雷人

    路过

    鲜花
    该文章已有0人参与评论

    请发表评论

    全部评论



    零度资源网 © 2011-2020   蜀ICP备13025384号-1

          安全联盟认证