PbootCMS模板制作教程(三)

前言

学习程序,一定要多动手,多思考。

由于本系列是模板制作教程,因此不会涉及一些基础的HTML以及CSS这些知识的详解,大家需要自行去了解。

在了解PbootCMS的模型概念和拥有一定的基础知识之后,就可以开始动手制作模板了。

创建模板目录

在template目录下,新建模板目录,命名随意。(例如:new)

PbootCMS模板制作教程(三)

选择模板目录

在PbootCMS后台 — 基础内容 — 站点信息 — 站点模板中选择刚才新建的new。

PbootCMS模板制作教程(三)

清理一下缓存,看一下前端。

PbootCMS模板制作教程(三)

发现错误提示,模板文件不存在。那是当然的,因为我们只是新建了一个目录而已,里面什么都没有。

创建模板文件

接下来要做的就是在模板目录里面创建模板文件了。这里可以写一个页面创建一个模板文件,也可以统筹规划好有哪些页面,然后把用到的模板文件都一起创建了。(前期教程只做演示,因此之创建一个index.html。后期如果有时间,可以一边写模板一边更新教程,做一个实例教程。)【PbootCms最新的版本模板文件目录多了一层,默认是HTML,即在new文件夹下新建一个html文件夹,然后将index.html放入该文件夹即可。】

PbootCMS模板制作教程(三)

刷新一下前端页面看看。

PbootCMS模板制作教程(三)

还是一个错误,仔细看一下,原来的“不存在”变成“读取错误”了,那是因为只是建了个文件,文件里面还是空的,什么都没有。

写个Hello world!

PbootCMS模板制作教程(三)

刷新页面,看看Hello world!吧。

PbootCMS模板制作教程(三)

建立资源文件夹

比较简单,在模板目录下分别建立存放css文件的css目录,存放js文件的js目录,存放图片的img目录。

当然,你也可以把这些文件都直接扔在模板目录里面,或者放到其他地方,只要能引用过来就可以。如果你忍受得了,或者喜欢这种混乱的方式的话。

接下来,模板的制作就是 HTML+CSS+JS+PbootCMS标签调用 的事情了。

本文由网友投稿或「聚码源码网」整理自网络,如转载请注明出处:http://www.jumaniu.com/11424/

本站发布的内容若侵犯到您的权益,请邮件联系 zhangqy2022#yeah.net 删除,我们将及时处理!

从您进入本站开始,已表示您已同意接受本站【免责声明】中的一切条款!

本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行研究。

本站资源仅供学习和交流使用,版权归原作者所有,请在下载后24小时之内自觉删除。

若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。

常见问题
  • 本站所有资源解压密码为:www.jumaniu.com 或 www.tdji.cn
查看详情

相关文章

评论
暂无评论