从头开始构建自己的主题。
准备工作
- 在/themes目录下建立一个以自己的主题命名的文件夹,如mytheme。
- 从默认主题中复制一份_define.php文件,替换上自己的主题信息。
- 新建一个style.css文件
- 如果想要改变页面布局,建立tpl文件夹,把要改的模板文件复制过来。(也可以不管,后面在线编辑)
- 建立必要的文件夹,如图片文件夹,JS文件夹
新安装的Dotclear已经包含一个叫Custom Theme的空白主题,可以直接在此基础上编辑。
开始编辑
如果只需要改变样式,可以这样做:
先在Dashboard——>Blog aspect里面应用主题,这时页面将以最原始状态呈现。然后利用一个网页设计工具分析页面结构(比如firefox的web developer插件,Chrome里可以直接右键选择“Inspect Element”),对照着这个结构修改CSS文件。
CSS可以在线修改,在Blog aspect里面选择Theme Editor。Theme Editor右边的文件列表,橙色表示你的主题文件夹中有该文件,黑色是没有。
为了照顾到页面的各个元素,可以先新建一个category、tag、entry等。在Presentation widgets里面把需要的Sidebar也设定好。
需要改变布局的话,先把布局弄好。如果没有建立和复制相关模板文件,打开Theme Editor,选择需要修改的模板,系统会调出默认内容,save之后这个文件就会出现在你自己的主题文件夹里了。
模板标签使用
标签列表和说明在这里。
- {{tpl:XXX}}一般是一条单独的信息,如博客名称,文章标题等。
- <tpl:XXX>一般是定义一个循环(如一个tag下所有文章)或者判断语句,通常成对出现。如<tpl:Entries></tpl:Entries>