sablog模板设计教程[2] - sablog模板的组成

下面我来介绍一下sablog-x模板的组成部分,sablog与其大同小异,但比sablog-x更加简单

这里要提前讲一下模板文件是如何被使用的,以便理解下面内容,php中的模板不是由页构成,而是由块构成,我们可以把一个首页理解成若干个块,以sablog来举例,一般分为 header,footer和page,header块显示在页面最顶部,一般用来显示logo;footer块显示在页面最底部,一般用来显示版权信息;page块也就是中间的主要内容部分,很重要的是page还分为两块,分别是left和right,left就是首页中间左面的部分,用来显示日历,最新评论,日志分类,日志归档,友情链接等内容,而其实日历,最新评论,日志分类,日志归档,友情链接其实也是属于left中的块;right就很复杂了,在不同的页面中他显示不同的内容,调用不同的模板,比如在首页标准浏览模式下他调用normail.htm,列表模式下他调用list.htm,而在用户列表页面他调用user.htm等等.而这里指的模板不是整个页面的模板,而是某一块的模板.

目录
calendar

样式表
style.css

页面文件
attachment.htm

comments.htm

footer.htm

index.htm

left.htm

list.htm

login.htm

message.htm

none.htm

normal.htm

profile.htm

reg.htm

rss.htm

search.htm

searchstats.htm

show.htm

showuser.htm

tag.htm

trackbacks.htm

user.htm

图片
big5.jpg 这个基本上没有什么用,用来显示编码的
gbk.jpg 这个基本上没有什么用,用来显示编码的
noface.jpg 这个是在用户没有设置头像的时候默认显示的头像图片
sidebar_border.jpg 在默认模板default中是中间部分的背景,主要是为了控制显示中间的竖线
top_home.gif 这个是什么没有太注意…
watermark.png 是水印标记,当在后台打开了水印功能请修改此图片

这里再给大家举了例子,来说明一下模板是如何工作的,当用户发出请求进入yourdomain.com的时候,也就是进入你的首页的时候,我们这里先不涉及缓存问题,首先程序会从设置里找到你当前使用的模板名,然后去指定模板目录调用index.htm,index.htm又会调用header.htm,left.htm,footer.htm,然后程序再根据当前的请求来判断right部分去调用哪个模板,如果当前浏览模式为标准,请求为index.php,那么right部分会调用normal.htm在调用这些模板的同时对模板中的变量进行替换,然后再生成缓存,最后输出我们看到的首页.不过我说的这个并不是sablog-x中模板的工作流程,因为一直很忙,没有太多时间去读sablog-x的程序,这里只是为了让大家更好的理解模板的工作方法,从而做出更好的模板.

未完待续
本人技术有限,难免出现错误,希望高手指出
在接下来的文章里我将详细的为大家介绍如何修改每一个文件


作者:maker

发表时间:2007.1.5

sablog模板设计教程[1]

对于很多站点来说模板是很重要的一部分,特别是个人站点,要充分的体现出与其他站点的不同,体现出自己的风格,体现出自己的个性.

当然sablog也不例外,作为一款优秀的博客程序也一定要有很多漂亮的模板.

现在开始进入正题,sablog和很多程序一样,模板文件是放在程序根目录的templates文件夹下的.sablog的templates目录下只有前台的模板文件夹,而sablog-x的后台模板也放到了templates目录下,后台模板默认为admin,sablog和sablog-x的默认前台模板都是default,而模板的内容也都在templates/default路径下,所以修改模板一般就是修改templates/default目录下的文件.当然最好不要修改默认模板,在templates目录下另建一个目录,然后将default中的文件全部拷贝到新建立的文件夹内,我们在新建立的文件夹内进行修改,以防止修改时发生不必要的麻烦.

未完待续



作者:maker

发布时间:2007.1.5

上周我们部出的海报

这个是我的作品,是我独立完成的,图片是模仿网上的一个漫画的.主题是戒烟.

p110.jpg

我们部柳秦的作品.主题是戒烟.不过我看是禁烟的.

p109.jpg

这个是徐丹的作品.主题是戒烟.

p111.jpg

这个是单琢做地.主题也是戒烟.

p112.jpg

这个是三个人一起完成的,柳秦的画,我的字,单琢的标题.主题是防火.

p113.jpg

这个也是单琢一个人在家里做的.主题也是防火.

p114.jpg

徐丹的第二张作品.主题是网络的危害.

p115.jpg

徐丹的第三张作品,图片好象是张智画的.主题也是网络的危害,和我过不去吧….

p117.jpg