织梦singlepage.htm是什么?如何使用?

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

模型中一个非常重要且特殊的模板,它专门用于“单页文档”的展示。

织梦singlepage.htm
(图片来源网络,侵删)

singlepage.htm 是什么?

singlepage.htm 是织梦内容模型中的一个默认模板文件,它的作用是当你在后台发布一篇“单页文档”类型的文章时,系统会调用这个模板来生成该文章的最终HTML页面。

“单页文档”与普通的“文章”或“图集”不同,它没有分页、没有上一篇/下一篇的列表概念,它就是一个独立的、完整的页面,通常用于展示:

  • 公司简介
  • 联系我们
  • 服务介绍
  • 发展历程
  • 团队介绍
  • 版权声明
  • 网站地图 通常不会频繁更新,且内容完整地呈现在一个页面中。

singlepage.htm 的存放位置

这个模板文件通常位于织梦模板目录下的 article_specialelist 文件夹中。

/你的网站目录/
  /templets/
    /你的默认模板文件夹/
      /article_specialelist/
        singlepage.htm  <-- 就是这个文件

如果你的网站使用了多个不同的模板风格,singlepage.htm 也会存在于对应模板风格的 article_specialelist 文件夹里。

织梦singlepage.htm
(图片来源网络,侵删)

singlepage.htm 的核心代码解析

下面是一个典型的 singlepage.htm 模板文件的结构,并附上详细注释:

{dede:include filename="head.htm"/} 
<!-- 引入网站的头部文件,如 logo、导航栏等 -->
<!-- 主要内容区域开始 -->
<div class="singlepage-content">
    <div class="main">
        <!-- 文章标题 -->
        <h1 class="title">{dede:field.title/}</h1>
        <!-- 文章相关信息栏 -->
        <div class="info">
            <span>发布时间:{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}</span>
            <span>来源:{dede:field.source/}</span>
            <span>作者:{dede:field.writer/}</span>
            <span>点击:<script src="{dede:field name='clickurl'/}?view=yes" type="text/javascript" language="javascript"></script> 次</span>
        </div>
        <!-- 文章正文内容 -->
        <div class="content">
            {dede:field.body/}
        </div>
    </div>
</div>
<!-- 引入网站的底部文件,如页脚、版权信息等 -->
{dede:include filename="footer.htm"/}

代码详解:

  1. {dede:include filename="head.htm"/}

    • 这是一个标准的织梦模板包含标签,用于引入 head.htm 文件。head.htm 通常包含了网站的 <head> 部分(如标题、CSS、JS引入等)、顶部的Logo和主导航菜单。
  2. <h1 class="title">{dede:field.title/}</h1>

    • {dede:field.title/}:这是获取并显示当前单页文章的的字段标签。
  3. <div class="info">...</div>

    织梦singlepage.htm
    (图片来源网络,侵删)
    • 这个区域用于显示文章的元信息。
    • {dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}:获取文章的发布时间,并通过 function="MyDate()" 函数将其格式化为 年-月-日 时:分 的格式。
    • {dede:field.source/}:获取文章的来源
    • {dede:field.writer/}:获取文章的作者
    • <script src="...">...</script>:这是一个特殊的JS代码,用于显示文章的点击次数,它会调用一个计数器脚本来增加并显示浏览量。
  4. <div class="content">{dede:field.body/}</div>

    • 这是最核心的部分。
    • {dede:field.body/}:这个标签会获取并显示你在后台“单页文档”编辑器中输入的全部正文内容通常是通过富文本编辑器(如百度编辑器、KindEditor等)填写的,里面可能包含文字、图片、表格、链接等各种HTML元素。
  5. {dede:include filename="footer.htm"/}

    • 用于引入 footer.htm 文件,通常包含网站的页脚信息、版权声明、友情链接等。

如何修改和使用 singlepage.htm

修改样式

如果你想改变单页文章页面的显示样式(比如标题颜色、内容区域宽度等),你需要修改 singlepage.htm 文件中的 HTML结构CSS类名。 区域更宽,你可以修改 div 的类名,然后在你的模板主CSS文件(如 style.css)中定义这个类:

singlepage.htm 中:

<div class="content page-width">
    {dede:field.body/}
</div>

style.css 中:

.page-width {
    max-width: 1200px; /* 设置一个最大宽度 */
    margin: 0 auto;    /* 居中显示 */
    padding: 20px;
}

如何创建单页文档

  1. 登录织梦后台。
  2. 进入【核心】 -> 【内容模型管理】。
  3. 你会看到默认有一个名为“单页文档”的模型,其目录默认就是 article_specialelist,如果需要,你可以修改。
  4. 进入【常用操作】 -> 【新增单页文档】。
  5. 、选择栏目(通常单页文档需要一个顶级栏目来容纳它们)、在正文编辑器中输入内容,然后点击“发布”。
  6. 发布成功后,系统就会自动调用 singlepage.htm 模板来生成这个页面的HTML文件。

常见问题与注意事项

  • 页面不更新? 修改了 singlepage.htm 后,如果已经存在生成的单页文档,需要去【生成】 -> 【一键更新所有】或者单独更新那个单页文档,才能看到新模板的效果。
  • 找不到模板? 确认你使用的模板文件夹下 article_specialelist 目录中是否存在 singlepage.htm 文件,如果不存在,可以从默认模板中复制一个过来。
  • 内容显示错乱? 检查 {dede:field.body/} 中的内容是否包含了不规范的HTML标签,或者你的CSS样式是否与内容中的标签冲突。

singlepage.htm 是织梦为“单页文档”这种特殊内容量身定做的展示模板,理解它的结构和标签用法,对于定制网站中那些固定页面至关重要。

-- 展开阅读全文 --
头像
C语言中函数间如何规范调用与协作?
« 上一篇 12-13
dede注册用户名不合法,原因和解决方法是什么?
下一篇 » 12-13

相关文章

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

目录[+]