To search

Tag - Dotclear

Entries feed Comments feed

Saturday, February 15 2020 22:18

Dotclear主题制作(一)

Dotclear的主题制作很容易,对于两栏布局,仅仅写一个CSS文件即可,系统会自动调用默认的页面布局。dotaddict上很多主题都是只有CSS文件的,使用同样的HTML文件外观却截然不同,大有CSS禅意花园的感觉。如果想改变某个页面布局,只需要保存该页面默认模板文件的一个副本到自己的主题文件夹中,再编辑就行了。说了这么多还是很含糊,语言表达不行啊……

Dotclear主题文件结构

Dotclear的主题文件都在/themes中,每个文件夹的名字一般就是主题名,一般主题文件结构如下:

  1. _define.php:主题的定义文件,包括主题名称、描述、作者、版本等信息,必须有,否则系统找不到模板。
  2. style.css:定义网站大部分外观样式的CSS文件,必须有。当然也可以换作别的名字,不过要注意改变模板文件的相应部分,因为默认是调用style.css的
  3. print.css:可有可无,没有的话会调用默认主题的样式。
  4. screenshot.jpg:主题预览图片,会在主题选择页面显示,必须是280px宽,245px高。当然没有也行,选择页面会显示一个问号。
  5. tpl文件夹:可有可无,如果里面没有模板文件,则会调用默认主题的模板。里面的各文件作用:
  6. 其他:图片、JS等

tpl文件夹中各模板文件说明

用于显示页面内容的:

  • home.html : 首页
  • post.html : 文章内容页面
  • category.html : 一个分类中的文章列表页面
  • archive.html : 文章的archive列表页面
  • archive_month.html : 指定月份的文章列表页面
  • tags.html : 所有tags列表页面
  • tag.html : 一个tag的文章列表页面
  • search.html : 搜索结果
  • 404.html : 错误页面

被包含在上述页面中的(这部分可以自定,比如添加一个新的_footar.html,然后修改home.html引用它):

  • _head.html : <head></head>部分,用于引用CSS和jQuery
  • _top.html : 页面顶部
  • _footer.html : 页面底部
  • _flv_player.html : 视频播放
  • _mp3_player.html : mp3播放
Note:这里有一个特殊情况,Atom和RSS模板在/inc/public/default-templates/文件夹里面。你可以将它们放到自己的主题文件夹的tpl目录里再进行修改。

模板标签

Dotclear采用如下标签格式调用函数以显示各种信息:{{tpl:XXXX}}以及<tpl:XXX>,详细的列表在这里

例如,要在<title>中显示博客名称:

<title>{{tpl:BlogName}}</title>

总而言之

_define.php定义主题的相关信息,tpl中的模板文件定义各页面的布局(其中{{tpl:XXX}}和<tpl:XXX>标签通过调用系统的函数显示动态内容),而style.css则定义外观。

转自:lai nme.com/doku.php/blog/2010/12/do tcl ear%E4%B8%BB%E9%A2%98%E5%88%B6%E4%BD%9C_%E4%B8%80

Page top