织梦cms 文章内容页调用推荐的文章

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

调用当前栏目的推荐文章(最常用)

这种方式最符合用户习惯,用户看完一篇文章后,会看到同栏目下的其他精彩推荐。

织梦cms 文章内容页调用推荐的文章
(图片来源网络,侵删)

实现步骤:

  1. 进入文章内容页模板 登录织梦后台,找到【模板】->【默认模板管理】-> 选择文章内容页模板,通常是 article_article.htm,点击【修改】。

  2. 添加调用代码 在你希望显示推荐文章列表的位置(例如文章内容下方、相关文章旁边等),插入以下代码。

    <div class="recommend-box">
        <h3>栏目推荐</h3>
        <ul class="recommend-list">
            {dede:arclist flag='c' row='5' titlelen='40'}
            <li>
                <a href="[field:arcurl/]">[field:title/]</a>
                <span class="date">([field:pubdate function="MyDate('Y-m-d',@me)"/])</span>
            </li>
            {/dede:arclist}
        </ul>
    </div>
  3. 代码详解

    • {dede:arclist ...}: 这是织梦的列表标签,用于获取文章列表。
    • flag='c': 这是最核心的参数flag 用于指定文章的属性,c 代表“推荐”,如果你想同时调用“头条”和“推荐”的文章,可以用 flag='h,c'
    • row='5': 表示获取5条推荐文章,你可以根据需要修改这个数字。
    • titlelen='40': 表示标题最多显示40个字符,超出部分会省略,你也可以用 来代替省略号,titlelen='40' ...
    • [field:arcurl/]: 文章的链接地址。
    • [field:title/]: 文章的标题。
    • [field:pubdate function="MyDate('Y-m-d',@me)"/]: 文章的发布日期,MyDate 是织梦的日期格式化函数,'Y-m-d' 是你想要的日期格式。
  4. CSS 样式(可选) 为了让推荐列表更美观,你可以在模板的CSS文件中添加一些样式。

    织梦cms 文章内容页调用推荐的文章
    (图片来源网络,侵删)
    /* 在你的CSS文件中添加 */
    .recommend-box {
        margin-top: 30px;
        padding: 15px;
        border: 1px solid #e6e6e6;
        background-color: #f9f9f9;
    }
    .recommend-box h3 {
        border-bottom: 2px solid #0066cc;
        padding-bottom: 10px;
        margin-bottom: 15px;
        font-size: 16px;
    }
    .recommend-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .recommend-list li {
        line-height: 30px;
        border-bottom: 1px dashed #e6e6e6;
    }
    .recommend-list li:last-child {
        border-bottom: none;
    }
    .recommend-list a {
        color: #333;
        text-decoration: none;
    }
    .recommend-list a:hover {
        color: #0066cc;
        text-decoration: underline;
    }
    .recommend-list .date {
        color: #999;
        font-size: 12px;
        margin-left: 10px;
    }

调用全站的推荐文章

这种方式可以打破栏目的限制,向用户展示全站范围内被标记为“推荐”的优质文章。

实现步骤:

  1. 进入文章内容页模板 同样,打开 article_article.htm 模板文件。

  2. 添加调用代码 在指定位置插入以下代码。与方法一唯一的区别就是去掉了 typeid 参数

    <div class="recommend-box">
        <h3>全站推荐</h3>
        <ul class="recommend-list">
            {dede:arclist flag='c' row='5' titlelen='40'}
            <li>
                <a href="[field:arcurl/]">[field:title/]</a>
                <span class="date">([field:pubdate function="MyDate('Y-m-d',@me)"/])</span>
            </li>
            {/dede:arclist}
        </ul>
    </div>

对比:

织梦cms 文章内容页调用推荐的文章
(图片来源网络,侵删)
  • 方法一(当前栏目){dede:arclist typeid='栏目ID' flag='c' ...},织梦在内容页会自动识别当前文章所在的栏目,所以即使不写 typeid,默认也是调用当前栏目的,但为了代码清晰,也可以加上 typeid='[field:id/]'
  • 方法二(全站){dede:arclist flag='c' ...},不指定 typeid,就表示从所有栏目中获取。

常见问题与注意事项

为什么我的推荐文章调不出来?

  • 检查文章属性:进入后台【核心】->【内容模型管理】->【普通文章】,确保你的文章模型里有“推荐”这个属性,默认的“普通文章”模型是有的。
  • 检查文章是否被推荐:编辑你想要推荐的文章,在“常规选项”里,找到“文档状态”,勾选“推荐”选项,然后保存。
  • 检查缓存:织梦有强大的缓存机制,修改模板或文章后,请务必到后台【系统】->【一键更新网站】->【更新HTML】->【更新所有】中,更新一下相关页面,或者直接在后台清空所有缓存。

如何调用“头条”或“特荐”文章?

只需要修改 flag 的值即可:

  • flag='h':调用头条文章。
  • flag='p':调用特荐文章。
  • flag='c':调用推荐文章。
  • flag='h,c':同时调用头条和推荐文章。

如何让推荐文章按特定顺序排序?

可以在 {dede:arclist} 标签中使用 orderbyorderway 参数。

  • orderby='hot':按点击数(浏览量)排序。
  • orderby='pubdate':按发布日期排序。
  • orderby='score':按评论数排序。
  • orderway='desc':降序(从高到低,默认)。
  • orderway='asc':升序(从低到高)。

示例:调用当前栏目点击量最高的5条推荐文章

{dede:arclist flag='c' row='5' titlelen='40' orderby='hot' orderway='desc'}
    <li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}
需求 核心代码 说明
调用当前栏目推荐 {dede:arclist flag='c' row='5' ...} 最常用,符合用户阅读习惯。
调用全站推荐 {dede:arclist flag='c' row='5' ...} 不指定 typeid,打破栏目限制。
调用头条+推荐 {dede:arclist flag='h,c' row='5' ...} 使用多个 flag 值,用逗号隔开。
按点击量排序 {dede:arclist flag='c' orderby='hot' ...} orderby='hot' 按点击数,orderby='pubdate' 按日期。

希望这份详细的教程能帮助你成功在织梦CMS文章内容页调用推荐文章!如果在操作中遇到任何问题,欢迎随时提问。

-- 展开阅读全文 --
头像
页因统计慢?如何优化打开速度?
« 上一篇 12-03
常用算法程序集(C语言描述)PDF哪里能找到?
下一篇 » 12-04

相关文章

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

目录[+]