免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: 为ourphp开发模板，ourphp模板开发指南及文档说明 [打印本页]

作者: admin 时间: 2023-1-2 13:04
标题: 为ourphp开发模板，ourphp模板开发指南及文档说明
为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微信同步），发布到应用市场中。用户可通过应用市场购买及安装。

作者: admin 时间: 2025-1-24 14:43

OURPHP 8.6.0+ 增加了模板标记标签

我们常常在开发模板中，通过程序提供的标签来调用数据。但是模板中有一些文字是固定或写死在HTML模板中的。往往有小白在使用模板时，发现有些文字在后台无法修改。
所以根据这种情况，我们增加了一个标签标记，在模板中固定或写死的文字加上这个标记后。小白们通过后台->在线模板编辑，就可以直接编辑模板中的固定文字啦。

请开发者在开发模板是，把模板中固定或要写死的文字加上
<op:tempfont></op:tempfont>印记

例如：

<op:tempfont>当前位置：</op:tempfont>

作者: admin 时间: 昨天 16:04
OURPHP 8.6.1+ 增加了模板在线编辑Style

用户或者不懂修改模板的客户，可通过后台的在线编辑模板来设置模板的相关风格、颜色等。

请模板开发者在开发模板或修改已开发好的模板中按以下要求增加此功能

一、调用标签
请在你的模板目录中，找到顶部通用模板（如果没有，请用编辑器打开所有模板）
在你开发的CSS代码下插入

[.style type="default".]

标签

例如：
<link rel="stylesheet" type="text/css" href="[.$templatepath.]css/indexcss.css" />
[.style type="default".]

要保证[.style type="default".]在你的CSS代码下面。

PC端插入[.style type="default".]
手机端插入[.style type="wap".]
会员中心插入 [.style type="user".]

二、在模板目录中新建JSON文件
在你的模板目录如，例如\templates\default\目录中，新建一个templates.json文件

并初始化代码：

{"顶部背景条颜色":{".hyjr_dkkd":"background:#0067d0"},"顶部背景条链接颜色":{".hyjr_zt a":"color:#cbe5ff"}}

复制代码

这样后台就可以通过编辑JSON文件来控制模板的颜色等参数啦。

三、开发者预设置好基础参数。
开发者请把模板中常调整的CSS值做为预设置参数。例如：背景颜色，导航颜色，页面底部页脚背景颜色等。
这些在开发模板中都是常调整的，所以我们把这些写入到JSON里。使用OURPHP的客户即可通过后台修改，不需要在手动写代码了。

JSON编写格式：

{
"顶部背景条颜色":{
".hyjr_dkkd":"background:#0067d0"
},
"顶部背景条链接颜色":{
".hyjr_zt a":"color:#cbe5ff"
}
}

欢迎光临免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://ourphp.net/club/)