您所在的位置:首页 - CMS - 正文CMS

pbootcms建站常用的一些组合调用代码

wang wang 07-03 【CMS】 150人已围观

摘要通用1、栏目页封面图(调用顶级栏目的封面和标题){pboot:sortscode={sort:tcode}}{/pboot:sort}首页列表页详情页单页内容待整理补充,文章将持续更新


通用

▶ 文本换行调用实现换行

加上decode=1即可,decode=1 解码数据html字符,如果等于0.则不解码(包括源码已经解码的),此标签一般不使用

{pboot:companyaddress decode=1}


头部&尾部

▶ 二级栏目做头部导航,以下二级栏目为固定写死方法

<div class="nav">
    <div class="container">
        <ul>
            <li class="{pboot:if(0=='{sort:scode}')}active{/pboot:if}">
            <a href="{pboot:sitepath}/">网站首页</a></li>
            <li class="{pboot:if(13=='{sort:scode}')}active{/pboot:if}">
                {pboot:sort scode=13}
                <a href="[sort:link]">[sort:name]</a>
                {/pboot:sort}
            </li>
            <li class="{pboot:if(14=='{sort:scode}')}active{/pboot:if}">
                {pboot:sort scode=14}
                <a href="[sort:link]">[sort:name]</a>
                {/pboot:sort}
            </li>
            {pboot:nav num=8 parent=0}
            <li class="{pboot:if('[nav:scode]'=='{sort:tcode}' && '
            {sort:scode}'!=13 && '{sort:scode}'!=14)}active{/pboot:if}">
            <a href="[nav:link]">[nav:name]</a></li>
            {/pboot:nav}
        </ul>
    </div>
</div>


▶ 内页头部栏目封面图①(调用顶级栏目的封面和标题)

{pboot:sort scode={sort:tcode}}
<img src="[sort:pic]" alt="[sort:name]">
{/pboot:sort}


▶ 内页头部栏目封面图②(如果当前栏目有封面图就调用当前的,否则调用顶级栏目的封面)

{pboot:sort scode={sort:tcode}}
{pboot:if('{sort:pic}'!='')}
<img src="{sort:pic}" alt="{sort:name}">
{else}
<img src="[sort:pic]" alt="[sort:name]">
{/pboot:if}
{/pboot:sort}


首页

▶ 调用某个栏目的子栏目以及对应匹配的内容列表

以下以首页新闻分类切换效果为例介绍,具体调用参数按需修改。

首先新闻分类调用

<ul class="news-cate">
  {pboot:nav num=3 parent=7}
  <li {pboot:if('[nav:i]'==1)}class="on"{/pboot:if}>[nav:name]</li>
  {/pboot:nav}
</ul>


接着对应新闻分类的内容列表调用

{pboot:nav num=3 parent=7}
<div class="news-item">
    <div class="item-list news-list">
        {pboot:list scode=[nav:scode] num=3 order=sorting}
        <div class="item clearfix">
            <div class="pic pic-scale oh">
                <a href="[list:link]">
                    <img src="[list:ico]" alt="[list:title]">
                </a>
            </div>
            <div class="cont">
             <h4 class="elp"><a href="[list:link]">[list:title]</a></h4>
              <p>[list:description lencn=85]</p>
              <div class="date-mini">[list:date style=m-d]</div>
              <a href="[list:link]" class="swp-more">
              <i class="iconfont icon-changyongicon-"></i></a>
            </div>
        </div>
        {/pboot:list}
    </div>
</div>
{/pboot:nav}


列表页

详情页

单页

内容待整理补充,文章将持续更新


本文最后更新于 2022-01-08,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长

打赏!

分享到:

文章评论 (暂无评论,150人围观)

1109 文章数
0 评论数
73812 浏览数

我的名片

网名:小五

职业:seo

现居:郑州

Email:2915847353@qq.com

站长寄语:有得有失,才是人生

  • 我的微信
取消
微信二维码
微信二维码
支付宝二维码
关注微信公众号 关注微信公众号
17596519501
7*24小时客服电话