【PB建站教程】pboot网站页面常用调用标签

pbootcms网站常用的参数标签汇总、以及操作过程中的一些bug问题解决方法，pboot网站二开，以下龙腾飞网络科技-小吴在建站实操中笔记记录，pbootcms建站教程/pb网站建设教程 保存使用非常方便：

【PB建站教程】

pboot网站页面常用调用标签-[列表页]

——【列表页，文章列表调用】

代码语言：javascript代码运行次数：0运行复制

 {pboot:list num=20 order=oppose}

"[list:link]" target="_blank"

[list:title len=18]

[list:description function="cn_substr(@me,300)"/]... 

<a href="{sort:link}" target="_blank">{sort:name}</a>  
//文章对应的列表页名称

[list:date style=Y-m-d]  
//发布时间

{/pboot:list}

——【列表页，分页调用】

代码语言：javascript代码运行次数：0运行复制

{pboot:if('{page:count}' > 0)}
<!--//分页容器-->

<div class="uk-text-center frontier-pagess">

    <ul class="uk-clearfix">
       <!-- //{*page:index*}以及{*page:pre*}指定首页和上一页的链接地址，并且可以在a标签中自由设置首页或者上一页的文字-->

        <a class="first" href="{page:index}"><i class="fa fa-angle-double-left"></i></a>

        <a class="uk-visible@s prev" href="{page:pre}"><i class="fa fa-angle-left"></i></a>
     <!--   //分页条-->

        {page:numbar}
      <!--  //同首页和上一页，这里是尾页和下一页-->

        <a class="uk-visible@s next" href="{page:next}"><i class="fa fa-angle-right"></i></a>

        <a class="last" href="{page:last}"><i class="fa fa-angle-double-right"></i></a>

    </ul>

</div>

{/pboot:if}

然后，在skin/css/base.css文件中（自己对应的css文件），最底部增加以下控件

代码语言：javascript代码运行次数：0运行复制

/* 分页样式 */
.frontier-pagess { margin-top: 32px; clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px;}

.frontier-pagess ul { display: inline-block; vertical-align: bottom; text-align: center;}

.frontier-pagess ul span, 

.frontier-pagess ul a { display: block; float: left; margin: auto 2px; padding: 4px 12px; background: #FFF; box-shadow: 0 0 8px rgba(0,0,0,0.07); border-radius: 2px; font-size: 14px; color: #999; }

.frontier-pagess ul a.page-num-current,

.frontier-pagess ul a:hover { background: #775BFF; color: #FFF; }

【注意：当页面是左右结构，左右都有用到列表内容的调用，需要在pboot:list中增加page=0，如以下例子，多个调用分别加入】

代码语言：javascript代码运行次数：0运行复制

{pboot:list scode=* num=1 order=visits titlelen=250 page=0}

<section class="topnews imgscale">

<a href="[list:link]" target="_blank">

<img src="[list:ico]">

<span>[list:title]</span>

</a>

</section>

{/pboot:list}

本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。原始发表：2025-04-02，如有侵权请联系 cloudcommunity@tencent 删除教程标签网站分页建站