织梦首页调用最新文章

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

最简单直接的调用(默认调用)

这是最基础的方法,直接调用您在后台设置的“首页文档默认排序”方式下的最新文章。

织梦首页调用最新文章
(图片来源网络,侵删)

标签代码:

{dede:arclist}
    <li>
        <a href="[field:arcurl/]">[field:title/]</a>
        <span>[field:pubdate function="MyDate('Y-m-d',@me)"/]</span>
    </li>
{/dede:arclist}

代码解释:

  • {dede:arclist}: 这是织梦调用文章列表的起始标签。
  • </li>: 列表项的结束标签,通常配合 <li> 使用。
  • [field:arcurl/]: 调用文章的完整链接地址。
  • [field:title/]: 调用文章的标题。
  • [field:pubdate function="MyDate('Y-m-d',@me)"/]: 调用文章的发布日期,并通过function将其格式化为 "年-月-日" 的格式。

局限性: 这个方法会调用所有栏目(包括所有子栏目)的最新文章,并且排序方式是固定的,无法自定义数量。


指定调用数量和排序方式(最常用)

在实际开发中,我们通常需要控制显示的文章数量和排序规则,这个方法非常灵活,是首页调用的主力。

织梦首页调用最新文章
(图片来源网络,侵删)

标签代码:

{dede:arclist row='10' titlelen='30' orderby='pubdate' orderway='desc'}
    <li>
        <a href="[field:arcurl/]" title="[field:title/]">[field:title function='cn_substr(@me,30)'/]</a>
        <span>[field:pubdate function="MyDate('m-d',@me)"/]</span>
    </li>
{/dede:arclist}

代码解释: 除了方法一的标签外,这里增加了几个重要的属性:

  • row='10': 指定调用文章的数量,这里设置为调用10篇,len='30'`: 的长度,这里设置为最多显示30个字符(一个汉字算一个字符),防止标题过长影响布局。
  • orderby='pubdate': 指定排序的字段
    • pubdate: 按发布日期排序(最常用)。
    • id: 按文章ID排序。
    • click: 按点击量排序。
    • rand: 随机排序。
  • orderway='desc': 指定排序的顺序
    • desc: 降序(从大到小,最新的在前)。
    • asc: 升序(从小到大,最旧的在前)。
  • [field:title function='cn_substr(@me,30)'/]: 这里使用了另一种方式截取标题,功能和 titlelen 类似,但可以更灵活地嵌入到标签中。

指定特定栏目调用

很多时候,我们只想在首页的某个区块显示某个特定栏目或几个栏目的最新文章。

标签代码(调用单个栏目):

{dede:arclist row='8' typeid='5' titlelen='20'}
    <li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}

标签代码(调用多个栏目):

{dede:arclist row='8' typeid='5,6,10' titlelen='20'}
    <li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}

代码解释:

  • typeid='5': 指定要调用的栏目IDtypeid属性可以指定一个或多个栏目ID,多个ID之间用英文逗号 隔开。
    • 如何找到栏目ID? 登录织梦后台,进入“栏目管理”,将鼠标悬停在目标栏目上,浏览器左下角状态栏会显示该栏目的ID,plus/catalog.php?tid=5,这里的 5 就是ID。
  • typeid='5,6,10': 表示同时调用ID为5、6、10的这三个栏目下的最新文章。

带缩略图的调用(图文混排)

在首页新闻列表或产品展示中,经常需要显示文章的缩略图。

标签代码:

{dede:arclist row='5' typeid='5' titlelen='20' imgwidth='150' imgheight='100'}
    <div class="news-item">
        <a href="[field:arcurl/]">
            <img src="[field:picname/]" alt="[field:title/]" width="150" height="100">
            <h3>[field:title/]</h3>
        </a>
        <p>[field:description function='cn_substr(@me,100)'/]...</p>
    </div>
{/dede:arclist}

代码解释:

  • imgwidth='150'imgheight='100': 指定缩略图的宽度和高度,织梦会自动将缩略图缩放到这个尺寸。
  • [field:picname/]: 调用文章的缩略图地址,这个字段的前提是,您在发布文章时必须上传了缩略图。
  • [field:description function='cn_substr(@me,100)'/]: 调用文章的摘要(简介),并截取前100个字符,这通常用于显示文章的简短描述。

总结与最佳实践

需求场景 推荐标签 关键属性
最简单的列表 {dede:arclist} 无需额外属性
控制数量和排序 {dede:arclist} row, orderby, orderway
调用特定栏目 {dede:arclist} typeid
图文混排列表 {dede:arclist} typeid, imgwidth, imgheight, field:picname

重要提示:

  1. 栏目ID务必正确typeid 是最容易出错的地方,请务必在后台确认好您想调用栏目的ID。
  2. 样式调整:以上代码中的HTML结构(如<li>, <div>)和CSS样式需要您根据自己网站的模板进行修改,以实现美观的布局。
  3. 缓存问题:织梦有强大的缓存机制,如果您修改了标签代码但首页没有变化,请登录后台点击“生成” -> “更新主页HTML”,或者在后台设置中临时关闭缓存再刷新页面。

希望这些详细的解释能帮助您在织梦首页中完美地调用最新文章!

-- 展开阅读全文 --
头像
dede列表缩略图大小怎么设置?
« 上一篇 今天
织梦上传文件大小限制怎么调整?
下一篇 » 今天

相关文章

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

目录[+]