dede封面、列表、文章模板有何区别?

99ANYc3cd6
预计阅读时长 21 分钟
位置: 首页 DEDE建站 正文

核心概念与关系

想象一个图书馆:

dede封面模板 列表模板 文章模板
(图片来源网络,侵删)
  • 封面模板:就是图书馆的大门和外观设计,它决定了网站首页、频道页、专题页等“门面”长什么样,通常展示的是最精华、最重要的内容摘要。
  • 列表模板:就是图书馆的某个书架区域(文学书架”、“历史书架”),它展示的是一个分类下的所有文章列表,就像书架上摆着一排排书的书名、作者、简介一样。
  • 文章模板:就是图书馆里你抽出的某一本书的正文内容页,它展示了单篇文章的完整内容,包括标题、正文、图片、附件等。

数据流向: 用户从 封面模板 进入,点击某个分类,进入 列表模板 页面,在列表中点击某篇文章标题,最终进入 文章模板 页面。


封面模板

封面模板是网站的“脸面”,通常用于首页、栏目首页、专题首页等。

作用与特点

  • 展示概要:展示网站或栏目的核心内容,通常以摘要、推荐、头条等形式出现。
  • 布局灵活:可以包含多个内容板块,如头条新闻、推荐图文、热门文章等。
  • 调用多样:可以使用 DedeCMS 的各种标签自由组合调用不同类型的内容。

常见调用标签示例

在封面模板中,最常用的是 arclist 标签,用于调用文章列表。

