织梦编辑文章内容页如何高效操作？-织梦建站-盈思创科技

页，通常指的是用户点击文章标题后进入的那个完整显示文章、作者、时间、点击量、以及评论等内容的具体页面，这个页面的模板文件是 article_article.htm。

（图片来源网络，侵删）

编辑这个页面,主要涉及以下几个方面：

定位模板文件
了解页面基本结构
编辑文章内容本身
添加或修改文章信息（作者、来源、点击量等）
添加相关文章/推荐文章
添加评论区域
SEO优化（标题、关键词、描述）

第一步：定位模板文件

这是最重要的一步，你的网站可能使用了不同的模板，所以文件位置可能略有不同,但通常在以下路径：

默认路径： /templets/default/article_article.htm

如果你的网站使用了自定义模板，比如叫 myweb，那么路径就是： /templets/myweb/article_article.htm

（图片来源网络，侵删）

如何找到你的模板文件夹？ 登录织梦后台，点击 “系统” -> “系统基本参数” -> “核心设置”，找到 模板默认风格 这一项,这里的值就是你的模板文件夹名。

第二步：了解页面基本结构

打开 article_article.htm 文件，你会发现它和普通的HTML文件非常相似，主要由织梦的模板标签构成，这些标签用大括号包裹,用来动态调用数据库中的内容。

一个典型的结构如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">{dede:field.title/} - {dede:global.cfg_webname/}</title>
    <meta name="keywords" content="{dede:field name='keywords'/}">
    <meta name="description" content="{dede:field name='description'/}">
</head>
<body>
    <!-- 头部导航 -->
    {dede:include filename="head.htm"/}
    <!-- 主体内容区 -->
    <div class="article-content">
        <!-- 文章标题 -->
        <h1>{dede:field.title/}</h1>
        <!-- 文章信息栏 -->
        <div class="article-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'/}"></script> 次</span>
        </div>
        <!-- 文章正文内容 -->
        <div class="article-body">
            {dede:field.body/}
        </div>
        <!-- 上一篇/下一篇 -->
        <div class="prenext">
            <ul>
                <li>{dede:prenext get='pre'/}</li>
                <li>{dede:prenext get='next'/}</li>
            </ul>
        </div>
        <!-- 相关文章 -->
        <div class="related-articles">
            <h3>相关文章</h3>
            {dede:likearticle row='10' titlelen='42'}
            <li><a href="[field:arcurl/]">[field:title/]</a></li>
            {/dede:likearticle}
        </div>
        <!-- 评论区域 -->
        <div class="comments-section">
            {dede:include filename="plus/feedback_templet.htm"/}
        </div>
    </div>
    <!-- 底部 -->
    {dede:include filename="footer.htm"/}
</body>
</html>

第三步：编辑文章内容本身

是由标签 {dede:field.body/} 控制的，这个标签会调用当前文章的 body 字段内容。

（图片来源网络，侵删）

修改正文内容的样式

你可以通过CSS来控制正文的显示效果，比如字体大小、行高、颜色等，通常这些样式定义在模板的CSS文件中（/templets/default/style/css.css）。

在 article_article.htm 的 <head> 部分引入CSS文件，或者在 <style> 标签内直接写样式。

<style>
    .article-body {
        font-size: 16px; /* 设置字体大小 */
        line-height: 1.8; /* 设置行高，让文章更易读 */
        color: #333;
        padding: 20px;
    }
    .article-body img {
        max-width: 100%; /* 让图片自适应宽度 */
        height: auto;
    }
    .article-body p {
        margin-bottom: 15px; /* 段落间距 */
    }
</style>

调用文章内容时进行格式化

我们想在调用文章内容时做一些处理，比如过滤掉一些标签、截取摘要等，这时可以使用 function 属性。

如果你想给文章内容中的图片添加一个居中的CSS类 img-center：

{dede:field.body function='str_replace("<img ","<img class=\"img-center\" ",@me)'/}

注意： 这种方法比较直接，如果网站图片很多，推荐通过CSS的 img 选择器统一设置,或者在发布文章时手动添加样式。

第四步：添加或修改文章信息

文章信息栏通常包含发布时间、来源、作者、点击量等。

常用文章信息标签

说明	示例
`{dede:field.title/}`		`<h1>{dede:field.title/}</h1>`
`{dede:field.pubdate/}`	文章发布时间（时间戳格式）	通常需要用 `function` 格式化
`{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}`	格式化后的发布时间	`2025-10-27 15:30`
`{dede:field.source/}`	文章来源	`织梦官方`
`{dede:field.writer/}`	文章作者	`张三`
`{dede:field.click/}`	文章点击量（数字）	`1234`
`<script src="{dede:field.name='clickurl'/}"></script>`	推荐：用于记录点击量的JS代码	必须使用这个才能正确统计点击量
`{dede:field.typename/}`	文章所属栏目名	`技术教程`

如何修改或添加新的信息？

直接在HTML中修改标签或添加新的HTML结构即可，你想添加一个“标签”字段：

确保你的文章模型中有“标签”这个字段,在模板中添加：

<span>标签：
    {dede:tag row='5' getall='0'}
        <a href="[field:link/]">[field:tag/]</a>
    {/dede:tag}
</span>

第五步：添加相关文章/推荐文章

相关文章功能通过 {dede:likearticle} 标签实现。

{dede:likearticle row='5' titlelen='30'}
    <div class="related-item">
        <a href="[field:arcurl/]">[field:title/]</a>
        <span class="date">[field:pubdate function="MyDate('m-d',@me)"/]</span>
    </div>
{/dede:likearticle}

参数说明：

row='5'：显示5条相关文章，len='30'`：标题最多显示30个字符（一个汉字算一个字符）。
[field:arcurl/]：文章链接。
[field:title/]。

第六步：添加评论区域

评论区域通常是一个独立的模板文件，通过 {dede:include} 标签引入。

<div id="comment">
    <h3>评论 ({dede:field name='postnum'/})</h3>
    {dede:include filename="plus/feedback_templet.htm"/}
</div>

{dede:field name='postnum'/} 用于显示当前文章的评论总数。

第七步：SEO优化

文章页面的SEO非常重要，主要由 <head> 部分的三个标签控制。

标题 <title>
这个格式是“文章标题 - 网站名称”,对搜索引擎非常友好。
关键词 <meta name="keywords">
```
<meta name="keywords" content="{dede:field name='keywords'/}">
```
{dede:field.name='keywords'} 会调用你在后台发布文章时填写的“关键词”字段。
描述 <meta name="description">
```
<meta name="description" content="{dede:field name='description'/}">
```
{dede:field.name='description'} 会调用你填写的“描述”字段，如果描述为空,它可能会自动截取文章正文的前一部分作为描述。

编辑织梦文章内容页,本质上就是：

找到 article_article.htm 模板文件。
理解模板中各个 {dede:field} 等标签的含义和作用。
修改 HTML结构和CSS样式,来调整页面的布局和外观。
组合不同的标签，实现你想要的功能（如相关文章、作者信息等）。
确保 SEO相关的标签（title, keywords, description）正确无误。

希望这份详细的指南能帮助你顺利编辑织梦的文章内容页！

第一步：定位模板文件

第二步：了解页面基本结构

第三步：编辑文章内容本身

修改正文内容的样式

调用文章内容时进行格式化

第四步：添加或修改文章信息

常用文章信息标签

如何修改或添加新的信息？

第五步：添加相关文章/推荐文章

第六步：添加评论区域

第七步：SEO优化

相关文章

目录[+]