找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12
查看: 1850|回复: 0
打印 上一主题 下一主题

为ourphp开发模板,ourphp模板开发指南及文档说明

209

主题

209

主题

209

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
跳转到指定楼层
1#
admin 发表于 2023-1-2 13:04:55 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
为ourphp开发模板,ourphp模板开发指南及文档说明

ourphp从7.0开始,插件及模板分为“付费”和“免费”两种。免费的插件和模板可通过ourphp的论坛版块中下载安装使用,付费的插件模板需要通过ourphp的应用市场在线安装和使用。


您设计的产品,可免费无私奉献给ourphp的普通使用者,也可通过ourphp的应用市场赚取拥金。
所有拥金都归开发者所有,官方不取收一分服务费。


成为模板开发者需要会 div+css+js+系统标签使用 的基础开发技能。


准备好了,我们开始学习模板开发吧!


第一、开发准备

         1. 如果您div+css+js不是很熟练,建议先学习一下YIQI-UI https://www.ourphp.net/?cn-about-33.html 可以快速学习css和用法。
         2. ourphp系统升级到7.0+ ,并进入后台-》运营-》开发者-》创建新模板
         3. 按照提示创建模板包,创建成功后,系统会在 /templates/ 目录内创建已模板ID为名称的文件夹,此文件夹就是模板初始开发包
         注:在此创建的模板为通用模板 , 无法单独创建移动端模板(Ourphp的PC模板和WAP是模板分开的)
                 但是可以做成H5自适应的 , 如果你的移动端模板也是单独的请替换 /templates/wap/ 目录
                 或者在新创建的模板目录中 , 做成H5自适应模板 (PC+WAP) 推荐!
         4. ourphp系统采用的是模板分离技术,后端php代码和前端div代码是分离的。前端ui开发者是不涉及php代码的。
         5. 模板分离采用的是smarty模板引擎,文档地址:https://www.ourphp.net/?cn-about-57.html 可参考使用
         6. ourphp把smaryt的标签代码做了改动,原始smarty标签为  例:{$smarty.get.id}那么在ourphp模板中需要这样使用 例:[.$smarty.get.id.]




第二、开始开发

         1. 在模板包内,创建栏目所需的模板html文件(可在后台-》内容-》栏目管理-》编辑栏目-》绑定的html模板)来查看栏目绑定的模板html。
         注:模板文件创建和命名参考:https://www.ourphp.net/club/forum.php?mod=viewthread&tid=18
         注:创建好以后请在后台-》界面-》模板安装使用-》选择使用新创建的模板。

         2. 创建好模板html文件后,在html文件中自由发挥你的div+css吧,把相关的ui设计代码写到模板的html文件中。
         3. 模板内调用后台中的数据可使用ourphp提供的静态标签来调用动态数据。标签位置-》后台-》全局-》模板标签
         4. 利用ourphp的模板标签配合你的模板代码,即可完成模板开发
         5. 模板中css和js或者图片引入时,可以多利用[.$templatepath.]标签。
         例:你的模板ID为 ourphp 那么模板位置就在 /templates/ourphp/ 如果你把js文件放到了/templates/ourphp/js/目录内
               原始的引入方法为:<script src="/templates/ourphp/js/jquery-2.1.1.min.js"></script>
         利用[.$templatepath.]标签的方法直接为 <script src="[.$templatepath.]js/jquery-2.1.1.min.js"></script>






第三、开发帮助

         1. 模板开发及仿站视频教程 https://www.ourphp.net/club/forum.php?mod=viewthread&tid=278
         2. 模板开发前的准备视频教程 https://www.ourphp.net/club/forum.php?mod=viewthread&tid=263
         3. 模板标签怎么插入到模板中应用视频教程 https://www.ourphp.net/club/forum.php?mod=viewthread&tid=264
         4. 模板列表翻页页码如何定义CSS教程 https://www.ourphp.net/club/forum.php?mod=viewthread&tid=7220
         5. 开发模板时缓存需要如何处理 https://www.ourphp.net/club/forum.php?mod=viewthread&tid=17



第四、开发完成打包

         1.  模板开发完以后,请截图一张模板首页图片,并用PS制作为200PX*200PX的缩略图片,命名为index.jpg放到模板目录中。
         2. 模板开发调试完成以后,请打包为zip文件。
         例:你的模板ID为ourphp  ,那么模板目录就为  /tempaltes/ourphp/  请把/ourphp/目录及目录内的文件及文件夹打包成 ourphp.zip



第五、发布

         1. 如果您的模板想免费给ourphp其它用户使用,请把模板zip包上传至百度或其它网盘,并在论坛发布您的模板说明及下载地址。
         注:模板下载版块 https://www.ourphp.net/club/forum.php?mod=forumdisplay&fid=36
      
         2. 如果您的模板是收费模板,请联系ourphp管理员(13199509559微信同步),发布到应用市场中。用户可通过应用市场购买及安装。













您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表