织梦模板系统采用类似“主题”的概念,你所有的模板文件都应该放在一个目录下,这个目录通常位于 /templets/ 文件夹中,你的主题目录可以是 /templets/default/ 或 /templets/mytheme/。
以下是必须掌握的几个核心文件,按重要性排序:
index.html - 首页模板
这是整个网站的门面,是绝对必须的文件。
- 作用:定义网站首页的布局和样式,展示给所有访问者的第一个页面。
- 通常包含网站Logo、主导航栏、首页特定的内容区块(如轮播图、推荐文章、热门产品等)以及页脚信息。
- 调用方式:当用户访问你的网站根域名时,织梦会自动调用这个文件来生成首页。
简单示例结构:
<!DOCTYPE html>
<html>
<head>{dede:global.cfg_webname/}</title> <!-- 调用网站标题 -->
<meta charset="utf-8">
<link rel="stylesheet" href="{dede:global.cfg_templeturl/}/style.css"> <!-- 引入CSS文件 -->
</head>
<body>
<header>
<div class="logo">{dede:global.cfg_webname/}</div>
<nav>{dede:channel type='top' row='8' currentstyle="<a href='~typelink~' class='thisclass'>~typename~</a>"}<a href='[field:typelink/]'>[field:typename/]</a>{/dede:channel}</nav>
</header>
<section class="slider">
<!-- 调用首页轮播图 -->
</section>
<section class="content">
<!-- 调用推荐文章列表 -->
{dede:arclist flag='c' titlelen='30' row='6'}
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}
</section>
<footer>
<!-- 页脚信息,版权等 -->
<p>Copyright © {dede:global.cfg_webname/}</p>
</footer>
</body>
</html>
article_article.htm - 文章内容页模板
如果你的网站是内容型网站(如博客、新闻站),这个文件是必须的。
- 作用:定义当用户点击一篇文章标题后,进入的文章详情页的布局。
- 通常包含文章的完整标题、发布时间、作者、来源、点击量、正文内容、相关文章、上下篇导航等。
- 调用方式:当用户访问文章详情页时(如
https://www.yoursite.com/a/123/456.html),织梦会自动调用这个模板。
简单示例结构:
<!DOCTYPE html>
<html>
<head>{dede:field.title/}_{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:field.description function='html2text(@me)'/}">
</head>
<body>
<article>
<h1>{dede:field.title/}</h1>
<div class="info">
发布时间:{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)'/}
作者:{dede:field.writer/}
点击:{dede:field.click/}
</div>
<div class="content">
{dede:field.body/} <!-- 文章正文内容 -->
</div>
</article>
<section class="related">
<h3>相关文章</h3>
{dede:likearticle row='8'}
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:likearticle}
</section>
</body>
</html>
list_article.htm - 文章列表页模板
如果你的网站有多个栏目(如“新闻中心”、“产品介绍”),这个文件是必须的。
- 作用:定义当用户点击一个栏目链接后,显示该栏目下所有文章列表的页面布局。
- 通常包含当前栏目标题、分页导航、文章列表(每条列表包含标题、发布时间、缩略图等)。
- 调用方式:当用户访问栏目列表页时(如
https://www.yoursite.com/a/list-1.html),织梦会自动调用这个模板。
简单示例结构:
<!DOCTYPE html>
<html>
<head>{dede:field.title/}_{dede:global.cfg_webname/}</title>
</head>
<body>
<h1>{dede:field.title/}</h1> <!-- 当前栏目名称 -->
<div class="list">
{dede:list pagesize='10'} <!-- 调用文章列表,每页10条 -->
<div class="item">
<a href="[field:arcurl/]"><img src="[field:litpic/]" alt="[field:title/]"></a>
<h2><a href="[field:arcurl/]">[field:title/]</a></h2>
<p>[field:description function='cn_substr(@me,100)'/]...</p>
<span>[field:pubdate function="MyDate('Y-m-d',@me)'/]</span>
</div>
{/dede:list}
</div>
<div class="page">
{dede:pagelist listsize='4' listitem='info,index,end,pre,next,pageno'}
<!-- 调用分页条 -->
{/dede:pagelist}
</div>
</body>
</html>
style.css - 样式表文件
虽然它不是一个.htm模板文件,但它是让网站“变好看”的灵魂,是必须的。
- 作用:定义网站所有HTML元素的视觉样式,如颜色、字体、间距、布局等。
- CSS代码,你可以在模板的
<head>部分通过<link>标签引入它。 - 重要性:没有CSS,你的网站就是一堆没有样式的文字和图片,非常丑陋且无法使用,每个完整的模板主题都会包含一个
style.css文件。
必须的文件清单
对于一个最基础的织梦内容网站,你至少需要准备以下文件:
| 文件名 | 作用 | 必要性 |
|---|---|---|
index.html |
网站首页模板 | 绝对必须 |
article_article.htm |
页模板 | 内容网站必须 |
list_article.htm |
文章列表页模板 | 有栏目必须 |
style.css |
网站样式表 | 绝对必须 |
进阶:其他常见的重要文件
当你熟悉了以上核心文件后,你可能还会用到:
head.htm/footer.htm:头部和底部公共模板,通过{dede:include filename='head.htm'/}和{dede:include filename='footer.htm'/}在其他模板中引用,实现代码复用,便于维护。category.htm/archive_list.htm:自定义列表页模板,当你的栏目设置了“使用列表”而不是“使用文章列表”时,会调用这个模板。search.htm:搜索结果页模板。tags_*.htm:Tag标签页模板。img_*.htm:图片集模板。
建议:初学者可以从官方默认模板 /templets/default/ 开始,复制一份出来进行修改,这样能确保所有基础文件都已存在,结构也清晰明了。