{dede:arclist typeid='' titlelen='30' row='10' orderby='pubdate'}
    <li>
        <a href="[field:arcurl/]">[field:title/]</a>
        <span>[field:pubdate function="MyDate('Y-m-d',@me)"/]</span>
    </li>
{/dede:arclist}
  • typeid='':指定调用哪个栏目的文章,留空表示调用所有,len='30'`:标题长度,截取30个字符。
  • row='10':调用文章的数量。
  • orderby='pubdate':排序方式,按发布日期排序。
  • [field:arcurl/]:文章链接。
  • [field:title/]
  • [field:pubdate function="MyDate('Y-m-d',@me)"/]:发布日期,并使用 MyDate 函数格式化为 年-月-日

如何设置

进入后台:【模板】 -> 【默认模板管理】,找到对应的页面(如“主页模板”),选择你制作好的封面模板文件(如 index.htm)即可。

dede封面模板 列表模板 文章模板
(图片来源网络,侵删)

列表模板

列表模板用于展示某个栏目下的所有文章,是内容聚合和导航的关键。

作用与特点

  • 内容聚合:清晰展示一个分类下的所有文章。
  • 分页功能:必须包含分页代码,以便用户浏览所有内容。
  • 字段展示:可以自定义显示哪些字段,如标题、缩略图、发布时间、点击量等。

常见调用标签示例

列表模板的核心是 list 标签和分页标签 {dede:pagelist}

<h2>{dede:field name='typename'/}</h2> <!-- 栏目标题 -->
{dede:list pagesize='10'}
    <div class="list-item">
        <a href="[field:arcurl/]">
            <img src="[field:litpic/]" alt="[field:title/]">
        </a>
        <h3><a href="[field:arcurl/]">[field:title/]</a></h3>
        <p>[field:description function='cn_substr(@me, 100)'/]...</p> <!-- 截取100字摘要 -->
        <div class="info">
            <span>作者:[field:writer/]</span>
            <span>时间:[field:pubdate function="MyDate('Y-m-d',@me)"/]</span>
            <span>点击:[field:click/]</span>
        </div>
    </div>
{/dede:list}
<!-- 分页代码 -->
<div class="page">
    <ul>
        {dede:pagelist listsize='5' listitem='pre,next,end,option'/}
    </ul>
</div>
  • {dede:list}:循环输出当前栏目的文章列表。
  • pagesize='10':每页显示的文章数量。
  • [field:litpic/]:文章的缩略图。
  • [field:description/]
  • {dede:pagelist}:生成分页导航链接。
    • listsize='5':显示页码的数量。
    • listitem='pre,next,end,option':显示的分页项,包括上一页、下一页、末页、跳转选项等。

如何设置

进入后台:【栏目管理】,选择你想要设置的栏目,点击 “更改”,在栏目设置中找到 “列表模板”,选择对应的模板文件(如 list_article.htm)。


文章模板

文章模板是展示单篇文章详细内容的页面,也是 SEO 优化的重点页面。

dede封面模板 列表模板 文章模板
(图片来源网络,侵删)

作用与特点

  • 完整展示:展示文章的标题、正文、作者、来源、发布时间、点击量等所有信息。
  • SEO 友好:通常包含文章关键词、描述等 SEO 元标签。
  • 互动功能:可以集成评论、点赞、收藏、相关文章等互动模块。

常见调用标签示例

文章模板的核心是 field 标签,用于调用当前文章的各个字段。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">{dede:field.title/}_{dede:global.cfg_webname/}</title>
    <meta name="keywords" content="{dede:field.keywords/}">
    <meta name="description" content="{dede:field.description function='html2text(@me)'/}">
</head>
<body>
    <h1>{dede:field.title/}</h1>
    <div class="article-info">
        <span>作者:{dede:field.writer/}</span>
        <span>来源:{dede:field.source/}</span>
        <span>发布时间:{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}</span>
        <span>点击量:<script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field.aid/}&mid={dede:field.mid/}" type='text/javascript' language="javascript"></script></span>
    </div>
    <div class="article-content">
        {dede:field.body/}
    </div>
    <!-- 上一篇/下一篇 -->
    <div class="prenext">
        <p>上一篇:{dede:prenext get='pre'/}</p>
        <p>下一篇:{dede:prenext get='next'/}</p>
    </div>
    <!-- 相关文章 -->
    <div class="related">
        <h3>相关文章</h3>
        {dede:likearticle titlelen='24' row='10'}
            <li><a href="[field:arcurl/]">[field:title/]</a></li>
        {/dede:likearticle}
    </div>
</body>
</html>
  • {dede:field.title/}
  • {dede:field.keywords/}:文章关键词。
  • {dede:field.description/}:文章描述。
  • {dede:field.body/}最重要的标签,输出文章的正文内容,这部分内容通常是通过后台编辑器保存的。
  • {dede:prenext get='pre'}:获取上一篇链接。
  • {dede:prenext get='next'}:获取下一篇链接。
  • {dede:likearticle}:调用与当前文章相关的文章列表。

如何设置

进入后台:【栏目管理】,选择栏目,点击 “更改”,在栏目设置中找到 “文章模板(选择默认模板)”,选择对应的模板文件(如 article_article.htm),你也可以在发布文章时,为单篇文章指定一个特殊的模板。


总结与最佳实践

模板类型 核心标签 主要作用 关键设置位置
封面模板 arclist, channel 展示网站/栏目概要,吸引访客 后台 -> 模板 -> 默认模板管理
列表模板 list, pagelist 展示分类文章列表,方便浏览 后台 -> 栏目管理 -> 更改栏目
文章模板 field 展示单篇完整内容,承载SEO 后台 -> 栏目管理 -> 更改栏目

最佳实践建议:

  1. 命名规范:模板文件命名清晰,如 index.htm (封面), list_栏目ID.htm (列表), article.htm (文章)。
  2. 模块化设计:将通用的部分(如头部 header.htm、底部 footer.htm)拆分成独立模板,通过 {dede:include file='header.htm'/} 方式引用,方便维护。
  3. 善用评论:列表模板中的 [field:info/][field:description/] 要写好,这是吸引用户点击的关键。
  4. SEO 优化:文章模板的 titlekeywordsdescription 务必设置好,{dede:field.seotitle/}{dede:field.description/} 是很好的选择。
  5. 测试:模板修改后,务必在后台点击 【生成】 -> 【更新HTML】 来更新页面,并到前台仔细检查效果。

通过合理地运用这三种模板,你可以构建出结构清晰、内容丰富、用户体验良好的网站。

-- 展开阅读全文 --
头像
Swig如何将Java代码转为C语言?
« 上一篇 今天
织梦 common.inc.php 如何安全配置防注入?
下一篇 » 今天

相关文章

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

目录[+]