PbootCMS常用标签之一
首张轮播图
{pboot:pics id=[list:id] num=1}[pics:src]{/pboot:pics}多语言
<a href="{pboot:lgpath}?lg=cn">切换中文</a>
<a href="{pboot:lgpath}?lg=en">切换英文</a>
如何判断当前语言并高亮?
在按钮上添加判断语句:
{pboot:if('{pboot:sitelanguage}'=='cn')}class="active"{/pboot:if}取消点击
onclick="return false;"
去掉a链接样式
text-decoration: none; color: inherit;
robots.txt
User-agent: * Allow: / Disallow: /message/ Disallow: /static/
电脑端移动端调用不同的轮播图:
{pboot:slide gid=1 num=3}
<div class="swiper-slide">
<div class="banner-picwords">
<div class="banner-pic">
<img class="banner-pc" src="[slide:src]" alt="[slide:title]">
{pboot:if('[slide:i]'=='1')}
<img class="banner-mb" src="{label:src1}" alt="[slide:title]">
{/pboot:if}
{pboot:if('[slide:i]'=='2')}
<img class="banner-mb" src="{label:src2}" alt="[slide:title]">
{/pboot:if}
{pboot:if('[slide:i]'=='3')}
<img class="banner-mb" src="{label:src3}" alt="[slide:title]">
{/pboot:if}
</div>
<div class="banner-text">
<h6>[slide:title]</h6>
<p>[slide:subtitle]</p>
<audio controls="controls" style="display:none;"></audio>
<a href="[slide:link]">查看详情</a>
</div>
</div>
</div>
{/pboot:slide}三级栏目导航调用:
{/pboot:nav}
顶部导航高亮代码:
{/pboot:nav}
顶部导航判断显示指定栏目下的文章链接:
<ul class="navbar">
<li class="navbar-item {pboot:if(0=='{sort:scode}')}active{/pboot:if}"><a href="{pboot:sitedomain}/" title="">首页</a></li>
{pboot:nav num=4 parent=0}
<li class="navbar-item {pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}">
{pboot:if('[nav:scode]'=='16')}{pboot:list scode=16 num=1 order='sorting ASC,date DESC'}<a href="[list:link]" title="">[nav:name]</a>{/pboot:list}{else}<a href="[nav:link]" title="">[nav:name]</a>{/pboot:if}
</li>{/pboot:nav}
</ul>指定栏目产品调用例子:
<ul> {pboot:list scode=5 num=6 order=date} <li> <a href="[list:link]" target="_blank"> <img src="[list:ico]" alt="[list:title]"/> <p>[list:title len=18]</p></a> [list:date style=Y-m-d] [list:description] </li> {/pboot:list} </ul>
关于我们等栏目内容调用例子:
{pboot:content id=86}[content:content drophtml=1 dropblank=1 len=154]{/pboot:content}
页面浏览数:{content:visits}
栏目导航
<ul class="nav">
<li {pboot:if(0=='{sort:scode}')}class="hover"{/pboot:if}>
<a class="nav1" href="/">网站首页<span>home</span></a>
</li>
{pboot:nav num=6 parent=0}
<li {pboot:if('[nav:scode]'=='{sort:tcode}')}class="hover"{/pboot:if}>
<a class="nav1" href="[nav:link]" title="[nav:name]">[nav:name]<span>[nav:subname]</span></a>
{pboot:if([nav:soncount]>0)}
<div class="subNav">
{pboot:2nav parent=[nav:scode]}
<a href="[2nav:link]">[2nav:name]</a>
{/pboot:2nav}
</div>
{/pboot:if}
</li>
{/pboot:nav}
</ul>子栏目:
<div class="inner-tit">
<div class="bread-menu"><img src="/skin/img/home_icon.png"/>您所在位置:{pboot:position separator=>>}</div>
<div class="clearfix"></div>
</div>
<div class="inner-menu">
{pboot:nav parent={sort:tcode}}
<a href='[nav:link]' {pboot:if('[nav:scode]'=='{sort:scode}')}class='cur'{/pboot:if}> [nav:name] </a>
{/pboot:nav}
</div>自定义字段多图调用
<div class="Intro-products">
{pboot:pics id=[list:id] num=4 field=ext_aimgs}
<div class="Intro-product">
<a href="[pics:src]" target='_blank'><img src="[pics:src]" alt=" " style="width: 100%; height: 100%; object-fit: cover;"></a>
</div>
{/pboot:pics}
</div>
日期调用代码:
[list:date style=d]或[list:date style=m]或[list:date style=y-m-d]
图集调用
{pboot:picsid={content:id}num=1}<imgsrc="{content:ico}"alt="[pics:title]"/>{/pboot:pics}
指定栏目名称及链接例子
<a href="{pboot:sort scode=8}[sort:link]{/pboot:sort}">{pboot:sort scode=8}[sort:name]{/pboot:sort}</a>
手机独立版js代码
轮播图调用
或
或
搜索框调用
<form name="formsearch" action="/search/" method="get">
<input type="hidden" name="kwtype" value="0" />
<span class="navsearch_input">
<input type="text" name="keyword" size="20" placeholder="请输入搜索关键词"> </span>
<button type="submit" class="searchgo"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
友情链接调用:
分页调用:
<a href='{page:pre}'>«</a>{page:numbar}<a href='{page:next}'>»</a>
自定义字段调用例子:
[list:ext_tjzhi]
自定义标签例子:
{label:downlink}
标题样式:
首页:{pboot:sitetitle}、专题页:{sort:title}-{pboot:sitesubtitle}、列表页:{sort:title}-{pboot:sitesubtitle}、内容页:{content:title}-{pboot:sitesubtitle}
指定属性调用:
{pboot:list scode=2 num=1 tags='XXX'}内容{/pboot:list}
{pboot:list scode=2 num=1 order=istop}内容{/pboot:list}
{pboot:list scode=2 num=1 order=isrecommend}内容{/pboot:list}
栏目列表循环调用1:
<table width="885" border="0">
{pboot:list num=4 page=0}
<!-- 当索引为奇数时开始行(假设索引从1开始) -->
{pboot:if([list:i]%2==1)}<tr>{/pboot:if}
<td width="432">
<a href="[list:link]" class="newsli">
<span class="time"></span>
[list:title]<img src="[list:ico]" alt="[list:title]" width="440" height="320" />
</a>
</td>
<!-- 当索引为偶数时闭合行 -->
{pboot:if([list:i]%2==0)}</tr>{/pboot:if}
<!-- 处理最后一项为奇数的情况 -->
{pboot:if([list:i]==[list:count]-1 && [list:count]%2==1)}
<td width="432"></td></tr>
{/pboot:if}
{/pboot:list}
</table>栏目列表循环调用2:
<table width="885" border="0">
{pboot:list num=4 page=0}
pboot:if([list:i]%2==1)}<tr>{/pboot:if}
<td width="432">
<a href="[list:link]" class="newsli"><span class="time"></span>[list:title]<img src="[list:ico]" width="440" height="320" /></a>
</td>
{pboot:if([list:i]%2==0)}</tr>{/pboot:if}
{/pboot:list}
</table>css:
margin:0 auto; height:100%;min-height:100%!important;
栏目调用:
<ul class="navbar">
<!-- 首页 -->
<li class="navbar-item {pboot:if(0=='{sort:scode}')}active{/pboot:if}">
<a href="{pboot:sitedomain}/" title="">首页</a>
</li>
<!-- 导航栏目 -->
{pboot:nav num=4 parent=0}
<li class="navbar-item {pboot:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}">
{pboot:if('[nav:scode]'=='16' || '[nav:scode]'=='17' || '[nav:scode]'=='18')}
<!-- 针对栏目16, 17, 18的特殊处理 -->
{pboot:list scode=[nav:scode] num=1 order='sorting ASC,date DESC'}
<a href="[list:link]" title="">[nav:name]</a>
{/pboot:list}
{else}
<!-- 其他栏目正常处理 -->
<a href="[nav:link]" title="">[nav:name]</a>
{/pboot:if}
</li>
{/pboot:nav}
</ul>循环调用栏目
{pboot:nav scode=1,2,3}
<ul>
<h3>[nav:name]</h3>
{pboot:2nav parent=[nav:scode]}
<li><a href=”[2nav:link]”>[2nav:name]</a></li>
{/pboot:2nav}
</ul>
{/pboot:nav}判断有无多图;
<div class="sitewidget-bd">
{pboot:if({content:ispics}==1)}
<ul class="light-gallery gallery-list fix gallery-col1 gallery-col2 gallery-col3 gallery-fadeInBox light-gallery-flex-warp " style="margin-left:-10px; *margin-left:0;">
{pboot:pics id={content:id} num=6}
<li data-src="[pics:src]" class="gallery-item" data-total="3" data-index="0" style="margin-bottom:10px;">
<div class="gallery-summery-wrap " roles="" style="margin-left:10px; ">
<div class="gallery-picbox">
<a class="gallery-animation " href="[pics:src]" title="1"> <img class="lazy" src="/skins/img/qwFaUE.png" data-original="[pics:src]" alt="1" title="1">
<!-- 描述展示风格 --> </a>
</div>
</div> </li>
{/pboot:pics}
</ul>
{else}<div class="picture-resize-wrap " style="position: relative; width: 100%; text-align: center; "><img src="{content:ico}" style="position: relative; max-width: 100%;"> </div>
{/pboot:if}
</div>
