织梦templets模板如何快速修改与使用?

99ANYc3cd6
预计阅读时长 12 分钟
位置: 首页 织梦建站 正文

templets 是织梦CMS的核心目录之一,它负责网站的所有前端展示。templets 就是网站的“皮肤”或“外观设计”,所有你在浏览器中看到的页面布局、样式、内容结构,都是由这个目录下的文件定义的。

织梦templets
(图片来源网络,侵删)

templets 目录是什么?

templets 目录位于织梦CMS的根目录下,它包含了构成网站所需的所有模板文件,当你安装好织梦后,这个目录里会有一个默认的模板文件夹(通常是 default)。

你的网站根目录/
├── dede/          # 后台管理程序目录
├── uploads/       # 上传文件目录
├── a/             # 文章内容目录
├── special/       # 专题目录
├── templets/      # 【核心】模板目录
│   ├── default/   # 默认模板文件夹
│   │   ├── index.htm         # 首页模板
│   │   ├── list_article.htm   # 文章列表页模板
│   │   ├── article_article.htm # 文章内容页模板
│   │   ├── index.htm         # 首页模板
│   │   ├── style/            # 样式文件夹
│   │   │   └── dedecms.css   # CSS样式文件
│   │   ├── images/           # 图片文件夹
│   │   └── ...               # 其他页面模板
│   └── my_template/           # 你自己创建的新模板文件夹
│       ├── ...
└── ...

templets 目录的核心作用

  1. 网站外观定义templets 里的 HTML 文件定义了网站的骨架和结构,比如哪里放Logo,哪里放导航栏,哪里显示文章列表,哪里显示页脚等。
  2. 内容动态加载:模板文件不是静态的HTML,它们包含了大量的 织梦模板标签,这些标签会从数据库中动态调用内容,并最终生成用户看到的HTML页面。
  3. 网站风格分离:通过将PHP/HTML代码(模板)与网站内容和逻辑分离,使得网站的设计和内容管理变得非常清晰,设计师可以专注于修改 templets 下的文件,而不用担心破坏后台数据。

templets 目录下的主要文件和文件夹

A. 模板文件夹 (如 default/my_template/)

这是最核心的部分,每个独立的模板文件夹都代表一套完整的网站风格,一套完整的模板通常包含以下页面:

  • index.htm首页模板,定义了网站首页的布局。
  • *`list_.htm`列表页模板**。
    • list_article.htm: 文章栏目列表页。
    • list_product.htm: 产品栏目列表页。
    • list_photo.htm: 图集栏目列表页。
    • list_其他模型.htm: 其他自定义模型的列表页。
  • *`article_.htm`内容页模板**。
    • article_article.htm: 文章内容页。
    • article_product.htm: 产品内容页。
    • article_photo.htm: 图集内容页。
    • article_其他模型.htm: 其他自定义模型的内容页。
  • search.htm搜索结果页模板
  • *`tags_.htm`TAG标签列表页和内容页模板**。
  • footer.htmheader.htm页脚和页头模板
    • 在很多模板中,为了方便管理,会将公共部分(如顶部导航、底部版权信息)拆分成独立的文件,然后在其他页面中通过 {dede:include file='header.htm'/} 这样的标签来引入,这是一种良好的编程习惯。
  • style/样式文件夹
    • 通常包含 css 文件(如 dedecms.css)、js 文件(如 jquery.js)等,用于控制网站的样式和交互效果。
  • images/图片文件夹

    存放当前模板专用的图片,如Logo、背景图、图标等。

B. 系统模板文件

templets 目录的根下(不是在某个具体模板文件夹内),还有一些系统级别的模板文件,它们通常用于生成系统提示页面或特定功能页面,

织梦templets
(图片来源网络,侵删)
  • sysmsg.htm: 系统错误或提示信息的通用模板。
  • index_testenv.htm: 环境检测页面模板。

如何修改和使用 templets

修改模板(以修改首页为例)

  1. 找到模板文件:进入 templets/default/ 目录,找到 index.htm 文件。
  2. 编辑文件:使用任何代码编辑器(如 VS Code, Sublime Text, Dreamweaver)打开 index.htm
  3. 理解标签:你会看到类似 {dede:arclist titlelen='30' row='8'} 的代码,这就是织梦的模板标签。
    • {dede:arclist}:调用文章列表。
    • titlelen='30'长度限制为30个字符。
    • row='8':调用8篇文章。
  4. 修改HTML和CSS:你可以像修改普通HTML文件一样,修改 <div><ul><li> 等标签的结构,以及修改 style/ 目录下的CSS文件来改变网站的样式。
  5. 保存并刷新:保存文件后,登录织梦后台,点击“生成” -> “更新主页”,或者在浏览器中强制刷新 (Ctrl+F5),就能看到修改后的效果。

创建一个新模板

如果你想保留原模板,或者为网站创建一个全新的风格(一个手机版的模板),可以这样做:

  1. 复制模板文件夹:在 templets 目录下,复制 default 文件夹,并将其重命名为你想要的名称,mobile
  2. 修改新模板:进入 mobile 文件夹,根据你的需求修改所有模板文件和样式。
  3. 后台切换:登录织梦后台,进入“模板” -> “默认模板管理”。
  4. 选择模板:你可以为网站的首页、栏目页、内容页等分别选择不同的模板,你可以将首页模板设置为 templets/mobile/index.htm,这样就成功应用了你的新模板。

常用织梦模板标签示例

templets 文件中,你将频繁遇到以下标签:

  • {dede:include file='header.htm'/}:引入一个文件,常用于页头、页脚。
  • {dede:global.cfg_webname/}:调用网站后台设置的“网站名称”。
  • {dede:arclist}:文章列表,功能非常强大,可配置参数极多。
  • {dede:list}:栏目列表页,用于循环显示当前栏目的文章。
  • {dede:field.title/}:调用当前页面的标题(如文章标题、栏目名)。
  • {dede:field.body/}:调用文章或内容页的正文内容。
  • {dede:pagelist listsize='4'/}:分页列表,用于生成分页链接。
  • {dede:myad name='topbanner'/}:调用一个名为“topbanner”的广告位。

templets 是织梦CMS的灵魂,它将网站的“内容”(来自数据库)和“表现”(HTML/CSS/JS)分离开来,理解并熟练掌握 templets 目录的结构和织梦模板标签的使用,是进行织梦网站二次开发、定制设计和日常维护的必备技能。

织梦templets
(图片来源网络,侵删)
-- 展开阅读全文 --
头像
织梦pubdate是什么?
« 上一篇 04-10
dede如何同步内容到微博?
下一篇 » 04-10

相关文章

取消
微信二维码
支付宝二维码

目录[+]