Dotclear主题制作(二)

从头开始构建自己的主题。

准备工作

  • 在/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>

You may also like

  • DotClear各历史版本下载地址
  • dotclear使用dcCKEditor编辑器时候不起作用
  • dotclear的Bootstrap主题相关信息备忘,很有用
  • dotclear所有插件具体作用清单,截至2020.2.20
  • s1.JPG, Feb 2021 给网站加个google analytics,在dotclear模板上直接修改
  • dotclear模板标签汇总
  • Dotclear更改语言为中文
  • Dotclear主题制作(一)