在快速建站(网站如何在自己的电脑里跑起来) 详细步骤 一,这篇文章中我们知道了一个开源的网站如何在自己的电脑中运行起来了,但是网站的页面都是系统默认的,想要把网站装修成我们自己想要的样子,那我们就来聊一聊网站模版吧!
1. 什么是模版?
我们常常看到企业官网,个人博客每个页面的头部和尾部样式和内容是一样的,每一篇文章除了文章内容不一样其他基本都是一样,这就是因为网站的页面是基于模版而生的。
为什么要有模版呢?
- 一致的网站结构和样式:网站所有的页面都使用了相同的头部、尾部模版、内容页模版,每个页面就有了除了内容不一样,有了相同的结构和css样式
- 便于网页修改和维护:网站的页面非常多,如果我们要修改网站的某一个地方,不用一个页面一个页面的去修改,只需要修改模版对应的地方,在网站后台更新模版对应的栏目,就可以了。
2. 模版在哪里?
在网站目录中,都有一个名字叫template或者templets的文件夹 就是模版的意思。
上图是pbootcms的模版路径,可以看到一个.html文件就是模版文件,打开发现其实就是一个个的html标签组成的页面。一般不用去修改默认的模版,自己在template目录下新建一个目录来存放自己的模版文件,然后在网站后台将模版的目录修改为自己新建的那个目录名字就可以了。
都大同小异,在站点信息或者设置里面有修改默认站点模版的地方。
注意:更改完模版之后一定要更新网站栏目。
3.建设自己的模版
模版可以从淘宝获取,也有开源系统自带很多款式的免费模版,也可以根据 html + css 的自己制作。
制作好的模版就是html页面,在页面里面需要动态获取数据的地方替换成模版标签,模版标签可以查阅开源系统官网都有介绍的 ,就像下面就是一个文章列表标签:
{pboot:list scode=*}
<a href= "[list:link]">[list:title]</a>
{/pboot:list}
我很少自己写了,太费时间了,简单点看到差不多类型的网站,在浏览器点击网页另存为也可以将html 和css ,image 复制到本地。这种复制网页借助webzip工具下载会比较好一些,目录结构比较清晰。
我的分享就到这里了,我是鑫阳,如果觉得这篇文章对您有帮助,还请一键三连,非常感谢!!!