加截中...

PbootCMS 模板首页循环调用所有栏目及对应内容


一、核心标签说明

PbootCMS 通过 {pboot:nav}(循环栏目) + {pboot:list}(循环内容)的标签组合,实现 “栏目 - 内容” 的联动调用,关键标签及字段说明如下:


标签 / 字段作用说明示例值
{pboot:nav}外层循环,遍历网站所有栏目(需开启 “显示” 的栏目)-
[nav:link]输出当前栏目的链接(如 /news//news/
[nav:name]输出当前栏目的名称(如 “新闻动态”)新闻动态
[nav:scode]输出当前栏目的唯一标识(用于关联内容列表)news
{pboot:list}内层循环,按条件调用当前栏目的内容-
scode=[nav:scode]关联当前栏目(通过栏目标识筛选内容)scode="news"
num=4限制每个栏目下显示的内容数量(如 4 条)-
order=date按发布时间排序内容(可选 sorting/hits 等排序方式)-
[list:link]输出内容链接(如 /news/2024-01/article.html/news/2024-01/...
[list:title]输出内容标题(如 “2024 年行业趋势分析”)2024年行业趋势分析
[list:ico]输出内容缩略图(需提前上传)/uploads/2024/01.jpg
[list:date]输出内容发布时间(支持自定义格式,如 Y-m-d2024-01-01
[list:description]输出内容摘要(需提前填写)本文分析了2024年...


二、完整实现代码(含 HTML 结构)

以下是首页模板中调用 “所有栏目 + 对应内容” 的完整代码示例(可直接复制到模板文件中):

{pboot:nav}
    <div class="panel">
        <!-- 栏目头部:名称 + 更多链接 -->
        <div class="panel-title">
            <a href="[nav:link]" class="more">更多</a>
            <h3>[nav:name]</h3>
        </div>
        
        <!-- 内容列表:每个栏目显示4条内容 -->
        <ul class="content-list">
            {pboot:list scode=[nav:scode] num=4 order=date}
                <li>
                    <a href="[list:link]">
                        <!-- 缩略图(含默认图处理) -->
                        <div class="img-box">
                            <img src="[list:ico]" onerror="this.src='/static/images/nopic.png'" alt="[list:title]">
                        </div>
                        
                        <!-- 内容信息:标题 + 日期 + 摘要 -->
                        <div class="info">
                            <h4>[list:title]</h4>
                            <span class="date">[list:date style=Y-m-d]</span>
                            <p>[list:description len=60]</p>
                        </div>
                    </a>
                </li>
            {/pboot:list}
        </ul>
    </div>
{/pboot:nav}



在线客服
服务热线

服务热线

13648088499

微信咨询
二维码
返回顶部