新闻中心 网络推广 网站建设 优化推广

PBOOTCMS 模板制作教程(三) - 创建模板文件

时间:2019-08-21   来源:本站

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

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

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


一、创建模板目录

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

001.jpg


二、选择模板目录

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

002.jpg


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

003.jpg

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


三、创建模板文件

接下来要做的就是在模板目录里面创建模板文件了。这里可以写一个页面创建一个模板文件,也可以统筹规划好有哪些页面,然后把用到的模板文件都一起创建了。(前期教程只做演示,因此之创建一个index.html。后期如果有时间,可以一边写模板一边更新教程,做一个实例教程。)

004.jpg


刷新一下前端页面看看。

005.jpg

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


四、写个Hello world!

006.jpg


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

007.jpg


五、建立资源文件夹

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

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


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


本文标签: 模板制作 网站开发
新闻推荐
观澜网站制作哪家公司好
观澜网站制作哪家公司好

观澜网站制作哪家公司好站的定位,到底要做哪方面的内容,比如攻略累的,你可以起,也可以用汉语拼音手字母...

福田网站开发品牌
福田网站开发品牌

福田网站开发品牌必须简洁,而不是简单,站足够简洁,简洁的具容是多方面的,的结构一定要足够简洁,站的时...

PBOOTCMS如何将详情页的 html后缀隐藏掉
PBOOTCMS如何将详情页的 html后缀隐藏掉

为了更好的SEO优化和推荐,一般我们会将网站进行一个静态化或者伪静态化,于是有了路由的概念。PBOOTCMS的静...

pbootcms 内容栏目栏目列表如何实现排序?
pbootcms 内容栏目栏目列表如何实现排序?

近年来,在网站建设行业,越来越多越来越成熟的框架驱于成熟。比如说我们熟悉的TP框架,BOOTSTRATP框架,VU...

ARE YOU INTERESTED IN ?
感兴趣吗?

有关我们服务的更多信息,请联系项目经理

158 9975 0475 杨先生

留言
咨询

免费通话    15899750475

24小时免费咨询

请输入您的联系电话,座机请加区号

电话

微信扫一扫

 
微信
Top